npm - @htmlbricks/hb-bundle - Versions diffs - 0.66.6 → 0.66.8 - Mend

@htmlbricks/hb-bundle 0.66.6 → 0.66.8

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.

Files changed (4) hide show

package/bundle.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"packages":[{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"collectionItemClick":{"additionalProperties":false,"properties":{"uri":{"type":"string"}},"required":["uri"],"type":"object"}},"required":["collectionItemClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"collection":{"items":{"$ref":"#/definitions/Item"},"type":"array"},"id":{"type":"string"},"size":{"type":"number"},"style":{"type":"string"}},"required":["collection"],"type":"object"},"Item":{"additionalProperties":false,"properties":{"image":{"type":"string"},"index":{"type":"number"},"link":{"additionalProperties":false,"properties":{"type":{"enum":["tab","page","event"],"type":"string"},"uri":{"type":"string"}},"required":["type","uri"],"type":"object"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","text","link","image"],"type":"object"}}}},"description":"Vertical archive grid: `collection` items with `title`, `text`, `image`, and `link` (e.g. `type` + `uri`). Optional `size` sets column count; CSS parts style container, item, image, title, and text. Emits `collectionItemClick` when an item is chosen.","storybookArgs":{"collection":{"control":{"type":"object"}},"size":{"control":{"type":"number"}},"collectionItemClick":{"collectionItemClick":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container"},{"name":"item"},{"name":"image"},{"name":"title"},{"name":"text"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 7","text":"Text 7","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 8","text":"Text 8","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}},{"name":"default2","data":{"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}},{"name":"default3","data":{"size":4,"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}}],"iifeIntegrity":"sha384-HQAuU4+UmGaNqNimI0ws4P4AIPIRe16BKvwQa6xv068sIxs3d3wuCLR7uCpt6IUS","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-vertical-img-txt-archive","category":"content","tags":["content","archive"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-vertical-img-txt-archive","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"},"uploadComplete":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"id":{"type":"string"}},"required":["downloaded","id"],"type":"object"},"uploadError":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"error":{"additionalProperties":false,"properties":{"message":{"type":"string"},"name":{"type":"string"},"stack":{"type":"string"}},"required":["name","message"],"type":"object"},"id":{"type":"string"}},"required":["downloaded","id","error"],"type":"object"}},"required":["uploadError","uploadComplete","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"fetch_data":{"$ref":"#/definitions/Fetch"},"id":{"type":"string"},"style":{"type":"string"},"upload_id":{"type":"string"}},"type":"object"},"Fetch":{"additionalProperties":false,"properties":{"data":{},"headers":{"additionalProperties":{"type":"string"},"type":"object"},"method":{"type":"string"},"url":{"type":"string"}},"required":["data","url"],"type":"object"}}}},"description":"File download/upload UI driven by `fetch_data` (`url`, `data`), with optional `upload_id`, `total`, and `loaded` for progress. Title slot; fires `downloadError`, `downloadComplete`, and `modalShow` for host handling.","storybookArgs":{"fetch_data":{"control":{"type":"object"}},"upload_id":{"control":{"type":"text"}},"total":{"control":{"type":"number"}},"loaded":{"control":{"type":"number"}},"downloadError":{"action":"downloadError"},"downloadComplete":{"action":"downloadComplete"},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"fetch_data":{"url":"","data":""}}}],"iifeIntegrity":"sha384-3dgHjz6+zaVVNV+VhfAWbsK6sVOt5zFNNUjaV1opDkZ3xP+6gKERxrWFXmBpEQIY","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-uploader","category":"utilities","tags":["utilities","files"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-uploader","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"visualizationChange":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["visualizationChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"},"style":{"type":"string"},"tooltip":{"anyOf":[{"$ref":"#/definitions/TTooltip"},{"type":"string"}]}},"type":"object"},"TTooltip":{"additionalProperties":false,"properties":{"animation":{"type":"boolean"},"customClass":{"type":"string"},"delay":{"anyOf":[{"type":"number"},{"additionalProperties":false,"properties":{"hide":{"type":"number"},"show":{"type":"number"}},"required":["show","hide"],"type":"object"}]},"description":{"type":"string"},"html":{"type":"boolean"},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"offset":{"anyOf":[{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},{"type":"string"}]},"placement":{"enum":["auto","top","bottom","left","right"],"type":"string"},"style":{"$ref":"#/definitions/TooltipStyle"},"title":{"type":"string"},"trigger":{"enum":["click","hover","focus","manual","click hover","click focus","hover focus","click hover focus"],"type":"string"}},"required":["title"],"type":"object"},"TooltipStyle":{"additionalProperties":false,"properties":{"backgroundColor":{"type":"string"},"borderRadius":{"type":"string"},"color":{"type":"string"},"disableDefaultStyle":{"type":"boolean"},"fontSize":{"type":"string"},"opacity":{"type":"number"},"padding":{"type":"string"},"transitionDuration":{"type":"string"}},"type":"object"}}}},"description":"A wrapper component that adds a Bootstrap tooltip to its content","storybookArgs":{"tooltip":{"control":{"type":"object"}},"show":{"control":{"type":"boolean"}},"visualizationChange":{"action":"visualizationChange"}},"styleSetup":{"vars":[{"name":"--tooltip-bg","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"default","description":"Element to wrap with tooltip"}],"i18n":[],"examples":[{"name":"Default","data":{"tooltip":{"title":"Default tooltip"}}},{"name":"BottomPlacement","data":{"tooltip":{"title":"Tooltip on bottom","placement":"bottom"}}},{"name":"HtmlContent","data":{"tooltip":{"title":"<b>Bold</b> tooltip","html":true}}},{"name":"Styled","data":{"tooltip":{"title":"Styled tooltip","style":{"backgroundColor":"#6f42c1","color":"#ffffff","fontSize":"1rem","padding":"0.5rem 1rem","borderRadius":"0.5rem"}}}},{"name":"LongTextWithMaxWidth","data":{"tooltip":{"title":"This is a very long tooltip text that should wrap because of the max-width property set on the tooltip configuration. It demonstrates how to control the width of the tooltip.","maxWidth":"200px"}}},{"name":"TitleAndDescription","data":{"tooltip":{"title":"Tooltip Title","description":"This is a description that appears below the title. It provides more context."}}}],"iifeIntegrity":"sha384-OuZJhfBfa8K6IS1QLmpeNytFFihz3NVhnO+SAWgAHPy6NMGFPtiSNyjx607h5XV+","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-tooltip","category":"overlays","tags":["overlays","tooltip"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-tooltip","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"action":{"additionalProperties":false,"properties":{"action":{"type":"string"},"id":{"type":"string"}},"required":["id"],"type":"object"},"changeVisibility":{"additionalProperties":false,"properties":{"disappear":{"type":"boolean"},"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["changeVisibility","action"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"buttons":{"items":{"$ref":"#/definitions/TToastButton"},"type":"array"},"content":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"level":{"enum":["info","success","warning","danger","primary","secondary","light","dark"],"type":"string"},"position":{"enum":["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],"type":"string"},"progress":{"type":"string"},"show":{"enum":["yes","no"],"type":"string"},"small":{"type":"string"},"style":{"type":"string"},"timeout":{"type":["string","number"]},"title":{"type":"string"}},"required":["show","title","img","content"],"type":"object"},"TToastButton":{"additionalProperties":false,"properties":{"action":{"type":"string"},"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"},"themeColor":{"enum":["info","success","warning","danger","primary","secondary","light","dark"],"type":"string"},"type":{"enum":["confirm","cancel"],"type":"string"}},"required":["type"],"type":"object"}}}},"description":"Bootstrap-styled toast: `show`, `title`, `content`, optional `img`, `small`, `level`, `position`, `timeout`, string `progress` for a bar, and `buttons` for actions. Slots customize header and body; dispatches visibility and button `action` events.","storybookArgs":{"show":{"control":{"type":"boolean"}},"small":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"img":{"control":{"type":"text"}},"level":{"control":{"type":"select"},"options":["primary","secondary","success","danger","warning","info","light","dark"]},"content":{"control":{"type":"text"}},"changeVisibility":{"action":"changeVisibility"},"timeout":{"control":{"type":"number"}},"progress":{"control":{"type":"text"}},"position":{"control":{"type":"select"},"options":["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"]},"buttons":{"control":{"type":"object"}},"action":{"action":"action"}},"styleSetup":{"vars":[{"name":"--bs-danger-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-dark-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-info-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-light-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-primary-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-secondary-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-success-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-warning-rgb","valueType":"color","theme":"bootstrap","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header_img","description":""},{"name":"header_strong","description":""},{"name":"header_small","description":""},{"name":"body","description":""}],"i18n":[],"examples":[{"name":"default","data":{"small":"11 mins ago","title":"Bootstrap","show":"yes","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"timeout","data":{"timeout":3000,"small":"11 mins ago","title":"Bootstrap","show":"yes","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"timeoutwithtimer","data":{"timeout":12000,"title":"Bootstrap","show":"yes","level":"warning","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progress25","description":"Shows a 25% progress, header displays percentage when small is empty.","data":{"show":"yes","title":"Upload","content":"Uploading your file...","level":"info","progress":"25","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progress70","description":"Shows a 70% progress.","data":{"show":"yes","title":"Processing","content":"Working on your request...","level":"warning","progress":"70","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progressWithSmall","description":"When small is provided, it overrides percentage display.","data":{"show":"yes","title":"Sync","content":"Synchronizing...","level":"secondary","small":"in progress","progress":"40","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progressComplete","description":"100% progress shows a full bar.","data":{"show":"yes","title":"Completed","content":"All done!","level":"success","progress":"100","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"withButtons","description":"Toast with confirmation buttons.","data":{"show":"yes","title":"Confirmation","content":"Are you sure you want to proceed?","level":"light","buttons":[{"type":"cancel","action":"btn-cancel"},{"type":"confirm","action":"btn-confirm","text":"Yes, proceed","icon":"bi-check-circle"}],"img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}}],"iifeIntegrity":"sha384-5o7yuc3vBDz5DqOlUpGIdRWnz4NlxUUsyr2EoAAFEaRouxaH1W7tffgjnb8YQS6J","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-toast","category":"overlays","tags":["overlays","notifications"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-toast","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"anyOf":[{"$ref":"#/definitions/ITPrivacy"},{"$ref":"#/definitions/CookieContent"}]},"i18nlang":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"CookieContent":{"additionalProperties":false,"properties":{"company":{"additionalProperties":false,"properties":{"address":{"type":"string"},"name":{"type":"string"}},"required":["name","address"],"type":"object"},"cookies":{"items":{"$ref":"#/definitions/CookieRow"},"type":"array"},"date":{"format":"date-time","type":"string"},"id":{"enum":["cookie-doc-italian","cookie-doc-english","cookie-doc"],"type":"string"},"language":{"type":"string"},"site":{"additionalProperties":false,"properties":{"cookiePolicyUri":{"type":"string"},"name":{"type":"string"},"privacyPolicyUri":{"type":"string"},"url":{"type":"string"}},"required":["name","url","privacyPolicyUri","cookiePolicyUri"],"type":"object"}},"required":["id","site","company","cookies"],"type":"object"},"CookieRow":{"additionalProperties":false,"properties":{"durate":{"type":"number"},"name":{"type":"string"},"purpose":{"type":"string"},"service":{"type":"string"},"storage":{"enum":["persistent","session"],"type":"string"},"third":{"additionalProperties":false,"properties":{"company":{"type":"string"},"termUri":{"type":"string"}},"required":["company"],"type":"object"},"type":{"enum":["technical","authentication","preferences","statistics","advertising","analytics","third-party"],"type":"string"}},"required":["name","purpose","service","storage","durate","type"],"type":"object"},"ITPrivacy":{"additionalProperties":false,"properties":{"analytics":{"additionalProperties":false,"properties":{"companies":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"}},"required":["companies"],"type":"object"},"collectedData":{"additionalProperties":false,"properties":{"contactModule":{"additionalProperties":false,"properties":{"data":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"}},"required":["data"],"type":"object"},"dataTypes":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"},"scopes":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"}},"required":["scopes","dataTypes"],"type":"object"},"company":{"additionalProperties":false,"properties":{"address":{"type":"string"},"name":{"type":"string"}},"required":["name","address"],"type":"object"},"date":{"format":"date-time","type":"string"},"id":{"const":"privacy-doc-italian","type":"string"},"payments":{"additionalProperties":false,"properties":{"companies":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"}},"required":["companies"],"type":"object"},"privacyAdmin":{"additionalProperties":false,"properties":{"email":{"type":"string"},"name":{"type":"string"}},"required":["name","email"],"type":"object"},"site":{"additionalProperties":false,"properties":{"cookiePolicyUri":{"type":"string"},"name":{"type":"string"},"privacyPolicyUri":{"type":"string"},"url":{"type":"string"}},"required":["name","url","privacyPolicyUri","cookiePolicyUri"],"type":"object"},"socialNetworks":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"},"storage":{"additionalProperties":false,"properties":{"durate":{"type":"string"}},"type":"object"}},"required":["id","site","company","privacyAdmin","collectedData"],"type":"object"}}}},"description":"Renders legal-style documents from `data`: privacy templates with site, company, and admin fields, or cookie policies with a `cookies` list. Use `i18nlang` with registered languages for localized copy; emits `event` for integrations.","storybookArgs":{"data":{"control":{"type":"object"}},"i18nlang":{"control":{"type":"text"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"italian","data":{"data":{"collectedData":{"dataTypes":[],"scopes":[]},"id":"privacy-doc-italian","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"privacyAdmin":{"name":"testownerprivacy","email":"ownprivacy.own"},"date":"2020-01-01T00:00:00.000Z"}}},{"name":"cookieit","data":{"data":{"id":"cookie-doc-italian","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[{"name":"testcookie1","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"technical"},{"name":"testcookie2","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"analytics"},{"name":"testcookie3","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"advertising"},{"name":"testcookie4","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"third-party"},{"name":"testcookie5","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"authentication"},{"name":"testcookie6","purpose":"test purpose2","durate":6600,"service":"test service2","storage":"persistent","type":"third-party"},{"name":"testcookie8","purpose":"test purpose2","durate":17600,"service":"test service2","storage":"persistent","type":"authentication"},{"name":"testcookie7","purpose":"test purpose2","durate":7600,"service":"test service2","storage":"persistent","type":"authentication"}]}}},{"name":"cookieen","data":{"data":{"id":"cookie-doc-english","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[{"name":"testcookie1","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"technical"},{"name":"testcookie2","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"analytics"},{"name":"testcookie3","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"advertising"},{"name":"testcookie4","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"third-party"},{"name":"testcookie5","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"authentication"},{"name":"testcookie6","purpose":"test purpose2","durate":6600,"service":"test service2","storage":"persistent","type":"third-party"},{"name":"testcookie8","purpose":"test purpose2","durate":17600,"service":"test service2","storage":"persistent","type":"authentication"},{"name":"testcookie7","purpose":"test purpose2","durate":7600,"service":"test service2","storage":"persistent","type":"authentication"}]}}},{"name":"cookieen_no_data","data":{"data":{"id":"cookie-doc-english","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[]}}}],"iifeIntegrity":"sha384-AToSBoYgmsNWUE8HzO+1yLxisI/VKk/6IxiyP/NORts5zfO5BJWuEwWJZqpjzkWS","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-terms-doc-templates","category":"content","tags":["content","compliance"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-terms-doc-templates","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"actiononselected":{"additionalProperties":false,"properties":{"key":{"type":"string"},"selectedItems":{"items":{"type":"string"},"type":"array"}},"required":["key","selectedItems"],"type":"object"},"addItem":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"cellclick":{"additionalProperties":false,"properties":{"cellId":{"type":"string"},"rowId":{"type":"string"}},"required":["rowId","cellId"],"type":"object"},"changeFilter":{"additionalProperties":false,"properties":{"filter":{"$ref":"#/definitions/IFilter"}},"required":["filter"],"type":"object"},"changePageSize":{"additionalProperties":false,"properties":{"page_size":{"type":"number"}},"required":["page_size"],"type":"object"},"changeSort":{"additionalProperties":false,"properties":{"sortedBy":{"type":"string"},"sortedDirection":{"type":"string"}},"required":["sortedBy","sortedDirection"],"type":"object"},"clickonrow":{"additionalProperties":false,"properties":{"itemId":{"type":"string"}},"required":["itemId"],"type":"object"},"clipboardCopyText":{"additionalProperties":false,"properties":{"text":{"type":"string"}},"required":["text"],"type":"object"},"confirmActionModal":{"additionalProperties":false,"properties":{"action":{"type":"string"},"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["action","id","confirm"],"type":"object"},"confirmActionModalForm":{"additionalProperties":false,"properties":{"action":{"type":"string"},"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["action","id","confirm"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"number"},"pages":{"type":"number"}},"required":["page","pages"],"type":"object"},"removeFilter":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"showConfirmModal":{"additionalProperties":false,"properties":{"action":{"type":"string"},"detail":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["action","detail"],"type":"object"},"showConfirmModalForm":{"additionalProperties":false,"properties":{"action":{"type":"string"},"detail":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["action","detail"],"type":"object"},"tableCustomActionClick":{"additionalProperties":false,"properties":{"action":{"type":"string"},"itemId":{"type":"string"}},"required":["itemId","action"],"type":"object"},"tableaction":{"additionalProperties":false,"properties":{"action":{"type":"string"},"itemId":{"type":"string"}},"required":["itemId","action"],"type":"object"}},"required":["pageChange","changePageSize","removeFilter","changeFilter","tableCustomActionClick","tableaction","cellclick","actiononselected","clickonrow","changeSort","showConfirmModal","showConfirmModalForm","confirmActionModalForm","confirmActionModal","clipboardCopyText","addItem"],"type":"object"},"IFilter":{"additionalProperties":false,"properties":{"end":{"format":"date-time","type":"string"},"key":{"type":"string"},"start":{"format":"date-time","type":"string"},"type":{"enum":["datetime","string","enum","number"],"type":"string"},"value":{"type":"string"}},"required":["key"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"actions":{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},"add_item":{"type":"boolean"},"disable_paginate_sort":{"description":"When true, hides the sort select and direction button from the pagination bar","type":"boolean"},"disablepagination":{"type":"boolean"},"enableselect":{"type":"string"},"externalfilter":{"type":"boolean"},"headers":{"items":{"$ref":"#/definitions/ITableHeader"},"type":"array"},"i18nlang":{"type":"string"},"id":{"type":"string"},"page":{"type":"number"},"page_size_options":{"description":"Comma-separated list of page size options for select mode (e.g. \"10,25,50,100\")","type":"string"},"page_size_type":{"description":"Type of page size selector: \"number\" for free input, \"select\" for dropdown","enum":["number","select"],"type":"string"},"pages":{"type":"number"},"rows":{"items":{"$ref":"#/definitions/IRow"},"type":"array"},"selectactions":{"items":{},"type":"array"},"selected":{"type":"string"},"selectrow":{"type":"string"},"size":{"type":"number"},"sort_default":{"description":"Default sort field value — if it matches a sortable column, that column is pre-selected with \"default\" direction (e.g. \"title\")","type":"string"},"sort_default_label":{"description":"Custom label for the \"Default\" sort option in the pagination bar (e.g. \"Relevance\")","type":"string"},"sort_direction":{"description":"Current sort direction","type":"string"},"sort_strict_direction":{"description":"When true, sort direction only allows \"asc\" and \"desc\" (no \"default\" state)","type":"boolean"},"style":{"type":"string"},"total":{"type":"number"}},"required":["rows","headers"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"},"IActionButton":{"additionalProperties":false,"properties":{"btnClass":{"type":"string"},"confirm":{"additionalProperties":false,"properties":{"confirmLabel":{"type":"string"},"content":{"type":"string"},"denyLabel":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","confirmLabel","content"],"type":"object"},"disabled":{"type":"boolean"},"edit":{"additionalProperties":false,"properties":{"confirmLabel":{"type":"string"},"denyLabel":{"type":"string"},"description":{"type":"string"},"schema":{"$ref":"#/definitions/FormSchema"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","confirmLabel","schema"],"type":"object"},"iconOrText":{"type":"string"},"name":{"type":"string"},"tooltip":{"$ref":"#/definitions/TTooltip"},"type":{"enum":["icon","text"],"type":"string"}},"required":["name","type","iconOrText"],"type":"object"},"IRow":{"additionalProperties":{"anyOf":[{"type":"string"},{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},{}]},"properties":{"_actions":{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},"_evidenced":{"type":"boolean"},"_id":{"type":"string"}},"required":["_id"],"type":"object"},"ITableHeader":{"additionalProperties":false,"properties":{"click":{"type":"boolean"},"copyTxt":{"type":"boolean"},"format":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"nosort":{"type":"boolean"},"search":{"type":"boolean"},"select":{"items":{"type":"string"},"type":"array"},"sortBy":{"enum":["asc","desc","none"],"type":"string"},"tooltip":{"$ref":"#/definitions/TTooltip"},"truncateAt":{"type":"number"},"type":{"enum":["datetime","string","enum","actions","number"],"type":"string"}},"required":["label","key"],"type":"object"},"TTooltip":{"additionalProperties":false,"properties":{"animation":{"type":"boolean"},"customClass":{"type":"string"},"delay":{"anyOf":[{"type":"number"},{"additionalProperties":false,"properties":{"hide":{"type":"number"},"show":{"type":"number"}},"required":["show","hide"],"type":"object"}]},"description":{"type":"string"},"html":{"type":"boolean"},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"offset":{"anyOf":[{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},{"type":"string"}]},"placement":{"enum":["auto","top","bottom","left","right"],"type":"string"},"style":{"$ref":"#/definitions/TooltipStyle"},"title":{"type":"string"},"trigger":{"enum":["click","hover","focus","manual","click hover","click focus","hover focus","click hover focus"],"type":"string"}},"required":["title"],"type":"object"},"TooltipStyle":{"additionalProperties":false,"properties":{"backgroundColor":{"type":"string"},"borderRadius":{"type":"string"},"color":{"type":"string"},"disableDefaultStyle":{"type":"boolean"},"fontSize":{"type":"string"},"opacity":{"type":"number"},"padding":{"type":"string"},"transitionDuration":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap-striped data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. i18n via `i18nlang`.","storybookArgs":{"size":{"control":{"type":"range","min":1,"max":100}},"page":{"control":{"type":"number"}},"i18nlang":{"control":{"type":"select"},"options":["en","it"]},"total":{"control":{"type":"number"}},"selected":{"control":{"type":"text"}},"enableselect":{"control":{"type":"boolean"}},"sort_direction":{"control":{"type":"select"},"options":["asc","desc","default"]},"selectrow":{"control":{"type":"boolean"}},"disablepagination":{"control":{"type":"boolean"}},"add_item":{"control":{"type":"boolean"}},"rows":{"control":{"type":"array"}},"headers":{"control":{"type":"array"}},"actions":{"control":{"type":"array"}},"selectactions":{"control":{"type":"array"}},"pageChange":{"action":"pagechangeEvent"},"tableaction":{"action":"tableactionEvent"},"tableCustomActionClick":{"action":"tableCustomActionClickEvent"},"cellclick":{"action":"cellclickEvent"},"actiononselected":{"action":"actiononselectedEvent"},"clickonrow":{"action":"clickonrowEvent"},"confirmActionModal":{"action":"confirmActionModalEvent"},"confirmActionModalForm":{"action":"confirmActionModalFormEvent"},"showConfirmModal":{"action":"showConfirmModal"},"showConfirmModalForm":{"action":"showConfirmModalForm"},"externalfilter":{"control":{"type":"boolean"}},"pages":{"control":{"type":"number"}},"clipboardCopyText":{"action":"pagechangeEvent"},"addItem":{"action":"addItemEvent"},"changeFilter":{"action":"changeFilterEvent"},"changeSort":{"action":"changeSortEvent"},"removeFilter":{"action":"removeFilterEvent"},"page_size_type":{"control":{"type":"select"},"options":[null,"number","select"]},"page_size_options":{"control":{"type":"text"}},"sort_default":{"control":{"type":"text"}},"sort_default_label":{"control":{"type":"text"}},"disable_paginate_sort":{"control":{"type":"boolean"}},"sort_strict_direction":{"control":{"type":"boolean"}},"changePageSize":{"action":"changePageSizeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"table","description":"table"},{"name":"table-actions","description":"actions on selected"},{"name":"selected-row","description":"selected row"},{"name":"common-row","description":"common row"}]},"contributors":[],"htmlSlots":[{"name":"add-button-content"},{"name":"buttons-container"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"BasicTableWithClick","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithActionsSimple","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"This is the title","placement":"top"}},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes","actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithDates","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithDatesAndSearch","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithAdd","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"add_item":true}},{"name":"BasicTableWithMoreSearchAndSelect","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"clickable","key":"description","search":true,"click":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"},{"label":"stato","key":"status","type":"enum","select":["active","closed"],"search":true}],"selectactions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"enableselect":"yes"}},{"name":"BasicTableWithSearchOnNestedField","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selected":"bb1","selectrow":"yes"}},{"name":"BasicTableWithSearchOnAllFields","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithDate","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description","click":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithActions","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithActionsAndSelect","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}],"selectactions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github"}]}},{"name":"BasicTableWithActionsConfirmAndForm","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"},{"label":"modifiche","key":"mod","type":"actions","nosort":true}],"rows":[{"title":"bau","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog2"}},{"name":"activate3","type":"icon","iconOrText":"ticket-fill","edit":{"confirmLabel":"conferma","title":"confermi?","schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"minLength":8,"maxLength":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}}],"videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"content3"}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"content4"}}]},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":""}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":""}}]}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithTruncateAndCopy","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","truncateAt":3,"copyTxt":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithTooltips","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"Title tooltip","placement":"top"}},{"label":"description","key":"description","tooltip":{"title":"Description tooltip","placement":"bottom"}},{"label":"nested","key":"testnested.nested","tooltip":{"title":"Nested tooltip","placement":"right"}},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","tooltip":{"title":"Date tooltip","placement":"left"}}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"}]}},{"name":"BasicTableWithEvidencedRows","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"This is the title","placement":"top"}},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active","_evidenced":true},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active","_evidenced":true}]}},{"name":"BasicTableWithPageSizeSelect","description":"Table with page size selector (select dropdown)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"select","page_size_options":"5,10,25,50"}},{"name":"BasicTableWithPageSizeNumber","description":"Table with page size selector (free number input)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"number"}},{"name":"BasicTableWithSortAndPageSize","description":"Table with sort indicator and page size selector in pagination","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithSortDefault","description":"Default sort set to 'title' — Title column is pre-selected in pagination sort","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_default":"title","page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithDefaultLabelOnSort","description":"Custom label for the default sort option (shows 'Relevance' instead of 'Default')","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_default_label":"Rele","page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithPaginateSortDisabled","description":"Table with sort on columns but sort controls hidden from pagination bar","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"disable_paginate_sort":true,"page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithStrictSortDirection","description":"Sort direction only allows asc/desc (no default/clear state)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_strict_direction":true,"page_size_type":"select","page_size_options":"5,10,25"}}],"iifeIntegrity":"sha384-SwDkFsWagQZZnKe4ZRQThlYj84HM+9UhUtwuSBbBAeiGP3TA75LLkS4v36UBx2aE","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-table","category":"data","tags":["data","table"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-table","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"beginStroke":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"draw_id":{"type":"string"},"id":{"type":"string"}},"required":["date","id","draw_id"],"type":"object"},"changeIndex":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"drawLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"endStroke":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"end":{"format":"date-time","type":"string"},"id":{"type":"string"},"index":{"type":"number"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"pathData":{"type":"string"},"pen_color":{"type":"string"},"start":{"format":"date-time","type":"string"},"stroke_id":{"type":"string"}},"required":["id","stroke_id","start","end","min","max","pathData","pen_color","index","draw_id"],"type":"object"},"historyIndex":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"imageLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"error":{"type":"string"},"id":{"type":"string"},"ok":{"type":"boolean"}},"required":["ok","draw_id","id"],"type":"object"},"save":{"$ref":"#/definitions/TSave"},"selection":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"maxX":{"type":"number"},"maxY":{"type":"number"},"minX":{"type":"number"},"minY":{"type":"number"},"strokes":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"}},"required":["minX","minY","maxX","maxY","strokes","id","draw_id"],"type":"object"},"startStroke":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start":{"format":"date-time","type":"string"},"stroke_id":{"type":"string"}},"required":["id","start","stroke_id","index","draw_id"],"type":"object"},"txtLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"error":{"type":"string"},"id":{"type":"string"},"ok":{"type":"boolean"}},"required":["ok","draw_id","id"],"type":"object"}},"required":["beginStroke","startStroke","endStroke","selection","historyIndex","changeIndex","save","drawLoaded","imageLoaded","txtLoaded"],"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move","image","text"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"size":{"$ref":"#/definitions/TSize"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version","size"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"},"TSize":{"additionalProperties":false,"properties":{"height":{"type":"number"},"paperSize":{"enum":["A4","A3","A2","A1","A0","B5","B4","B3","B2","B1","B0","letter","legal","tabloid","ledger","executive","folio","quarto","statement","A5","B6","custom"],"type":"string"},"width":{"type":"number"}},"required":["paperSize"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"background_color":{"type":"string"},"debug":{"enum":["yes","no"],"type":"string"},"draw_id":{"type":"string"},"goto":{"type":"number"},"id":{"type":"string"},"insert_image":{"additionalProperties":false,"properties":{"base64":{"type":"string"},"name":{"type":"string"},"type":{"$ref":"#/definitions/TInsertImageType"},"uri":{"type":"string"}},"required":["name","type"],"type":"object"},"insert_text":{"additionalProperties":false,"properties":{"content":{"type":"string"},"name":{"type":"string"}},"required":["name","content"],"type":"object"},"load_draw":{"$ref":"#/definitions/TSave"},"mode":{"enum":["eraser","draw","select"],"type":"string"},"options":{"additionalProperties":false,"properties":{"easing":{},"end":{"additionalProperties":false,"properties":{"cap":{"type":"boolean"},"easing":{},"taper":{"type":"number"}},"required":["taper","easing","cap"],"type":"object"},"simulatePressure":{"type":"boolean"},"size":{"type":"number"},"smoothing":{"type":"number"},"start":{"additionalProperties":false,"properties":{"cap":{"type":"boolean"},"easing":{},"taper":{"type":"number"}},"required":["taper","easing","cap"],"type":"object"},"streamline":{"type":"number"},"thinning":{"type":"number"}},"type":"object"},"pen_color":{"type":"string"},"pen_opacity":{"type":"number"},"save_as":{"additionalProperties":false,"properties":{"name":{"type":"string"},"type":{"$ref":"#/definitions/TSaveType"}},"required":["name","type"],"type":"object"},"size":{"$ref":"#/definitions/TSize"},"style":{"type":"string"},"view":{"additionalProperties":false,"properties":{"lockPan":{"type":"boolean"},"lockZoom":{"type":"boolean"},"pan":{"additionalProperties":false,"properties":{"x":{"type":"number"},"y":{"type":"number"}},"required":["x","y"],"type":"object"},"zoom":{"additionalProperties":false,"properties":{"type":{"enum":["fit","custom"],"type":"string"},"value":{"type":"number"}},"required":["type","value"],"type":"object"}},"required":["lockPan","lockZoom","zoom","pan"],"type":"object"}},"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move","image","text"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TInsertImageType":{"enum":["png","svg","jpg","jpeg"],"type":"string"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"size":{"$ref":"#/definitions/TSize"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version","size"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"},"TSize":{"additionalProperties":false,"properties":{"height":{"type":"number"},"paperSize":{"enum":["A4","A3","A2","A1","A0","B5","B4","B3","B2","B1","B0","letter","legal","tabloid","ledger","executive","folio","quarto","statement","A5","B6","custom"],"type":"string"},"width":{"type":"number"}},"required":["paperSize"],"type":"object"}}}},"description":"Freehand drawing surface with modes (`draw`, `eraser`, `select`), brush `options`, `background_color` / `pen_color` / `pen_opacity`, and optional `load_draw`, `insert_image`, or `insert_text`. Supports `save_as`, `size`, `view`, `goto`, and events for strokes, selection, history, save, and asset load.","storybookArgs":{"background_color":{"control":{"type":"text"}},"pen_color":{"control":{"type":"text"}},"pen_opacity":{"control":{"type":"range","min":0,"max":1,"step":0.1}},"debug":{"options":["yes","no"],"control":{"type":"select"}},"save_as":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"size":{"control":{"type":"object"}},"view":{"control":{"type":"object"}},"goto":{"control":{"type":"number"}},"mode":{"options":["eraser","draw","select"],"control":{"type":"radio"}},"load_draw":{"control":{"type":"object"}},"insert_text":{"control":{"type":"object"}},"insert_image":{"control":{"type":"object"}},"startStroke":{"action":"startStrokeEvent"},"beginStroke":{"action":"beginStrokeEvent"},"endStroke":{"action":"endStrokeEvent"},"selection":{"action":"selectionEvent"},"historyIndex":{"action":"historyIndexEvent"},"changeIndex":{"action":"changeIndexEvent"},"save":{"action":"saveEvent"},"drawLoaded":{"action":"drawLoadedEvent"},"imageLoaded":{"action":"imageLoadedEvent"},"txtLoaded":{"action":"txtLoadedEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withPressure","data":{"options":{"simulatePressure":false}}},{"name":"withSimulatePressure","data":{"options":{"simulatePressure":true}}},{"name":"ThinBrushOnBackground","data":{"background_color":"rgb(200,200,200)","pen_color":"rgb(100,100,100)","options":{"size":2,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"BigBrushColor","data":{"pen_color":"rgb(100,100,100)","options":{"size":16,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"LoadDraw","data":{"load_draw":{"type":"json","draw":[{"path":[[196,57,0.5],[198,57,0.5],[202,57,0.5],[219,57,0.5],[223,57,0.5]],"color":"rgb(0,0,0)","id":"1671124484963","pathData":"M 196 54.28875 Q 196 54.28875 202.6125 54.537796875 209.225 54.78684375 209.57834293663552 54.84477326089788 209.93168587327105 54.90270277179576 210.24803371116735 55.07042606940648 210.56438154906365 55.2381493670172 210.81061258608528 55.49810577780627 211.05684362310691 55.75806218859534 211.20717740467902 56.083034207731316 211.35751118625112 56.408006226867286 211.3962077257588 56.76396919816234 211.43490426526654 57.11993216945741 211.3579120248085 57.46961667585187 211.2809197843505 57.81930118224632 211.09629987182666 58.12609516361293 210.91167995930283 58.43288914497954 210.6387621282894 58.664671190483475 210.3658442972759 58.8964532359874 210.03320311672323 59.02895570427987 209.70056193617054 59.161458172572345 209.34302502549124 59.18080802024588 208.98548811481194 59.200157867919415 208.64048968293474 59.104329160814736 208.29549125105754 59.008500453710056 207.99915272487073 58.80752648275734 207.7028141986839 58.60655251180463 207.48616230010498 58.3214753048146 207.26951040152608 58.03639809782457 207.15522864152683 57.69706531362217 207.0409468815276 57.35773252941976 207.0410005905474 56.999672400086126 207.0410542995672 56.64161227075248 207.1554378542575 56.30231378634754 207.2698214089478 55.96301530194259 207.48655882093817 55.67800310334964 207.70329623292858 55.39299090475669 207.99969503797055 55.192105844404324 208.29609384301253 54.99122078405196 208.6411210079765 54.89549558078758 208.98614817294046 54.7997703775232 209.34367926257636 54.81922748539759 209.70121035221229 54.838684593271985 210.03381176705625 54.97128684795452 210.36641318190019 55.10388910263704 210.63926146601972 55.335753013058856 210.91210975013928 55.56761692348067 211.09663761616218 55.87446627701448 211.2811654821851 56.18131563054828 211.35805281382812 56.53102321887873 211.43494014547116 56.880730807209176 211.396136818815 57.23668215352423 211.35733349215883 57.59263349983927 211.20690222574746 57.91756040421771 211.0564709593361 58.24248730859615 210.81016194647282 58.50236983837718 210.56385293360952 58.762252368158215 210.24745479296035 58.929880753871444 209.93105665231116 59.097509139584666 209.57769635272305 59.15533264499632 209.22433605313495 59.21315615040797 209.22466802656749 59.21315620020398 209.225 59.21315625 202.6125 59.462203125 196 59.71125 195.67556757774054 59.67185550565311 195.35113515548107 59.63246101130623 195.04555876084675 59.51656713812797 194.7399823662124 59.400673264949695 194.47102211361675 59.215015770294414 194.2020618610211 59.02935827563913 193.98534973298206 58.78472758181928 193.76863760494302 58.54009688799943 193.6167689205244 58.25071094243375 193.46490023610576 57.961324996868065 193.38670161038146 57.64400292430956 193.3085029846572 57.326680851751064 193.3085193254285 56.99986542596616 193.30853566619982 56.673050000181256 193.3867660237403 56.355735749071926 193.4649963812808 56.038421497962595 193.61689400353458 55.749050740712256 193.76879162578837 55.45967998346192 193.9855282158132 55.21507096207799 194.202264805838 54.97046194069406 194.4712436228383 54.78483134299228 194.74022243983856 54.5992007452905 195.04581042233232 54.48333743033112 195.35139840482609 54.36747411537173 195.67583476491282 54.328112064463994 196.00027112499956 54.28875001355625 196.0001355624998 54.28875000677813 Z","min":[196,57],"max":[223,57],"visible":true,"actionIndex":0,"opacity":1,"type":"stroke"}],"id":"stylus-paper","draw_id":"0.wh3036wc7x0.fevf9p1uqkg1671124483602","name":"test","version":0,"size":{"paperSize":"A4"}},"options":{"size":16,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"LoadImage","data":{"insert_image":{"name":"test","type":"jpeg","base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/4gKwSUNDX1BST0ZJTEUAAQEAAAKgbGNtcwQwAABtbnRyUkdCIFhZWiAH5gAMABMAFgA1ACZhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1kZXNjAAABIAAAAEBjcHJ0AAABYAAAADZ3dHB0AAABmAAAABRjaGFkAAABrAAAACxyWFlaAAAB2AAAABRiWFlaAAAB7AAAABRnWFlaAAACAAAAABRyVFJDAAACFAAAACBnVFJDAAACFAAAACBiVFJDAAACFAAAACBjaHJtAAACNAAAACRkbW5kAAACWAAAACRkbWRkAAACfAAAACRtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACQAAAAcAEcASQBNAFAAIABiAHUAaQBsAHQALQBpAG4AIABzAFIARwBCbWx1YwAAAAAAAAABAAAADGVuVVMAAAAaAAAAHABQAHUAYgBsAGkAYwAgAEQAbwBtAGEAaQBuAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMQgAABd7///MlAAAHkwAA/ZD///uh///9ogAAA9wAAMBuWFlaIAAAAAAAAG+gAAA49QAAA5BYWVogAAAAAAAAJJ8AAA+EAAC2xFhZWiAAAAAAAABilwAAt4cAABjZcGFyYQAAAAAAAwAAAAJmZgAA8qcAAA1ZAAAT0AAACltjaHJtAAAAAAADAAAAAKPXAABUfAAATM0AAJmaAAAmZwAAD1xtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAEcASQBNAFBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEL/2wBDABMNDhAODBMQDxAVFBMWHC4eHBoaHDkpKyIuQztHRkI7QUBKVGtaSk9lUEBBXX5eZW5yd3l3SFmDjIJ0i2t1d3P/2wBDARQVFRwYHDceHjdzTUFNc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3P/wgARCAAyADIDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMGBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe0AAAAAAACJYAAGVNIWAAAAAAAAAAAB/8QAGRABAAMBAQAAAAAAAAAAAAAAAwECQBMg/9oACAEBAAEFAsEsdbelJOoxNS0f/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAwEBPwFH/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAgEBPwFH/8QAHBAAAQMFAAAAAAAAAAAAAAAAAQIRQAASICIx/9oACAEBAAY/AoFpUHzOpLmkhXWk/wD/xAAbEAABBQEBAAAAAAAAAAAAAAABABEhMUAgUf/aAAgBAQABPyHA0G8Or6EGSICypqS0/wD/2gAMAwEAAgADAAAAEJJJJJJJJBJJIBJJJJJJJJJJJJ//xAAUEQEAAAAAAAAAAAAAAAAAAABQ/9oACAEDAQE/EEf/xAAUEQEAAAAAAAAAAAAAAAAAAABQ/9oACAECAQE/EEf/xAAaEAEBAAIDAAAAAAAAAAAAAAABEQAhIEBB/9oACAEBAAE/EOgST/W2CARo+8WozTj3oIJEXW8dSmNrygthen//2Q=="}}},{"name":"LoadTxt","data":{"insert_text":{"name":"test","content":"ciao"}}}],"iifeIntegrity":"sha384-xvT3vIZAbyI3Jxqs+zA7F4Xa8PIq+8zSccYg2pX92UBPhJnJPby32jRrhpXcx30t","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-stylus-paper","category":"inputs","tags":["inputs","drawing"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-stylus-paper","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"debug":{"enum":["yes","no"],"type":"string"},"id":{"type":"string"},"load_draw":{"$ref":"#/definitions/TSave"},"save":{"additionalProperties":false,"properties":{"name":{"type":"string"},"type":{"enum":["pdf","json","png","svg","jpg"],"type":"string"}},"required":["name","type"],"type":"object"},"style":{"type":"string"}},"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"}}}},"description":"Notebook-sized stylus canvas: optional `load_draw` restores saved stroke JSON; `save` configures persistence; `debug` toggles diagnostics. Same slot/part hooks as the skeleton dev component; emits `event` on user actions.","storybookArgs":{"load_draw":{"control":{"type":"object"}},"save":{"control":{"type":"object"}},"debug":{"options":["yes","no"],"control":{"type":"select"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withLoadDraw","data":{"load_draw":{"type":"json","draw":[{"path":[[196,57,0.5],[198,57,0.5],[202,57,0.5],[219,57,0.5],[223,57,0.5]],"color":"rgb(0,0,0)","id":"1671124484963","pathData":"M 196 54.28875 Q 196 54.28875 202.6125 54.537796875 209.225 54.78684375 209.57834293663552 54.84477326089788 209.93168587327105 54.90270277179576 210.24803371116735 55.07042606940648 210.56438154906365 55.2381493670172 210.81061258608528 55.49810577780627 211.05684362310691 55.75806218859534 211.20717740467902 56.083034207731316 211.35751118625112 56.408006226867286 211.3962077257588 56.76396919816234 211.43490426526654 57.11993216945741 211.3579120248085 57.46961667585187 211.2809197843505 57.81930118224632 211.09629987182666 58.12609516361293 210.91167995930283 58.43288914497954 210.6387621282894 58.664671190483475 210.3658442972759 58.8964532359874 210.03320311672323 59.02895570427987 209.70056193617054 59.161458172572345 209.34302502549124 59.18080802024588 208.98548811481194 59.200157867919415 208.64048968293474 59.104329160814736 208.29549125105754 59.008500453710056 207.99915272487073 58.80752648275734 207.7028141986839 58.60655251180463 207.48616230010498 58.3214753048146 207.26951040152608 58.03639809782457 207.15522864152683 57.69706531362217 207.0409468815276 57.35773252941976 207.0410005905474 56.999672400086126 207.0410542995672 56.64161227075248 207.1554378542575 56.30231378634754 207.2698214089478 55.96301530194259 207.48655882093817 55.67800310334964 207.70329623292858 55.39299090475669 207.99969503797055 55.192105844404324 208.29609384301253 54.99122078405196 208.6411210079765 54.89549558078758 208.98614817294046 54.7997703775232 209.34367926257636 54.81922748539759 209.70121035221229 54.838684593271985 210.03381176705625 54.97128684795452 210.36641318190019 55.10388910263704 210.63926146601972 55.335753013058856 210.91210975013928 55.56761692348067 211.09663761616218 55.87446627701448 211.2811654821851 56.18131563054828 211.35805281382812 56.53102321887873 211.43494014547116 56.880730807209176 211.396136818815 57.23668215352423 211.35733349215883 57.59263349983927 211.20690222574746 57.91756040421771 211.0564709593361 58.24248730859615 210.81016194647282 58.50236983837718 210.56385293360952 58.762252368158215 210.24745479296035 58.929880753871444 209.93105665231116 59.097509139584666 209.57769635272305 59.15533264499632 209.22433605313495 59.21315615040797 209.22466802656749 59.21315620020398 209.225 59.21315625 202.6125 59.462203125 196 59.71125 195.67556757774054 59.67185550565311 195.35113515548107 59.63246101130623 195.04555876084675 59.51656713812797 194.7399823662124 59.400673264949695 194.47102211361675 59.215015770294414 194.2020618610211 59.02935827563913 193.98534973298206 58.78472758181928 193.76863760494302 58.54009688799943 193.6167689205244 58.25071094243375 193.46490023610576 57.961324996868065 193.38670161038146 57.64400292430956 193.3085029846572 57.326680851751064 193.3085193254285 56.99986542596616 193.30853566619982 56.673050000181256 193.3867660237403 56.355735749071926 193.4649963812808 56.038421497962595 193.61689400353458 55.749050740712256 193.76879162578837 55.45967998346192 193.9855282158132 55.21507096207799 194.202264805838 54.97046194069406 194.4712436228383 54.78483134299228 194.74022243983856 54.5992007452905 195.04581042233232 54.48333743033112 195.35139840482609 54.36747411537173 195.67583476491282 54.328112064463994 196.00027112499956 54.28875001355625 196.0001355624998 54.28875000677813 Z","min":[196,57],"max":[223,57],"visible":true,"actionIndex":0,"opacity":1,"type":"stroke"}],"id":"stylus-paper","draw_id":"0.wh3036wc7x0.fevf9p1uqkg1671124483602","name":"test","version":0}}}],"iifeIntegrity":"sha384-uMSIwvS/FKHUB5go3HVX7MQNmH+OOTps2vSWHj1ssvzR921R7epbDoitW3b+32kw","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-stylus-notebook","category":"inputs","tags":["inputs","drawing"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-stylus-notebook","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"boolean":{"type":"boolean"},"id":{"type":"string"},"json":{},"string":{"type":"string"},"style":{"type":"string"}},"required":["string"],"type":"object"}}}},"description":"Development scaffold: accepts arbitrary `json`, `string`, and `boolean` props to test bindings, exposes a `skelcontent` slot and a `testpart` CSS part, and emits a generic `event` for wiring demos.","storybookArgs":{"json":{"control":{"type":"object"}},"string":{"control":{"type":"text"}},"boolean":{"control":{"type":"boolean"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"json":{"a":0},"string":"test","boolean":false}}],"iifeIntegrity":"sha384-Yy5QlVnruBlAPAKoht/uUtAA29QFxCuS4ryVbbSKiIGQXBZCipn5HolUMSLp1Qfn","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-skeleton-component","category":"data","tags":["data","loading"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-skeleton-component","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"slideClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["slideClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"items":{"$ref":"#/definitions/Data"},"type":"array"},"id":{"type":"string"},"size":{"type":"number"},"slide":{"type":"number"},"style":{"type":"string"},"type":{"enum":["images","videos"],"type":"string"}},"required":["data"],"type":"object"},"Data":{"additionalProperties":false,"properties":{"caption":{"type":"string"},"duration":{"type":"string"},"externalLink":{"type":"string"},"href":{"type":"string"},"index":{"type":"number"},"key":{"type":"string"},"link":{"type":"string"}},"required":["href"],"type":"object"}}}},"description":"Horizontal media strip: `data` lists slides with `href`, `caption`, and optional `link`, `externalLink`, `key`, or `duration` for video-style rows. Set `type` to `videos` for that layout; emits `slideClick` when a slide is activated.","storybookArgs":{"data":{"control":{"type":"object"}},"type":{"control":{"type":"text"}},"slideClick":{"action":"slideClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"video_sub_title","description":"video_sub_title"},{"name":"video_sub_title","description":"video_sub_title"},{"name":"caption_content","description":"caption_content"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":[{"href":"https://placehold.co/600x400/000000/FFFFFF","caption":"HTMLbricks"},{"href":"https://placehold.co/600x400/000000/0000FF","caption":"HTMLbricks2","externalLink":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/00FFFF","caption":"HTMLbricks3","link":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/a94949","caption":"HTMLbricks4","key":"htmlbricks"},{"href":"https://placehold.co/600x400/000000/49a962","caption":"HTMLbricks5"},{"href":"https://placehold.co/600x400/000000/49a9a0","caption":"HTMLbricks6"},{"href":"https://placehold.co/600x400/000000/49a94c","caption":"HTMLbricks7"},{"href":"https://placehold.co/600x400/000000/6549a9","caption":"HTMLbricks8"},{"href":"https://placehold.co/600x400/000000/a94999","caption":"HTMLbricks9"},{"href":"https://placehold.co/600x400/000000/a99d49","caption":"HTMLbricks10"},{"href":"https://placehold.co/600x400/000000/6949a9","caption":"HTMLbricks11"}]}},{"name":"videos","data":{"data":[{"href":"https://placehold.co/600x400/000000/FFFFFF","caption":"HTMLbricks","duration":"33 seconds"},{"href":"https://placehold.co/600x400/000000/0000FF","caption":"HTMLbricks2","duration":"00:33","externalLink":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/00FFFF","caption":"HTMLbricks3","link":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/a94949","caption":"HTMLbricks4","key":"htmlbricks"},{"href":"https://placehold.co/600x400/000000/49a962","caption":"HTMLbricks5"},{"href":"https://placehold.co/600x400/000000/49a9a0","caption":"HTMLbricks6"},{"href":"https://placehold.co/600x400/000000/49a94c","caption":"HTMLbricks7"},{"href":"https://placehold.co/600x400/000000/6549a9","caption":"HTMLbricks8"},{"href":"https://placehold.co/600x400/000000/a94999","caption":"HTMLbricks9"},{"href":"https://placehold.co/600x400/000000/a99d49","caption":"HTMLbricks10"},{"href":"https://placehold.co/600x400/000000/6949a9","caption":"HTMLbricks11"}],"type":"videos"}}],"iifeIntegrity":"sha384-Uulqg6ULra+4L+d4NvPD/6Tgzzn+wh8kDcByjC0bZCp0NF+RalzDNaAOXYmuu/Mn","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-slideshow-horizontal","category":"content","tags":["content","media"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-slideshow-horizontal","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeSlide":{"additionalProperties":false,"properties":{"index":{"type":"number"}},"required":["index"],"type":"object"},"onHover":{"additionalProperties":false,"properties":{"hover":{"type":"boolean"},"index":{"type":"number"}},"required":["index","hover"],"type":"object"}},"required":["changeSlide","onHover"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"items":{"$ref":"#/definitions/IData"},"type":"array"},"id":{"type":"string"},"index":{"type":"number"},"style":{"type":"string"},"timer":{"type":"number"}},"required":["data"],"type":"object"},"IData":{"additionalProperties":false,"properties":{"caption":{"type":"string"},"href":{"type":"string"},"index":{"type":"number"}},"required":["href"],"type":"object"}}}},"description":"Full-viewport image slideshow: pass `data` as an array of slides (`href`, optional `caption`). Supports optional `index` and `timer`, dots and captions via CSS parts, overlay/prev/next/cover slots, and dispatches slide change and hover events.","storybookArgs":{"data":{"control":{"type":"object"}},"index":{"control":{"type":"number"}},"timer":{"control":{"type":"number"}},"changeSlide":{"action":"changeSlide"},"onHover":{"action":"onHover"}},"styleSetup":{"vars":[],"parts":[{"name":"dot","description":"dots"},{"name":"caption_container","description":"caption content"},{"name":"caption_content","description":"caption content"},{"name":"cover_on_images","description":"cover_on_images"}]},"contributors":[],"htmlSlots":[{"name":"overlay","description":"overlay"},{"name":"prev","description":"previous"},{"name":"next","description":"next"},{"name":"cover_on_images","description":"cover_on_images"}],"i18n":[],"examples":[{"name":"default","data":{"data":[{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Free_high-resolution_pictures_you_can_use_on_your_personal_and_commercial_projects._%2814355732205%29.jpg/800px-Free_high-resolution_pictures_you_can_use_on_your_personal_and_commercial_projects._%2814355732205%29.jpg","caption":"Street"},{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Relief_World_Map_by_maps-for-free.jpg/783px-Relief_World_Map_by_maps-for-free.jpg","caption":"Earth"},{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Thomisus_onustus_with_Apis_mellifera.jpg/800px-Thomisus_onustus_with_Apis_mellifera.jpg","caption":"Bee"}],"index":0}}],"iifeIntegrity":"sha384-Qv7CQZ+Mqh6VdYBNKkNRZsaAlWQdTv26yQ708EJ3KxZ09gg/7PsRqi/cs1tPb+0u","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-slideshow","category":"content","tags":["content","media"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-slideshow","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"elClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["elClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"half_space":{"type":"boolean"},"id":{"type":"string"},"img":{"additionalProperties":false,"properties":{"alt":{"type":"string"},"src":{"type":"string"}},"required":["src"],"type":"object"},"style":{"type":"string"},"text":{"additionalProperties":false,"properties":{"body":{"type":"string"},"link":{"additionalProperties":false,"properties":{"bgColor":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"src":{"type":"string"},"textColor":{"type":"string"}},"required":["label"],"type":"object"},"title":{"type":"string"}},"type":"object"},"text_side":{"enum":["left","right"],"type":"string"}},"required":["img","text"],"type":"object"}}}},"description":"Marketing block pairing an image (`img`) with rich text (`text`: title, body, optional link). Use `text_side` (`left` / `right`) and `half_space` for layout; responsive parts cover mobile and desktop. Fires `elClick` when the link area is used.","storybookArgs":{"img":{"control":{"type":"object"}},"text":{"control":{"type":"object"}},"half_space":{"control":{"type":"boolean"}},"text_side":{"options":["left","right",""],"control":{"type":"select"}},"elClick":{"action":"elClick"}},"styleSetup":{"vars":[],"parts":[{"name":"mobile_text_content","description":"mobile_text_content"},{"name":"mobile_title","description":"mobile_title"},{"name":"mobile_text_body","description":"mobile_text_body"},{"name":"mobile_link_button","description":"mobile_link_button"},{"name":"mobile_image_content","description":"mobile_image_content"},{"name":"image_content","description":"image content"},{"name":"text_content","description":"text content"},{"name":"link_button","description":"link button"},{"name":"title","description":"title"},{"name":"text_body","description":"text body"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"img":{"src":"https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/446px-Commons-logo.svg.png"},"text":{"title":"PragraphWithImage Regular","body":"lore ipsum dolor sit ame1t, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.","link":{"label":"linkato"}}}}],"iifeIntegrity":"sha384-f41+KzpTBQo4VYwSQhkCXiyCiTYdI4z1CHtgzpnlrv/P7XBE7kf8XUTJAcOqyIk2","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-paragraph-with-image","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-paragraph-with-image","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"address":{"type":"string"},"latLng":{"items":{"type":"number"},"type":"array"},"link":{"type":"string"},"name":{"type":"string"}},"required":["address"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"addresses":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"icon":{"type":"string"},"title":{"type":"string"}},"required":["addresses"],"type":"object"},"availability":{"additionalProperties":false,"properties":{"appointment":{"type":"boolean"},"icon":{"type":"string"},"times":{"items":{"type":"string"},"type":"array"},"title":{"type":"string"}},"required":["times"],"type":"object"},"emails":{"additionalProperties":false,"properties":{"emails":{"items":{"$ref":"#/definitions/Email"},"type":"array"},"icon":{"type":"string"},"title":{"type":"string"}},"required":["emails"],"type":"object"},"id":{"type":"string"},"model":{"enum":["big","small"],"type":"string"},"phones":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/Phone"},"type":"array"},"title":{"type":"string"}},"required":["phones"],"type":"object"},"style":{"type":"string"},"websites":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"title":{"type":"string"},"websites":{"items":{"$ref":"#/definitions/Website"},"type":"array"}},"required":["websites"],"type":"object"}},"type":"object"},"Email":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"name":{"type":"string"}},"required":["address"],"type":"object"},"Phone":{"additionalProperties":false,"properties":{"name":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"Website":{"additionalProperties":false,"properties":{"label":{"type":"string"},"name":{"type":"string"},"url":{"type":"string"}},"required":["url"],"type":"object"}}}},"description":"Contact strip for addresses (with optional `latLng`), phones, emails, websites, and `availability` (times, appointment flag). `model` `big` / `small` or omit for auto layouts that adapt to which fields you pass.","storybookArgs":{"addresses":{"control":{"type":"object"}},"phones":{"control":{"type":"object"}},"emails":{"control":{"type":"object"}},"websites":{"control":{"type":"object"}},"model":{"control":{"type":"text"}},"availability":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"big","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"small","data":{"model":"small","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"auto","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"auto2","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]}}},{"name":"auto3","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]}}},{"name":"auto4","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]}}},{"name":"auto1","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]}}},{"name":"big2","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]}}},{"name":"big3","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]}}},{"name":"big4","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]}}},{"name":"big1","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]}}}],"iifeIntegrity":"sha384-fuVt7A3C3/iNf1BkjQNF7jB9S7iRMABdQ+u/iqdIucK6ISPOvIE1KkM50eE9vYui","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-contacts-row","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-contacts-row","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"navlink":{"$ref":"#/definitions/INavLink"},"navpage":{"type":"string"},"selected":{"type":"boolean"},"style":{"type":"string"}},"required":["navlink"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Sidebar nav item: Bootstrap icon, label, optional badge, and either a flat link that dispatches pageChange on click or an expandable group of subLinks with active state when navpage or selected matches. Intended for use inside sidebar-desktop lists.","storybookArgs":{"navpage":{"control":{"type":"text"}},"navlink":{"control":{"type":"object"}},"selected":{"control":{"type":"boolean"}},"pageChange":{"action":"pageChangeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"li","description":"list element"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}},{"name":"withPage","data":{"navpage":"home","navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}},{"name":"selected","data":{"selected":true,"navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}}],"iifeIntegrity":"sha384-fLyeflYOaRei8ENAJ5u6LbSnq2DQNAMNQrgC6ArIWUkI2TtWlIQVvZJ3+nESl28z","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidenav-link","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidenav-link","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"navlink":{"$ref":"#/definitions/INavLink"},"style":{"type":"string"}},"required":["navlink"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"}}}},"description":"Compact sidebar row as a nav button: optional Bootstrap icon, badge, or visual types (switch, checkbox, radio) from navlink JSON; dispatches pageChange with the row key on click. Used by sidebar-cards-navigator and similar stacked menus.","storybookArgs":{"nav_type":{"control":{"type":"select","options":["switch","range","radio","checkbox","button"]}},"navlink":{"control":{"type":"object"}},"selected":{"control":{"type":"boolean"}},"pageChange":{"action":"pageChangeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"li","description":"list element"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","badge":{"text":"bbb"}}}},{"name":"selected","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","badge":{"text":"bbb"},"selected":true}}},{"name":"switch","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":true,"type":"switch"}}},{"name":"checkbox","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":true,"type":"checkbox"}}},{"name":"radio","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":false,"type":"radio"}}}],"iifeIntegrity":"sha384-c27UNiAptVB4OLOs0juufBR/LcgIoM1Rrq5/BRSZVhSjsYbxMQmxzGdKE1U3YwCU","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidenav-button","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidenav-button","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companylogouri":{"type":"string"},"companytitle":{"type":"string"},"cookielawallowdecline":{"enum":["yes","no",null,""],"type":["string","null"]},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"enablefooter":{"type":"boolean"},"groups":{"items":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"},"type":"array"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"navpage":{"type":"string"},"onescreen":{"enum":["yes","no",null,""],"type":["string","null"]},"style":{"type":"string"}},"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Fixed-width desktop sidebar: optional company logo and title, header/footer slots, and a pill nav list built from hb-sidenav-link entries with optional JSON groups. Parses navlinks and groups from strings; emits pageChange when a link selects a page.","storybookArgs":{"companylogouri":{"control":{"type":"text"}},"companytitle":{"control":{"type":"text"}},"groups":{"control":{"type":"text"}},"enablefooter":{"control":{"type":"boolean"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"pageChange":{"action":"pageChangeEvent"},"navpage":{"control":{"type":"text"}},"navlinks":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"header","description":"header"}]},"contributors":[],"htmlSlots":[{"name":"test","description":"test"},{"name":"header","description":"header"},{"name":"footer","description":"footer"}],"i18n":[],"examples":[{"name":"default","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}]}},{"name":"sidebarOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}],"navpage":"settings"}},{"name":"sidebarWithGroups","data":{"navlinks":[{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"groups":[{"key":"stats","label":"statistiche"},{"key":"admin","label":"amministrazione"}]}},{"name":"sidebarWithGroupsOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"groups":[{"key":"stats","label":"statistiche"},{"key":"admin","label":"amministrazione"}],"navpage":"settings"}},{"name":"sidebarWithAutoGroupsOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"navpage":"settings"}},{"name":"sidebarWithAutoGroupsOnSettingsAndBadge","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings"}},{"name":"sidebarWithFooter","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings","enablefooter":true}},{"name":"sidebarMultilevel","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Settingsss","key":"settingsss","icon":"gear","group":"admin","subLinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}}]},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings","enablefooter":true}}],"iifeIntegrity":"sha384-aLTXlOJmFNc+u1QAxu4FE6oPgLll58lN2xIkte3i1xU4kbnhmhhYdw0/8yLB4MM3","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidebar-desktop","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidebar-desktop","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardNavigatorRowSelected":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"sort":{"type":"number"},"title":{"type":"string"}},"required":["id"],"type":"object"},"CardRow":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"switchToPanelId":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"},"CardRowSelected":{"additionalProperties":false,"properties":{"card":{"$ref":"#/definitions/CardNavigatorRowSelected"},"id":{"type":"string"},"panel":{"$ref":"#/definitions/PanelRowSelected"},"row":{"$ref":"#/definitions/CardRow"}},"required":["panel","card","row","id"],"type":"object"},"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"itemClick":{"$ref":"#/definitions/CardRowSelected"}},"required":["itemClick"],"type":"object"}},"required":["event"],"type":"object"},"PanelRowSelected":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"main":{"type":"boolean"},"parentPanelId":{"type":"string"},"title":{"type":"string"}},"required":["id"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardNavigator":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"rows":{"items":{"$ref":"#/definitions/CardRow"},"type":"array"},"sort":{"type":"number"},"title":{"type":"string"}},"required":["id","rows"],"type":"object"},"CardRow":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"switchToPanelId":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"panels":{"items":{"$ref":"#/definitions/Panel"},"type":"array"},"style":{"type":"string"}},"type":"object"},"Panel":{"additionalProperties":false,"properties":{"cards":{"items":{"$ref":"#/definitions/CardNavigator"},"type":"array"},"icon":{"type":"string"},"id":{"type":"string"},"main":{"type":"boolean"},"parentPanelId":{"type":"string"},"title":{"type":"string"}},"required":["cards","id"],"type":"object"}}}},"description":"Stacked sidebar navigator: picks an active panel from JSON panels (main or first without parent), shows hb-navbar with back when parentPanelId exists, then cards of rows rendered as hb-sidenav-button. Emits itemClick with panel, card and row context; rows can switch panels via switchToPanelId.","storybookArgs":{"panels":{"control":{"type":"object"}},"itemClick":{"action":"itemClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"panels":[{"id":"1","title":"test","cards":[{"id":"1","rows":[{"key":"1","text":"test","bootstrapIcon":"house-door","switchToPanelId":"2"}]},{"id":"2","rows":[{"key":"1","text":"test2"}]},{"id":"3","rows":[{"key":"1","text":"test3"}]}]},{"id":"2","parentPanelId":"1","title":"test2","cards":[{"id":"1","title":"ttteesstt","rows":[{"key":"1","text":"test"},{"key":"2","text":"ciao"}]},{"id":"2","rows":[{"key":"1","text":"test2","bootstrapIcon":"house-door","switchToPanelId":"1"}]}]},{"id":"3","title":"test3","cards":[{"id":"1","rows":[{"key":"1","text":"test"}]},{"id":"2","rows":[{"key":"1","text":"test2","bootstrapIcon":"house-door","switchToPanelId":"1"}]}]}]}},{"name":"empty","data":{"panels":[]}},{"name":"emptyRows","data":{"panels":[{"id":"1","cards":[{"id":"1","rows":[]}]}]}}],"iifeIntegrity":"sha384-1awmL4pdn3JYFAVPT0jIBpwNOIqUOtu5swPev4PXttz4XhtkWJEbqDq2c9O0d0I5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidebar-cards-navigator","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidebar-cards-navigator","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"footer":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"price":{"type":"string"},"rating":{"type":"number"},"ratingscale":{"type":"number"},"regularprice":{"type":"string"},"reviews":{"type":"string"},"reviewsurl":{"type":"string"},"style":{"type":"string"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"},"url":{"type":"string"}},"required":["img","url","badge","title","subtitle","text","rating","ratingscale","reviews","reviewsurl","price","regularprice","footer"],"type":"object"}}}},"description":"Horizontal shop product card: image with optional badge, linked title and metadata, description, star rating scale with numeric rating and reviews link, current and strikethrough prices, and optional footer—all overridable via named slots.","storybookArgs":{"action":{"control":{"type":"text"}},"img":{"control":{"type":"text"}},"url":{"control":{"type":"text"}},"badge":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"subtitle":{"control":{"type":"text"}},"text":{"control":{"type":"text"}},"rating":{"control":{"type":"number"}},"ratingscale":{"control":{"type":"number"}},"reviews":{"control":{"type":"text"}},"reviewsurl":{"control":{"type":"text"}},"price":{"control":{"type":"text"}},"regularprice":{"control":{"type":"text"}},"footer":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"badge","description":"badge"},{"name":"title","description":"title"},{"name":"subtitle","description":"subtitle"},{"name":"text","description":"text"},{"name":"reviews","description":"reviews"},{"name":"price","description":"price"},{"name":"footer","description":"footer"},{"name":"regularprice","description":"regularprice"}],"i18n":[],"examples":[{"name":"default","data":{"img":"","url":"","badge":"","title":"","subtitle":"","text":"","rating":0,"ratingscale":0,"reviews":"","reviewsurl":"","price":"","regularprice":"","footer":""}}],"iifeIntegrity":"sha384-LznUaFmCktCYSx4mtk1ZTRT8VmCNSsB3LcO1250sHiNF219ZCUgMkgPgGQWvaMDQ","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-shop-item-row","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-shop-item-row","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"footer":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"price":{"type":"string"},"rating":{"type":"number"},"ratingscale":{"type":"number"},"regularprice":{"type":"string"},"reviews":{"type":"string"},"reviewsurl":{"type":"string"},"style":{"type":"string"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"},"url":{"type":"string"}},"required":["img","url","badge","title","subtitle","text","rating","ratingscale","reviews","reviewsurl","price","regularprice","footer"],"type":"object"}}}},"description":"Vertical shop product card: top image with optional badge, then the same body as shop-item-row (title, subtitle, text, stars, reviews, prices, footer) with Bootstrap card styling and matching slots.","storybookArgs":{"img":{"control":{"type":"text"}},"url":{"control":{"type":"text"}},"badge":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"subtitle":{"control":{"type":"text"}},"text":{"control":{"type":"text"}},"rating":{"control":{"type":"number"}},"ratingscale":{"control":{"type":"number"}},"reviews":{"control":{"type":"text"}},"reviewsurl":{"control":{"type":"text"}},"price":{"control":{"type":"text"}},"regularprice":{"control":{"type":"text"}},"footer":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"badge","description":"badge"},{"name":"title","description":"title"},{"name":"subtitle","description":"subtitle"},{"name":"text","description":"text"},{"name":"reviews","description":"reviews"},{"name":"price","description":"price"},{"name":"footer","description":"footer"},{"name":"regularprice","description":"regularprice"}],"i18n":[],"examples":[{"name":"default","data":{"img":"","url":"","badge":"","title":"","subtitle":"","text":"","rating":0,"ratingscale":0,"reviews":"","reviewsurl":"","price":"","regularprice":"","footer":""}}],"iifeIntegrity":"sha384-hhVBoj2G+i6DiwhGLeG20vVV1vNMZuJZCs0aBVUXV8Q/3jJKwCcHNs+MLISw940o","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-shop-item-cell","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-shop-item-cell","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clear":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"search":{"additionalProperties":false,"properties":{"by":{"enum":["button","input","searchlist"],"type":"string"},"input":{"type":"string"}},"required":["input","by"],"type":"object"}},"required":["search","clear"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"disable_preview":{"enum":["yes","no","true","false","on","off"],"type":"string"},"id":{"type":"string"},"input_info":{"$ref":"#/definitions/TSearchListItem"},"minlength":{"type":"number"},"searchlabel":{"type":"string"},"searchlist":{"items":{"$ref":"#/definitions/TSearchListItem"},"type":"array"},"style":{"type":"string"},"textarea":{"enum":["yes","true",""],"type":"string"},"value":{"type":"string"}},"required":["value"],"type":"object"},"TSearchListItem":{"additionalProperties":false,"properties":{"badge":{"$ref":"#/definitions/TSearchListItemBadge"},"fixed":{"type":"boolean"},"icon":{"type":"string"},"id":{"type":"string"},"number_of_results":{"type":"number"},"tags":{"items":{"$ref":"#/definitions/TSearchListItemTag"},"type":"array"},"text":{"type":"string"},"url":{"type":"string"}},"required":["text","id"],"type":"object"},"TSearchListItemBadge":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"}},"type":"object"},"TSearchListItemTag":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"}},"type":"object"}}}},"description":"Search field with optional dropdown `searchlist` (id, text, icons, badges, tags, URLs). Configure `value`, `initial_value`, `searchlabel`, `textarea`, `minlength`, `disable_preview`, and CSS parts for the input and menu. Dispatches `search` and `clear`.","storybookArgs":{"initial_value":{"control":{"type":"text"}},"disable_preview":{"control":{"type":"select"},"options":["yes","no"]},"minlength":{"control":{"type":"number"}},"searchlist":{"control":{"type":"object"}},"searchlabel":{"control":{"type":"text"}},"value":{"control":{"type":"object"}},"textarea":{"control":{"type":"select"},"options":["yes","no"]},"search":{"action":"search"},"clear":{"action":"clear"}},"styleSetup":{"vars":[{"name":"--bs-secondary-color","valueType":"color","theme":"bootstrap","defaultValue":""}],"parts":[{"name":"dropdown-menu","description":"The dropdown menu"},{"name":"search-input","description":"The search input"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"value":""}},{"name":"withSearchlist","data":{"value":"","searchlabel":"RESearch","searchlist":[{"id":"1","text":"looking"},{"id":"2","text":"good"},{"id":"3","text":"woman"}]}},{"name":"withSearchlistTextarea","data":{"value":"","searchlabel":"RESearch","textarea":"yes","searchlist":[{"id":"1","text":"looking"},{"id":"2","text":"good"},{"id":"3","text":"woman"}]}},{"name":"with20items","data":{"input_info":{"id":"1","text":"woman","number_of_results":200000000},"searchlist":[{"id":"1","text":"looking","number_of_results":200000000},{"id":"2","text":"good","number_of_results":200000000},{"id":"3","text":"woman","number_of_results":200000000},{"id":"4","text":"man","number_of_results":200000000},{"id":"5","text":"woman","number_of_results":200000000},{"id":"6","text":"man","number_of_results":200000000},{"id":"7","text":"woman","number_of_results":200000000},{"id":"8","text":"man","number_of_results":200000000},{"id":"9","text":"woman","number_of_results":200000000},{"id":"10","text":"man","number_of_results":200000000},{"id":"11","text":"woman","number_of_results":200000000},{"id":"12","text":"man","number_of_results":200000000},{"id":"13","text":"woman","number_of_results":200000000},{"id":"14","text":"man","number_of_results":200000000},{"id":"15","text":"woman","number_of_results":200000000},{"id":"16","text":"man","number_of_results":200000000},{"id":"17","text":"woman","number_of_results":200000000},{"id":"18","text":"man","number_of_results":200000000},{"id":"19","text":"woman","number_of_results":200000000},{"id":"20","text":"man","number_of_results":200000000}],"value":"ciao"}},{"name":"withRichItems","description":"Example with icons, badges, tags, and URLs","data":{"value":"ciao","searchlabel":"Search with rich items","searchlist":[{"id":"1","text":"Documentation","icon":"file-text","url":"https://example.com/docs","badge":{"text":"New","color":"success","icon":"star"},"tags":[{"text":"Guide","color":"info"},{"text":"Tutorial","color":"warning"}]},{"id":"2","text":"API Reference","icon":"code-slash","url":"https://example.com/api","badge":{"text":"v2.0","color":"primary"},"tags":[{"text":"API","color":"primary","icon":"gear"},{"text":"REST","color":"secondary"}]},{"id":"3","text":"Support Center","icon":"headset","fixed":true,"badge":{"text":"24/7","color":"success","icon":"clock"},"tags":[{"text":"Help","color":"light"},{"text":"Support","color":"light"}]},{"id":"4","text":"Community Forum","icon":"people","url":"https://example.com/forum","tags":[{"text":"Community","color":"info","icon":"chat"},{"text":"Discussion","color":"light"}]},{"id":"5","text":"Blog","icon":"newspaper","url":"https://example.com/blog","badge":{"text":"Updated","color":"warning"}}]}},{"name":"withPartialProperties","description":"Example with different partial properties and various key-value combinations","data":{"value":"","searchlabel":"Search with mixed properties","searchlist":[{"id":"1","text":"Simple item"},{"id":"2","text":"Item with icon only","icon":"house"},{"id":"3","text":"Item with URL only","url":"https://example.com/simple-link"},{"id":"4","text":"Item with badge only","badge":{"text":"Hot","color":"danger"}},{"id":"5","text":"Item with tags only","tags":[{"text":"Featured","color":"warning"},{"text":"Popular","color":"info"}]},{"id":"6","text":"Icon + URL download","icon":"download","url":"https://example.com/download"},{"id":"7","text":"Icon + Badge","icon":"0-square-fill","badge":{"text":"Premium","color":"warning","icon":"crown"}},{"id":"8","text":"URL + Badge","url":"https://example.com/external","badge":{"text":"External","color":"secondary"}},{"id":"9","text":"Icon + Tags","icon":"tag","tags":[{"text":"Category A","color":"primary"},{"text":"Category B","color":"success"},{"text":"Category C","color":"info"}]},{"id":"10","text":"URL + Tags","url":"https://example.com/categorized","tags":[{"text":"Link","color":"light"}]},{"id":"11","text":"Badge + Tags","badge":{"text":"Beta","color":"info"},"tags":[{"text":"Experimental","color":"warning","icon":"flask"},{"text":"Testing","color":"secondary"}]},{"id":"12","text":"Icon + URL + Badge","icon":"shield-check","url":"https://example.com/secure","badge":{"text":"Secure","color":"success","icon":"lock"}},{"id":"13","text":"Icon + URL + Tags","icon":"bookmark","url":"https://example.com/bookmarked","tags":[{"text":"Saved","color":"primary","icon":"bookmark-fill"},{"text":"Important","color":"danger"}]},{"id":"14","text":"Icon + Badge + Tags","icon":"trophy","badge":{"text":"Winner","color":"warning","icon":"award"},"tags":[{"text":"Contest","color":"success"},{"text":"2024","color":"info"},{"text":"Gold","color":"warning"}]},{"id":"15","text":"URL + Badge + Tags","url":"https://example.com/complete","badge":{"text":"Complete","color":"success"},"tags":[{"text":"Finished","color":"success"},{"text":"Verified","color":"primary"}]},{"id":"16","text":"Fixed item with icon","icon":"pin","fixed":true},{"id":"17","text":"Fixed item with badge","fixed":true,"badge":{"text":"Pinned","color":"primary"}},{"id":"18","text":"Complex item","icon":"gear","url":"https://example.com/settings","badge":{"text":"Admin","color":"danger","icon":"person-badge"},"tags":[{"text":"Settings","color":"secondary"},{"text":"Configuration","color":"info"},{"text":"Advanced","color":"warning","icon":"tools"}],"fixed":true}]}}],"iifeIntegrity":"sha384-Xm58mVXfo9+t0/uFS4pxwdhWASaolDCxWjD3GsMi0RN9oIwSz7nLN1ogOjUk+l9B","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-searchbar","category":"utilities","tags":["utilities","search"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-searchbar","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeRangeValues":{"additionalProperties":false,"properties":{"maxPercent":{"type":"number"},"maxValue":{"type":"number"},"minPercent":{"type":"number"},"minValue":{"type":"number"},"positionPercent":{"type":"number"},"positionValReal":{"type":"number"}},"required":["minValue","maxValue","minPercent","maxPercent","positionPercent","positionValReal"],"type":"object"}},"required":["changeRangeValues"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"max":{"type":"number"},"maxval":{"type":"number"},"min":{"type":"number"},"minval":{"type":"number"},"position_value":{"type":"number"},"style":{"type":"string"},"withbubbles":{"type":"boolean"}},"type":"object"}}}},"description":"Dual-handle range slider mapping a min–max domain to thumb positions, with optional value bubbles and a third handle for a single marker position; emits changeRangeValues with real and percentage values on change.","storybookArgs":{"withbubbles":{"control":{"type":"boolean"}},"min":{"control":{"type":"number"}},"max":{"control":{"type":"number"}},"minval":{"control":{"type":"number"}},"maxval":{"control":{"type":"number"}},"position_value":{"control":{"type":"number"}},"changeRangeValues":{"action":"changeRangeValuesEvent"}},"styleSetup":{"vars":[{"name":"--hb-slider-background-color","valueType":"color","defaultValue":""}],"parts":[{"name":"inverse","description":""},{"name":"the-range","description":""},{"name":"the-thumb","description":""},{"name":"sign","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withBubbles","data":{"withbubbles":true}},{"name":"withValues","data":{"withbubbles":true,"minval":20,"maxval":60}},{"name":"withPositionValue","data":{"withbubbles":true,"minval":13,"maxval":20,"max":25,"min":10,"position_value":17}}],"iifeIntegrity":"sha384-+z38EDxGNUw8TH7fjTslFK0Np8Ko9cBZI+B/+f9VkC36ebyWDRbsy9Qr39t6QPbE","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-range-slider","category":"inputs","tags":["inputs","slider"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-range-slider","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"purchaseClick":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"}},"required":["purchaseClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"headers":{"items":{"$ref":"#/definitions/Header"},"type":"array"},"id":{"type":"string"},"options":{"$ref":"#/definitions/Options"},"products":{"items":{"$ref":"#/definitions/Product"},"type":"array"},"style":{"type":"string"}},"required":["headers","products","options"],"type":"object"},"Header":{"additionalProperties":false,"properties":{"id":{"type":"string"},"label":{"type":"string"}},"required":["id","label"],"type":"object"},"Options":{"additionalProperties":false,"properties":{"currency":{"type":"string"},"preferredProductId":{"type":"string"}},"type":"object"},"Product":{"additionalProperties":false,"properties":{"characteristics":{"additionalProperties":{"type":"string"},"type":"object"},"columnColor":{"additionalProperties":false,"properties":{"columnBackground":{"type":"string"},"headerBackground":{"type":"string"},"purchaseButton":{"type":"string"}},"type":"object"},"description":{"type":"string"},"id":{"type":"string"},"model":{"type":"string"},"note":{"type":"string"},"price":{"type":"number"},"promotion":{"additionalProperties":false,"properties":{"note":{"type":"string"},"originalPrice":{"type":"number"},"type":{"type":"string"}},"required":["originalPrice"],"type":"object"}},"required":["characteristics","id","model","price"],"type":"object"}}}},"description":"Product comparison matrix: columns per product (model, description, promotion, price, purchase button) and rows per feature header with icons or text from each product’s characteristics. Supports preferred product and sale styling; dispatches purchaseClick with product id. Desktop table vs stacked mobile layout.","storybookArgs":{"products":{"control":{"type":"array"}},"options":{"control":{"type":"object"}},"headers":{"control":{"type":"array"}},"purchaseClick":{"action":"purchaseClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""},{"name":"col","description":""},{"name":"row","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"headers":[{"id":"char1","label":"labello"},{"id":"char2","label":"labello2"},{"id":"char3","label":"labello3"}],"products":[{"id":"prrr","price":19,"model":"starter","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr2","price":49,"model":"professional","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr3","price":99,"model":"advanced","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr4","price":199,"model":"custom","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}}],"options":{"currency":"€"}}}],"iifeIntegrity":"sha384-eK2YnePRoSnCxBa1Nldaru5i24GYeLUFuABoBWpJAsyBEht0hqLEMEBGojM3F7Mz","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-product-comparison","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-product-comparison","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardinalDirection":{"enum":["C","N","S","NE","SE","NW","SW","NO","SO","W","O"],"type":"string"},"Events":{"additionalProperties":false,"properties":{"deletePreset":{"additionalProperties":false,"properties":{"name":{"type":"string"},"playerId":{"type":"string"},"time":{"format":"date-time","type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["name","playerId","time","token","x","y","z"],"type":"object"},"goToHome":{"additionalProperties":false,"properties":{"id":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","id","time"],"type":"object"},"goToPreset":{"additionalProperties":false,"properties":{"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"name":{"type":"string"},"playerId":{"type":"string"},"time":{"format":"date-time","type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["movementSettings","name","playerId","time","token","x","y","z"],"type":"object"},"goToSelectedArea":{"additionalProperties":false,"properties":{"height":{"type":"number"},"htmlVideoElementHeight":{"type":"number"},"htmlVideoElementWidth":{"type":"number"},"id":{"type":"string"},"left":{"type":"number"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"},"top":{"type":"number"},"width":{"type":"number"}},"required":["movementSettings","id","top","left","width","height","htmlVideoElementWidth","htmlVideoElementHeight","time"],"type":"object"},"initVideo":{"additionalProperties":false,"properties":{"htmlVideoElement":{},"id":{"type":"string"},"time":{"format":"date-time","type":"string"}},"required":["id","time","htmlVideoElement"],"type":"object"},"panelMove":{"additionalProperties":false,"properties":{"id":{"type":"string"},"opened":{"type":"boolean"}},"required":["id","opened"],"type":"object"},"sendDirection":{"additionalProperties":false,"properties":{"direction":{"enum":["up","right","down","left"],"type":"string"},"id":{"type":"string"},"joyId":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","direction","id","joyId","time"],"type":"object"},"sendJoystickPosition":{"additionalProperties":false,"properties":{"cardinalDirection":{"$ref":"#/definitions/CardinalDirection"},"id":{"type":"string"},"joyId":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"},"x":{"type":"number"},"y":{"type":"number"}},"required":["movementSettings","x","y","cardinalDirection","id","joyId","time"],"type":"object"},"setPreset":{"additionalProperties":false,"properties":{"id":{"type":"string"},"time":{"format":"date-time","type":"string"}},"required":["id","time"],"type":"object"},"zoomAction":{"additionalProperties":false,"properties":{"direction":{"enum":["in","out"],"type":"string"},"id":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","direction","id","time"],"type":"object"}},"required":["initVideo","panelMove","goToHome","goToSelectedArea","setPreset","goToPreset","deletePreset","zoomAction","sendJoystickPosition","sendDirection"],"type":"object"},"TMovementSettings":{"additionalProperties":false,"properties":{"precision":{"type":"number"},"speed":{"type":"number"}},"required":["speed","precision"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"configuration":{"additionalProperties":false,"properties":{"addPreset":{"type":"boolean"},"clickToCenter":{"type":"boolean"},"deletePreset":{"type":"boolean"},"home":{"type":"boolean"},"joystick":{"type":"boolean"},"pan":{"type":"boolean"},"presets":{"type":"boolean"},"settings":{"type":"boolean"},"switchPreset":{"type":"boolean"},"tilt":{"type":"boolean"},"zoom":{"additionalProperties":false,"properties":{"in":{"type":"boolean"},"out":{"type":"boolean"}},"type":"object"}},"type":"object"},"current_preset":{"type":"string"},"id":{"type":"string"},"is_home":{"type":"boolean"},"is_ptz_connected":{"type":"boolean"},"is_ptz_panel_opened":{"type":"boolean"},"live_uri":{"type":"string"},"media_type":{"enum":["hls","webrtc","auto","whep",""],"type":"string"},"position":{"enum":["top","right-bottom","left-bottom","bottom","right-top","left-top"],"type":"string"},"presets":{"items":{"$ref":"#/definitions/TPreset"},"type":"array"},"style":{"type":"string"}},"required":["live_uri"],"type":"object"},"TPreset":{"additionalProperties":false,"properties":{"name":{"type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["token","name","x","y","z"],"type":"object"}}}},"description":"Live camera view built on `hb-player-live` with a configurable PTZ panel: D-pad or analog joystick, zoom in/out, go home, click-to-center region on the video, optional grid overlay, fullscreen, mute, and play/pause. Manages camera presets in dialogs with `hb-table` (add, go to, delete). Feature flags live in `configuration`; PTZ and UI state are driven by `is_ptz_connected`, `is_ptz_panel_opened`, and `is_home`. Dispatches movement, preset, and video-init events for the host app to wire to your backend.","storybookArgs":{"presets":{"control":{"type":"object"}},"live_uri":{"control":{"type":"text"}},"media_type":{"options":["","webrtc","hls","auto","whep"],"control":{"type":"select"}},"current_preset":{"control":{"type":"text"}},"is_home":{"control":{"type":"boolean"}},"is_ptz_connected":{"control":{"type":"boolean"}},"is_ptz_panel_opened":{"control":{"type":"boolean"}},"initVideo":{"action":"initVideoEvent"},"panelMove":{"action":"panelMoveEvent"},"goToHome":{"action":"goToHomeEvent"},"goToSelectedArea":{"action":"goToSelectedAreaEvent"},"setPreset":{"action":"setPresetEvent"},"goToPreset":{"action":"goToPresetEvent"},"deletePreset":{"action":"deletePresetEvent"},"zoomAction":{"action":"zoomActionEvent"},"sendJoystickPosition":{"action":"sendJoystickPositionEvent"},"sendDirection":{"action":"sendDirectionEvent"}},"styleSetup":{"vars":[{"name":"--hb-pad-joystick-size","valueType":"number","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"live_uri":"","is_ptz_connected":true,"is_ptz_panel_opened":true,"media_type":"auto"}},{"name":"withPresets","data":{"live_uri":"","is_ptz_connected":true,"is_ptz_panel_opened":true,"media_type":"auto","presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}]}},{"name":"withPresetSelected","data":{"live_uri":"","media_type":"auto","is_ptz_connected":true,"is_ptz_panel_opened":true,"presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}],"current_preset":"preset1"}},{"name":"withPanelClosed","data":{"live_uri":"","media_type":"auto","is_ptz_connected":true,"presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}],"current_preset":"preset1"}},{"name":"disconnected","data":{"media_type":"auto","live_uri":"","presets":[],"current_preset":"preset1"}}],"iifeIntegrity":"sha384-ppUOdydLk99WQcOW+QmLKlDBZtIudtAHHGzg/EKoKuaEXi3vmfQgF4cet+ULv7cI","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-live-camera-ptz","category":"media","tags":["media","video","streaming","camera"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-live-camera-ptz","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"htmlVideoInit":{"additionalProperties":false,"properties":{"id":{"type":"string"},"video":{}},"required":["video","id"],"type":"object"},"liveStatus":{"additionalProperties":false,"properties":{"id":{"type":"string"},"live":{"type":"boolean"}},"required":["live","id"],"type":"object"}},"required":["liveStatus","htmlVideoInit"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"forcecover":{"type":"string"},"id":{"type":"string"},"media_type":{"enum":["hls","webrtc","auto","whep"],"type":"string"},"mediauri":{"type":"string"},"no_controls":{"type":"boolean"},"replacewithtext":{"additionalProperties":false,"properties":{"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title"],"type":"object"},"style":{"type":"string"}},"required":["mediauri"],"type":"object"}}}},"description":"Live streaming `<video>` player for HLS (hls.js or native), WebSocket WebRTC (`simple-webrtc-element`), or WHEP (MediaMTX). Polls the manifest for HLS liveness, exposes the element via `getVideoElement`, and emits `liveStatus` and `htmlVideoInit`. When the stream is offline or missing, shows optional title/subtitle/text from `replacewithtext`, `forcecover`, or fallback labels.","storybookArgs":{"media_type":{"options":["","webrtc","hls","auto","whep"],"control":{"type":"select"}},"no_controls":{"control":{"type":"boolean"}},"mediauri":{"control":{"type":"text"}},"forcecover":{"control":{"type":"text"}},"replacewithtext":{"control":{"type":"object"}},"liveStatus":{"action":"liveStatusEvent"},"htmlVideoInit":{"action":"htmlVideoInitEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""},{"name":"replacewithtext","description":""},{"name":"video","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"mediauri":"https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8"}},{"name":"LiveVideoPlayerWithWidth","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","media_type":"whep"}},{"name":"LiveVideoPlayerWithHeight","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep"}},{"name":"LiveVideoPlayerWithoutUri","data":{"mediauri":""}},{"name":"LiveVideoPlayerWithText3","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title","subtitle":"subtitle","text":"text"},"forcecover":"yes"}},{"name":"LiveVideoPlayerWithText2","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title","subtitle":"subtitle"},"forcecover":"yes"}},{"name":"LiveVideoPlayerWithText1","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title"},"forcecover":"yes"}}],"iifeIntegrity":"sha384-Ug27vaWHVCZos0XyTM43xHSgV3iN3+emkVhPuiyeCnKRO5tW5xGMsmnEhTIbiwDY","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-live","category":"media","tags":["media","video","streaming"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-live","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Requests camera and microphone with `getUserMedia`, binds the stream to a `<video>` element, and exposes basic controls (play/pause, fullscreen, enable/disable video and audio tracks). Emits `AudioVideoAccess` with grant result and `VideoInitialized` with the video element reference once the stream is attached.","storybookArgs":{"json":{"control":{"type":"object"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}}],"iifeIntegrity":"sha384-Wv0Q8JJMCWkQT8vO5HEJ6SpNP7qT52VmYtWOT0BCWXZGZJ5GHA6M8NPShV9Bg7yD","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-input-streaming","category":"media","tags":["media","video","camera"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-input-streaming","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paymentCompleted":{"additionalProperties":false,"properties":{"method":{"const":"paypal","type":"string"},"total":{"type":"number"}},"required":["method","total"],"type":"object"}},"required":["paymentCompleted"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"currency":{"enum":["EUR","USD"],"type":"string"},"id":{"type":"string"},"paypalid":{"type":"string"},"style":{"type":"string"},"total":{"type":"number"}},"required":["paypalid","currency","total"],"type":"object"}}}},"description":"Loads the PayPal JS SDK with your client id and currency, renders PayPal Buttons for a fixed order total, captures payment on approval, and dispatches paymentCompleted when the order is captured successfully.","storybookArgs":{"paymentCompleted":{"action":"paymentCompleted"},"paypalid":{"control":{"type":"text"}},"currency":{"control":{"type":"text"}}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[{"name":"btn","description":"paypal button css"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"currency":"EUR","total":40,"paypalid":"test"}}],"iifeIntegrity":"sha384-oKOoKFldG4JoHrV2hP9LVeEOEKi3edlCzfAN+c554bHgi40wdbIONyME/Cej3Ney","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-payment-paypal","category":"commerce","tags":["commerce","payment"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-payment-paypal","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paragraphPressed":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["paragraphPressed"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"max_lines":{"type":"number"},"paragraph":{"$ref":"#/definitions/Paragraphs"},"style":{"type":"string"}},"required":["paragraph"],"type":"object"},"Paragraphs":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"key":{"type":"string"},"link":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["text"],"type":"object"}}}},"description":"One paragraph tile with Bootstrap icon, optional title as external link or key-triggered control (dispatches paragraphPressed with key), and body text clamped to max_lines for consistent height inside paragraps-around-image layouts.","storybookArgs":{"paragraph":{"control":{"type":"object"}},"img":{"control":{"type":"text"}},"paragraphPressed":{"action":"paragraphPressed"}},"styleSetup":{"vars":[{"name":"--lh","valueType":"string","defaultValue":""},{"name":"--max-lines","valueType":"string","defaultValue":""}],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"paragraph":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"}}}],"iifeIntegrity":"sha384-FMa0puN3PYTseB+TDvHOvNC8fVJ2yamCf/gFN9E8q8+/N5avKl0TLtAu7OIkPf6f","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paragraps-around-image-cell","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paragraps-around-image-cell","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paragraphPressed":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["paragraphPressed"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"img":{"type":"string"},"paragraphs":{"items":{"$ref":"#/definitions/Paragraphs"},"type":"array"},"style":{"type":"string"}},"required":["paragraphs","img"],"type":"object"},"Paragraphs":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"key":{"type":"string"},"link":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["text"],"type":"object"}}}},"description":"Editorial block with a central image and up to six text blocks in two side columns using hb-paragraps-around-image-cell (indices 0,2,4 left; 1,3,5 right). Parses paragraphs from JSON and bubbles paragraphPressed when a cell fires it.","storybookArgs":{"paragraphs":{"control":{"type":"object"}},"img":{"control":{"type":"text"}},"paragraphPressed":{"action":"paragraphPressed"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default2","data":{"img":"https://placehold.co/300x200","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"}]}},{"name":"default4","data":{"img":"https://placehold.co/300x200","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"}]}},{"name":"default6","data":{"img":"https://placehold.co/300x500","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"}]}}],"iifeIntegrity":"sha384-UnIFeVeA6wzQVkRLUkJcpxjyBSueZzWJ5GG+F8OteTGHrKUMaQ5EJSlm0GfiSb7z","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paragraps-around-image","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paragraps-around-image","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changePageSize":{"additionalProperties":false,"properties":{"page_size":{"type":"number"}},"required":["page_size"],"type":"object"},"changeSort":{"additionalProperties":false,"properties":{"sort_by":{"type":"string"},"sort_direction":{"type":"string"}},"required":["sort_by","sort_direction"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"number"},"pages":{"type":"number"}},"required":["page","pages"],"type":"object"}},"required":["pageChange","changePageSize","changeSort"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"i18nlang":{"type":"string"},"id":{"type":"string"},"info":{"additionalProperties":false,"properties":{"page_size_options":{"description":"Comma-separated list of page size options for select mode (e.g. \"10,25,50,100\")","type":"string"},"page_size_type":{"description":"Type of page size selector: \"number\" for free input, \"select\" for dropdown","enum":["number","select"],"type":"string"},"size":{"type":"number"},"sort_by":{"description":"Currently selected sort field","type":"string"},"sort_default_label":{"description":"Custom label for the \"Default\" sort option (e.g. \"Relevance\")","type":"string"},"sort_default_value":{"description":"Value for the \"Default\" sort option (emitted as sort_by when default is selected)","type":"string"},"sort_direction":{"description":"Current sort direction","enum":["asc","desc","default"],"type":"string"},"sort_direction_disabled":{"description":"Whether the sort direction is disabled","type":"boolean"},"sort_disabled":{"description":"Whether the sort controls are disabled","type":"boolean"},"sort_fields":{"description":"Available sort fields. At least one must be present to show the sort indicator","items":{"additionalProperties":false,"properties":{"label":{"type":"string"},"value":{"type":"string"}},"required":["value"],"type":"object"},"type":"array"},"sort_strict_direction":{"description":"When true, sort_direction can only be \"asc\" or \"desc\" (no \"default\" state)","type":"boolean"},"total":{"type":"number"}},"type":"object"},"page":{"type":"number"},"pages":{"type":"number"},"style":{"type":"string"}},"required":["pages","page"],"type":"object"}}}},"description":"Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels.","storybookArgs":{"page":{"control":{"type":"number"}},"pages":{"control":{"type":"number"}},"info":{"control":{"type":"object"}},"i18nlang":{"control":{"type":"select"},"options":["en","it"]},"pageChange":{"action":"pageChange"},"changePageSize":{"action":"changePageSize"},"changeSort":{"action":"changeSort"}},"styleSetup":{"vars":[{"name":"--bs-link-color","valueType":"color","theme":"bootstrap","defaultValue":"#0d6efd"},{"name":"--bs-border-width","valueType":"number","theme":"bootstrap","defaultValue":"1px"},{"name":"--bs-border-color","valueType":"color","theme":"bootstrap","defaultValue":"#dee2e6"},{"name":"--bs-border-radius","valueType":"number","theme":"bootstrap","defaultValue":"0.375rem"},{"name":"--bs-border-radius-sm","valueType":"number","theme":"bootstrap","defaultValue":"0.25rem"},{"name":"--bs-border-radius-lg","valueType":"number","theme":"bootstrap","defaultValue":"0.5rem"},{"name":"--bs-border-radius-xl","valueType":"number","theme":"bootstrap","defaultValue":"1rem"},{"name":"--bs-border-radius-xxl","valueType":"number","theme":"bootstrap","defaultValue":"2rem"},{"name":"--bs-link-hover-color","valueType":"string","theme":"bootstrap","defaultValue":"0 1rem 3rem rgba(0, 0, 0, 0.175)"},{"name":"--bs-link-hover-color-rgb","valueType":"color","theme":"bootstrap","defaultValue":"#0a58ca"}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"page":2,"pages":4}},{"name":"withInfo","data":{"page":2,"pages":4,"info":{"total":47,"size":10,"sort_direction_disabled":true}}},{"name":"withPageSizeNumber","description":"Pagination with a free number input for page size","data":{"page":0,"pages":10,"info":{"total":100,"size":10,"page_size_type":"number"}}},{"name":"withPageSizeSelect","description":"Pagination with a select dropdown for page size","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"page_size_type":"select","page_size_options":"10,25,50,100"}}},{"name":"withSort","description":"Pagination with sort indicator (active sort on title)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"asc"}}},{"name":"withSortDefault","description":"Pagination with sort indicator showing Default (no active sort)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"","sort_direction":"default"}}},{"name":"withSortDefaultMatchingField","description":"Default sort matches a sortable field — 'Title' is pre-selected with default direction","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"default","sort_default_value":"title"}}},{"name":"withSortDefaultCustomLabel","description":"Custom label for the Default sort option (shows 'Relevance' instead of 'Default')","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"","sort_direction":"default","sort_default_label":"Relevance"}}},{"name":"withSortStrictDirection","description":"Sort direction only allows asc/desc (no default state)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"asc","sort_strict_direction":true}}},{"name":"withSortAndPageSize","description":"Pagination with sort and page size selector","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"page_size_type":"select","page_size_options":"10,25,50,100","sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"}],"sort_by":"title","sort_direction":"asc"}}}],"iifeIntegrity":"sha384-nycjWWxMH2IlL5Hsy4q5IXfp8RdnLLBRkrDcTexbYjIuGZlUqmxmDyX3QB+FPLWB","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paginate","category":"utilities","tags":["utilities","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paginate","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"headers":{"$ref":"#/definitions/IHeaders"},"id":{"type":"string"},"items":{"items":{"$ref":"#/definitions/IItem"},"type":"array"},"printer":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["items","headers"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"address":{"type":"string"},"email":{"type":"string"},"iban":{"type":"string"},"name":{"type":"string"},"phone":{"type":"string"},"piva":{"type":"string"}},"required":["piva","name","address","email","phone"],"type":"object"},"IHeaders":{"additionalProperties":false,"properties":{"category":{"enum":["items","services"],"type":"string"},"country":{"enum":["it","eu","us"],"type":"string"},"date":{"format":"date-time","type":"string"},"expirationDate":{"format":"date-time","type":"string"},"from":{"additionalProperties":false,"properties":{"address":{"type":"string"},"email":{"type":"string"},"iban":{"type":"string"},"logo":{"type":"string"},"name":{"type":"string"},"phone":{"type":"string"},"piva":{"type":"string"},"shortName":{"type":"string"}},"required":["address","email","logo","name","phone","piva","shortName"],"type":"object"},"serial":{"type":"string"},"to":{"$ref":"#/definitions/ICompany"}},"required":["serial","from","to"],"type":"object"},"IItem":{"additionalProperties":false,"properties":{"desc":{"type":"string"},"discount":{"additionalProperties":false,"properties":{"includeVat":{"type":"boolean"},"type":{"enum":["gross","item"],"type":"string"}},"required":["type"],"type":"object"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["desc","unitaryPrice","taxPercentage"],"type":"object"}}}},"description":"Printable invoice page: shows seller and buyer from headers, invoice date and serial, line items in hb-table with price, quantity, VAT and row totals, plus subtotal, tax and grand total in the invoice currency. When printer is not yes, offers print and open-in-window actions.","storybookArgs":{"printer":{"control":{"type":"text"}},"headers":{"control":{"type":"object"}},"items":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"headers":{"serial":"seriale1","from":{"piva":"piva","name":"companyfrom","address":"address","email":"email","phone":"phone","logo":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","shortName":"Acme SpA"},"to":{"piva":"to iva","name":"to name","address":"to address","email":"to@email.com","phone":"tototo"}},"items":[{"unitaryPrice":2,"taxPercentage":3,"desc":"testitem"},{"unitaryPrice":5,"taxPercentage":7,"desc":"testitem2"}]}}],"iifeIntegrity":"sha384-jFl5EVCv9LlN+gpu/nNKdgVuIK5m592jrqoAJGOrErOjCaz8Q7YM+8AGg8PnASf2","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-page-invoice","category":"commerce","tags":["commerce","invoice","page"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-page-invoice","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paymentCompleted":{"additionalProperties":false,"properties":{"completed":{"const":true,"type":"boolean"},"method":{"type":"string"},"total":{"type":"number"}},"required":["total","method","completed"],"type":"object"},"saveUser":{"$ref":"#/definitions/IUser"}},"required":["saveUser","paymentCompleted"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"gateways":{"items":{"$ref":"#/definitions/IGateway"},"type":"array"},"id":{"type":"string"},"payment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencyCode":{"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IShopItem"},"type":"array"},"merchantName":{"type":"string"},"shipmentFee":{"type":"number"},"total":{"type":"number"},"type":{"$ref":"#/definitions/IPaymentType"}},"required":["countryCode","currencyCode","items","merchantName","total"],"type":"object"},"shipments":{"items":{"$ref":"#/definitions/IShipment"},"type":"array"},"style":{"type":"string"},"user":{"$ref":"#/definitions/IUser"}},"required":["shipments","user","payment","gateways"],"type":"object"},"IGateway":{"additionalProperties":false,"properties":{"cardNetworks":{"items":{"type":"string"},"type":"array"},"currency":{"enum":["€","$"],"type":"string"},"fixedPrice":{"type":"number"},"gatewayId":{"type":"string"},"gatewayMerchantId":{"type":"string"},"id":{"enum":["google","paypal"],"type":"string"},"label":{"type":"string"},"merchantId":{"type":"string"},"paypalid":{"type":"string"},"percentagePrice":{"type":"number"}},"required":["id","label"],"type":"object"},"IPaymentType":{"enum":["book","buy","checkout","donate","order","pay","plain","subscribe"],"type":"string"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IShopItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","name","unitaryPrice","taxPercentage"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}}},"description":"Checkout page layout that embeds the payment flow and shopping cart: left column uses hb-checkout (user, shipments, gateways, payment) and right column uses hb-checkout-shopping-cart. Recomputes line totals, tax, shipment fee, and payment total from JSON props; updates shipment selection internally and forwards paymentCompleted and saveUser to the host.","storybookArgs":{"shipments":{"control":{"type":"array"}},"user":{"control":{"type":"object"}},"payment":{"control":{"type":"object"}},"paymentCompleted":{"action":"paymentCompleted"},"saveUser":{"action":"saveUser"},"gateways":{"control":{"type":"array"}},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"shipments":[],"user":{"fullName":"fdfff fffff","addressWithNumber":"addreess 43","city":"ff","nationality":"effe","zip":"3434","fixed":true},"gateways":[{"id":"paypal","label":"bbbb","paypalid":"test"},{"id":"google","label":"GooglePay","gatewayId":"example","gatewayMerchantId":"exampleGatewayMerchantId"}],"payment":{"countryCode":"IT","merchantName":"tizio","currencyCode":"EU","total":100,"items":[{"unitaryPrice":2,"taxPercentage":3,"name":"testitem","id":"testitem"},{"unitaryPrice":5,"taxPercentage":7,"name":"testitem2","id":"testitem2"}]}}}],"iifeIntegrity":"sha384-T6a23OX7JHTUyn3y6ntEW9EthwIUZl427SbdR4KRA4HDK1g0cFV0lTRI5BrynV5d","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-page-checkout","category":"commerce","tags":["commerce","checkout","page"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-page-checkout","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardinalDirection":{"enum":["C","N","S","NE","SE","NW","SW","NO","SO","W","O"],"type":"string"},"Events":{"additionalProperties":false,"properties":{"sendDirection":{"additionalProperties":false,"properties":{"direction":{"enum":["up","right","down","left"],"type":"string"},"id":{"type":"string"}},"required":["direction","id"],"type":"object"},"sendJoystickPosition":{"additionalProperties":false,"properties":{"cardinalDirection":{"$ref":"#/definitions/CardinalDirection"},"id":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"}},"required":["x","y","cardinalDirection","id"],"type":"object"}},"required":["sendDirection","sendJoystickPosition"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"joystick_parameters":{"additionalProperties":false,"properties":{"externalLineWidth":{"type":"number"},"externalStrokeColor":{"type":"string"},"internalFillColor":{"type":"string"},"internalLineWidth":{"type":"number"},"internalStrokeColor":{"type":"string"}},"type":"object"},"pad_or_joystick":{"enum":["dpad","joystick"],"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Touch-friendly directional control: either a four-way D-pad that emits cardinal directions or an analog joystick (html5-joystick-new) that streams position and cardinal direction with customizable colors.","storybookArgs":{"pad_or_joystick":{"control":{"type":"text"}},"joystick_parameters":{"control":{"type":"object"}},"sendDirection":{"action":"sendDirectionEvent"},"sendJoystickPosition":{"action":"sendJoystickPositionEvent"}},"styleSetup":{"vars":[{"name":"--arrowcolor","valueType":"color","defaultValue":""},{"name":"--dpad-arrow-move","valueType":"string","defaultValue":""},{"name":"--dpad-arrow-shift","valueType":"string","defaultValue":""},{"name":"--dpad-bg","valueType":"string","defaultValue":""},{"name":"--dpad-fg","valueType":"string","defaultValue":""},{"name":"--dpad-fg-hover","valueType":"string","defaultValue":""},{"name":"--dpad-radius","valueType":"number","defaultValue":""},{"name":"--dpad-radius-in","valueType":"number","defaultValue":""},{"name":"--hb-pad-joystick-size","valueType":"number","defaultValue":""},{"name":"--tri-lrg-a","valueType":"string","defaultValue":""},{"name":"--tri-lrg-b","valueType":"string","defaultValue":""},{"name":"--tri-sml-a","valueType":"string","defaultValue":""},{"name":"--tri-sml-b","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"joystick","data":{"pad_or_joystick":"joystick"}}],"iifeIntegrity":"sha384-700QY3EP2b7NSXEBdbkPObTFK480CQy1SdmN524nlmxZTYWmXxd87vaGZFmuMeKi","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-pad-joystick","category":"utilities","tags":["utilities","controls"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-pad-joystick","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"payment":{"$ref":"#/definitions/OrderPayment"},"style":{"type":"string"}},"required":["payment"],"type":"object"},"IOrderItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"image":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","image","name","taxPercentage","unitaryPrice"],"type":"object"},"OrderPayment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IOrderItem"},"type":"array"},"orderNumber":{"type":"string"},"shipmentFee":{"type":"number"}},"required":["countryCode","items","orderNumber"],"type":"object"}}}},"description":"Order summary view driven by a payment JSON object: order number header, optional tracking area, list of line items with image and name, and a footer showing the order total including tax and optional shipment fee. Exposes the item image via the item_image CSS part.","storybookArgs":{"payment":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"item_image","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"payment":{"orderNumber":"ssss","countryCode":"EU","items":[{"id":"sss","unitaryPrice":2,"taxPercentage":3,"name":"testitem","image":"https://upload.wikimedia.org/wikipedia/commons/6/66/Walgreens_Obama_Merchandise.jpg"},{"id":"aaa","unitaryPrice":5,"taxPercentage":7,"name":"testitem2","image":"https://upload.wikimedia.org/wikipedia/commons/4/49/Fredmeyer_edit_1.jpg"}]}}}],"iifeIntegrity":"sha384-afhLfbFwGhbpwiW/D4TIYu2onrbgjYE+DIJ63w9VgzQf/3sqIXVsK4aR9thXvc8A","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-order-list","category":"commerce","tags":["commerce","order"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-order-list","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companylogouri":{"type":"string"},"companytitle":{"type":"string"},"enablefooter":{"type":"boolean"},"groups":{"items":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"},"type":"array"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"navpage":{"type":"string"},"opened":{"type":"boolean"},"style":{"type":"string"},"type":{"enum":["open","autohide","small"],"type":"string"}},"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Bootstrap-style offcanvas panel that hosts sidebar-desktop navigation. Can start open or closed, optionally shows a backdrop (autohide) for dismissal, and dispatches page changes and open/close state.","storybookArgs":{"opened":{"control":{"type":"boolean"}},"companylogouri":{"control":{"type":"text"}},"companytitle":{"control":{"type":"text"}},"groups":{"control":{"type":"text"}},"enablefooter":{"control":{"type":"boolean"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"pageChange":{"action":"pageChangeEvent"},"type":{"options":["autohide","small","open"],"control":{"type":"select"}},"navpage":{"control":{"type":"text"}},"navlinks":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"header","description":"header"}]},"contributors":[],"htmlSlots":[{"name":"test","description":"test"},{"name":"header","description":"header"},{"name":"footer","description":"footer"}],"i18n":[],"examples":[{"name":"default","data":{"opened":true,"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}],"navpage":"settings","companytitle":"acme corp"}}],"iifeIntegrity":"sha384-i92insHY/zHxxWvR0Dwa515kWZ/ShS4gB2uTF3TAEVgoN96pjt67miTZaeGrqn9e","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-offcanvas","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-offcanvas","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"navmenuswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"}},"required":["navbarDropDownClick","navmenuswitch","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companybrandname":{"type":"string"},"companylogouri":{"type":"string"},"id":{"type":"string"},"noburger":{"type":"string"},"style":{"type":"string"},"switchopen":{"enum":["yes","no"],"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"required":["companybrandname","companylogouri"],"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Top navigation bar with optional hamburger to toggle an offcanvas menu, brand name and logo, slottable left, center, and right areas, and an optional user avatar dropdown (hb-dropdown-simple) with item click events.","storybookArgs":{"_testInnerHtml":{"control":{"disable":true}},"pagetitle":{"control":{"type":"text"}},"companybrandname":{"control":{"type":"text"}},"companylogouri":{"control":{"type":"text"}},"noburger":{"control":{"type":"boolean"}},"navmenuswitch":{"action":"navmenuswitchEvent"},"navbarDropDownClick":{"action":"navbarDropDownClickEvent"},"usermenu":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"left-slot","description":""},{"name":"center-slot","description":""},{"name":"right-slot","description":""}]},"contributors":[],"htmlSlots":[{"name":"left-slot","description":""},{"name":"right-slot","description":""},{"name":"center-slot","description":""},{"name":"nav-switcher","description":" button to switch context"},{"name":"brand","description":""}],"i18n":[],"examples":[{"name":"default","data":{"companybrandname":"testbrand2","companylogouri":""}}],"iifeIntegrity":"sha384-D1cve9D6GQ8zFUMrHR3XyHKjC0m1qnJtRWzwDVgvGNcA/nTOo5VLeehTtaU964w5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-navbar","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-navbar","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"videoModalEvent":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["videoModalEvent"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"item":{"type":"string"},"provider":{"type":"string"},"style":{"type":"string"},"title":{"type":"string"},"uri":{"type":"string"}},"required":["uri"],"type":"object"}}}},"description":"Video modal built on hb-dialog: when uri is set the dialog opens with either a YouTube iframe (provider youtube) or an HTML5 video element, optional title slot, and videoModalEvent when visibility changes.","storybookArgs":{"uri":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"item":{"control":{"type":"text"}},"provider":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"uri":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"}}],"iifeIntegrity":"sha384-vVajZ4rqp2uV/woEChEK7sKv1fI8L8ASkpHL/yhK0S8FdWRhK+rUrCnd9rBbZK2d","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-modal-video","category":"media","tags":["media","video","overlays"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-modal-video","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"select":{"$ref":"#/definitions/IChat"}},"required":["select"],"type":"object"},"IChat":{"additionalProperties":false,"properties":{"_selected":{"type":"boolean"},"chat_id":{"type":"string"},"chat_img":{"type":"string"},"chat_name":{"type":"string"},"counter":{"type":"number"},"img_uri":{"type":"string"},"is_group":{"type":"boolean"},"last_message_author":{"type":"string"},"last_message_author_img":{"type":"string"},"last_message_text":{"type":"string"},"last_message_time":{"format":"date-time","type":"string"},"localeTimeString":{"type":"string"},"text":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"}},"required":["time","title","text","img_uri","chat_id"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"chats":{"items":{"$ref":"#/definitions/IChat"},"type":"array"},"id":{"type":"string"},"style":{"type":"string"}},"required":["chats"],"type":"object"},"IChat":{"additionalProperties":false,"properties":{"_selected":{"type":"boolean"},"chat_id":{"type":"string"},"chat_img":{"type":"string"},"chat_name":{"type":"string"},"counter":{"type":"number"},"img_uri":{"type":"string"},"is_group":{"type":"boolean"},"last_message_author":{"type":"string"},"last_message_author_img":{"type":"string"},"last_message_text":{"type":"string"},"last_message_time":{"format":"date-time","type":"string"},"localeTimeString":{"type":"string"},"text":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"}},"required":["time","title","text","img_uri","chat_id"],"type":"object"}}}},"description":"Lists chat or channel previews from `chats`: avatar, title, last message snippet, derived time label, and unread `counter` badge. Clicking a row marks it selected (`_selected`) and dispatches `select` with that chat payload for opening a thread or switching context.","storybookArgs":{"chats":{"control":{"type":"object"}},"selected":{"action":"selectedEvent"}},"styleSetup":{"vars":[{"name":"--hb-topics-card-double-padding","valueType":"string","defaultValue":""},{"name":"--hb-topics-card-double-size","valueType":"number","defaultValue":""},{"name":"--hb-topics-card-hover-background-color","valueType":"color","defaultValue":""},{"name":"--hb-topics-card-padding","valueType":"string","defaultValue":""},{"name":"--hb-topics-card-selected-background-color","valueType":"color","defaultValue":""},{"name":"--hb-topics-card-size","valueType":"number","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"chats":[{"chat_id":"ciao0","counter":0,"text":"Hello 0","title":"Hello0","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao1","counter":0,"text":"Hello 1","title":"Hello1","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao2","counter":0,"text":"Hello 2","title":"Hello2","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"}]}},{"name":"selected","data":{"chats":[{"chat_id":"ciao0","counter":0,"text":"Hello 0","title":"Hello0","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao1","counter":0,"text":"Hello 1","title":"Hello1","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png","_selected":true},{"chat_id":"ciao2","counter":0,"text":"Hello 2","title":"Hello2","time":"2026-03-28T17:49:28.122Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"}]}}],"iifeIntegrity":"sha384-UvgXMq76w2rTIN3Yk5NumoWqa+uoZXwB3lHEMiAOoqI3xBYLaz4GtwjTOmS9whoK","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-topics-card","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-topics-card","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"sendMessage":{"additionalProperties":false,"properties":{"files":{"items":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"type":"array"},"id":{"type":"string"},"tags":{"items":{"type":"string"},"type":"array"},"text":{"type":"string"}},"required":["id","tags","files"],"type":"object"}},"required":["sendMessage"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"expandable":{"type":"boolean"},"files":{"additionalProperties":false,"properties":{"mode":{"enum":["single","multiple"],"type":"string"}},"required":["mode"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"},"tags":{"items":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"}},"required":["id"],"type":"object"},"type":"array"},"text":{"type":"string"}},"type":"object"}}}},"description":"Message composer with auto-growing textarea (optional `expandable` and maximize control), Enter-to-send, file attachments with previews (`files.mode` single or multiple), and optional `tags` as toggleable chips. Dispatches `sendMessage` with `text`, selected `tags`, and staged `files` when the user sends.","storybookArgs":{"text":{"control":{"type":"text"}},"sendMessage":{"action":"sendMessageEvent"},"expandable":{"control":{"type":"boolean"}},"tags":{"control":{"type":"object"}},"files":{"control":{"type":"object"}}},"styleSetup":{"vars":[{"name":"--bs-primary","valueType":"string","theme":"bootstrap","defaultValue":""},{"name":"--bs-secondary","valueType":"string","theme":"bootstrap","defaultValue":""},{"name":"--tag-color","valueType":"color","defaultValue":""}],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withAMessage","data":{"text":"This is a message from the \"message\" property","expandable":true,"tags":[{"label":"Test","icon":"file-earmark-check-fill","id":"test"}],"files":{"mode":"single"}}},{"name":"withABigMessage","data":{"text":"Lorem ipsum dolor sit amet. Et nisi sapiente est nesciunt consequatur 33 omnis laboriosam in ratione suscipit qui minima repellat aut rerum voluptatem ut mollitia laboriosam. Nam ipsam alias in tempore fugiat in sint minus a quisquam ratione ut recusandae quisquam sit aperiam dolorem 33 voluptate consequatur. Et mollitia velit sit voluptatibus voluptate non autem repellendus sed magnam recusandae et galisum repellat. Et dolores provident ut dolor fuga sed eligendi amet. Ex quia saepe et quidem accusamus qui minus voluptatem in aliquid facere sed blanditiis quibusdam et minus Quis! Qui accusamus perspiciatis aut error minima est dolorem molestiae ut iste debitis rem dolores magni cum doloribus facilis et provident architecto. Qui accusamus dignissimos qui repellendus consequatur ut galisum iusto aut modi numquam. Ex architecto iure non rerum eius sit eius quasi et tempore eveniet ut consequuntur quae. Eos Quis voluptates est corporis cumque aut maiores alias eum quos voluptas sit quis totam quo alias cumque!","tags":[{"label":"Test","icon":"file-earmark-check-fill","id":"test"},{"label":"Think","icon":"lightbulb","id":"think"}],"files":{"mode":"multiple"}}}],"iifeIntegrity":"sha384-BJcFtPiJNLb5/YETEWXPpGE19N2iu5rM3v7WOYcUuz7BZnP2UXGgIhqlY83XSnV1","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-send","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-send","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"action":{"additionalProperties":false,"properties":{"action":{"type":"string"},"messageId":{"type":"string"}},"required":["messageId","action"],"type":"object"}},"required":["action"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"actions":{"items":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"name":{"type":"string"}},"required":["icon","name"],"type":"object"},"type":"array"},"authors":{"items":{"$ref":"#/definitions/TAuthor"},"type":"array"},"id":{"type":"string"},"messages":{"items":{"$ref":"#/definitions/TMessage"},"type":"array"},"options":{"additionalProperties":false,"properties":{"bubbles":{"type":"boolean"},"showAvatar":{"type":"boolean"},"showName":{"type":"boolean"},"showTimestamp":{"type":"boolean"}},"type":"object"},"style":{"type":"string"}},"required":["messages","authors"],"type":"object"},"TAuthor":{"additionalProperties":false,"properties":{"avatar":{"type":"string"},"id":{"type":"string"},"isAI":{"type":"boolean"},"me":{"type":"boolean"},"name":{"type":"string"},"status":{"enum":["online","offline","away","busy"],"type":"string"}},"required":["id","name"],"type":"object"},"TMessage":{"additionalProperties":false,"properties":{"authorId":{"type":"string"},"id":{"type":"string"},"language":{"type":"string"},"quotedMessageId":{"type":"string"},"reply":{"type":"boolean"},"status":{"enum":["pending","sent","received","read"],"type":"string"},"system":{"type":"boolean"},"text":{"type":"string"},"timestamp":{"format":"date-time","type":"string"},"type":{"enum":["text","image","video","audio","file","code"],"type":"string"},"uri":{"type":"string"}},"required":["id","text","timestamp","type"],"type":"object"}}}},"description":"Renders a conversation from `messages` joined to `authors`: aligned bubbles for self vs others, optional avatars and names, timestamps, and code blocks with language badges when `type` is `code`. `options` toggle bubbles, avatars, names, and time; `actions` adds per-message icon buttons that dispatch `action` with `messageId` and action name. Consecutive messages from the same author collapse avatar spacing within a short time window.","storybookArgs":{"messages":{"control":{"type":"object"}},"authors":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"actions":{"control":{"type":"object"}},"action":{"action":"action"}},"styleSetup":{"vars":[],"parts":[{"name":"message-body","description":"style for the message bubble body"},{"name":"message","description":"style for the message bubble"},{"name":"message-bubble-me","description":"style for the message bubble of the me author"},{"name":"message-bubble-them","description":"style for the message bubble of the them author"},{"name":"message-timestamp","description":"style for the message timestamp"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"moreMessages","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"3","text":"How are you?","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"I'm fine, thanks, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"sent","authorId":"1"},{"id":"5","text":"What about you?","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"I'm fine too, thanks for asking","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"sent","authorId":"1"},{"id":"7","text":"You're welcome","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"8","text":"Bye","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"sent","authorId":"1"},{"id":"9","text":"Bye","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"10","text":"See you later","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"sent","authorId":"1"},{"id":"11","text":"See you later","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"},{"id":"12","text":"Bye","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"sent","authorId":"1"},{"id":"13","text":"Bye","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"mixedMessageTypes","description":"Example with different message types: text, image, code, video, audio, and file","data":{"messages":[{"id":"1","text":"Check out this image!","timestamp":"2026-03-28T17:49:26.662Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Nice photo!","timestamp":"2026-03-28T17:49:26.762Z","type":"image","status":"received","authorId":"2","uri":"https://picsum.photos/300/200"},{"id":"3","text":"Here's a code snippet:","timestamp":"2026-03-28T17:49:27.262Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"function hello() {\n console.log('Hello World!');\n}","timestamp":"2026-03-28T17:49:27.362Z","type":"code","status":"sent","authorId":"1","language":"javascript"},{"id":"5","text":"Great code! Here's a video response:","timestamp":"2026-03-28T17:49:27.762Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"Video message","timestamp":"2026-03-28T17:49:27.862Z","type":"video","status":"received","authorId":"2","uri":"https://sample-videos.com/zip/10/mp4/SampleVideo_1280x720_1mb.mp4"},{"id":"7","text":"Audio message","timestamp":"2026-03-28T17:49:28.262Z","type":"audio","status":"sent","authorId":"1","uri":"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav"},{"id":"8","text":"Document.pdf","timestamp":"2026-03-28T17:49:28.762Z","type":"file","status":"received","authorId":"2","uri":"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"differentAuthorStatuses","description":"Example showing different author statuses: online, away, busy, and offline","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"away"},{"id":"3","name":"Bob","avatar":"https://i.pravatar.cc/300?img=3","status":"busy"},{"id":"4","name":"Alice","avatar":"https://i.pravatar.cc/300?img=4","status":"offline"}]}},{"name":"aiConversation","description":"Example with AI assistant conversation including code snippets","data":{"messages":[{"id":"1","text":"What's the weather like today?","timestamp":"2026-03-28T17:49:26.662Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"I don't have access to real-time weather data, but I can help you find weather information. You can check your local weather app or visit a weather website like weather.com.","timestamp":"2026-03-28T17:49:26.762Z","type":"text","status":"received","authorId":"2"},{"id":"3","text":"Can you help me write a function in JavaScript?","timestamp":"2026-03-28T17:49:27.262Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"Of course! Here's a simple JavaScript function:","timestamp":"2026-03-28T17:49:27.362Z","type":"text","status":"received","authorId":"2"},{"id":"5","text":"function greet(name) {\n return `Hello, ${name}!`;\n}\n\nconsole.log(greet('World'));","timestamp":"2026-03-28T17:49:27.462Z","type":"code","status":"received","authorId":"2","language":"javascript"}],"authors":[{"id":"1","name":"User","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"AI Assistant","avatar":"https://i.pravatar.cc/300?img=5","status":"online","isAI":true}]}},{"name":"systemMessagesAndReplies","description":"Example with system messages and reply functionality","data":{"messages":[{"id":"1","text":"Mary joined the chat","timestamp":"2026-03-28T17:49:26.662Z","type":"text","status":"received","authorId":"2","system":true},{"id":"2","text":"Hello everyone!","timestamp":"2026-03-28T17:49:26.762Z","type":"text","status":"sent","authorId":"1"},{"id":"3","text":"Hi John! How are you?","timestamp":"2026-03-28T17:49:26.862Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"I'm doing great, thanks for asking!","timestamp":"2026-03-28T17:49:26.962Z","type":"text","status":"sent","authorId":"1","reply":true,"quotedMessageId":"3"},{"id":"5","text":"That's wonderful to hear!","timestamp":"2026-03-28T17:49:27.062Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"messageStatuses","description":"Example showing different message statuses: pending, sent, received, and read","data":{"messages":[{"id":"1","text":"This message is pending...","timestamp":"2026-03-28T17:49:29.262Z","type":"text","status":"pending","authorId":"1"},{"id":"2","text":"This message was sent","timestamp":"2026-03-28T17:49:28.262Z","type":"text","status":"sent","authorId":"1"},{"id":"3","text":"This message was received","timestamp":"2026-03-28T17:49:27.262Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"This message was read","timestamp":"2026-03-28T17:49:26.262Z","type":"text","status":"read","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"noTimestamps","description":"Example with timestamps disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":false,"showAvatar":true,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"noAvatars","description":"Example with avatars disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":true,"showAvatar":false,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"noBubbles","description":"Example with bubble styling disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":true,"showAvatar":true,"showName":true,"bubbles":false},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"minimalOptions","description":"Example with minimal options enabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T17:48:54.262Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T17:49:30.262Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":false,"showAvatar":false,"showName":false,"bubbles":false},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"fullOptions","description":"Example with all options enabled","data":{"messages":[{"id":"1","text":"Check out this image!","timestamp":"2026-03-28T17:49:26.662Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Nice photo!","timestamp":"2026-03-28T17:49:26.762Z","type":"image","status":"received","authorId":"2","uri":"https://picsum.photos/300/200"},{"id":"3","text":"Here's a code snippet:","timestamp":"2026-03-28T17:49:27.262Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"function hello() {\n console.log('Hello World!');\n}","timestamp":"2026-03-28T17:49:27.362Z","type":"code","status":"sent","authorId":"1","language":"javascript"},{"id":"5","text":"Great code! Here's a video response:","timestamp":"2026-03-28T17:49:27.762Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"Video message","timestamp":"2026-03-28T17:49:27.862Z","type":"video","status":"received","authorId":"2","uri":"https://sample-videos.com/zip/10/mp4/SampleVideo_1280x720_1mb.mp4"},{"id":"7","text":"Audio message","timestamp":"2026-03-28T17:49:28.262Z","type":"audio","status":"sent","authorId":"1","uri":"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav"},{"id":"8","text":"Document.pdf","timestamp":"2026-03-28T17:49:28.762Z","type":"file","status":"received","authorId":"2","uri":"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"away"},{"id":"3","name":"Bob","avatar":"https://i.pravatar.cc/300?img=3","status":"busy"},{"id":"4","name":"Alice","avatar":"https://i.pravatar.cc/300?img=4","status":"offline"}],"options":{"showTimestamp":true,"showAvatar":true,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}}],"iifeIntegrity":"sha384-G7rojEKNDdj7B5dgtvtWZIGTu0aWIVVWz1ITj33IrXiGbTQJSfKkLohWCg0tDona","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-list","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-list","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"sendMessage":{"additionalProperties":false,"properties":{"file":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"id":{"type":"string"},"text":{"type":"string"}},"required":["id"],"type":"object"}},"required":["sendMessage"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"authors":{"items":{"$ref":"#/definitions/TAuthor"},"type":"array"},"id":{"type":"string"},"message":{"$ref":"#/definitions/TMessageSend"},"messages":{"items":{"$ref":"#/definitions/TMessage"},"type":"array"},"options":{"additionalProperties":false,"type":"object"},"style":{"type":"string"}},"required":["messages","authors"],"type":"object"},"TAuthor":{"additionalProperties":false,"properties":{"avatar":{"type":"string"},"id":{"type":"string"},"me":{"type":"boolean"},"name":{"type":"string"},"status":{"enum":["online","offline","away","busy"],"type":"string"}},"required":["id","name","status"],"type":"object"},"TMessage":{"additionalProperties":false,"properties":{"authorId":{"type":"string"},"id":{"type":"string"},"quotedMessageId":{"type":"string"},"reply":{"type":"boolean"},"status":{"enum":["pending","sent","received","read"],"type":"string"},"system":{"type":"boolean"},"text":{"type":"string"},"timestamp":{"format":"date-time","type":"string"},"type":{"enum":["text","image","video","audio","file"],"type":"string"},"uri":{"type":"string"}},"required":["id","text","timestamp","type"],"type":"object"},"TMessageSend":{"additionalProperties":false,"properties":{"file":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"text":{"type":"string"}},"type":"object"}}}},"description":"Chat shell combining `hb-messages-list` (thread from `messages`, `authors`, `options`) and `hb-messages-send` (composer). Optional `message` JSON can seed the draft text. Forwards the child `sendMessage` event (text, files, tags) to the host as `sendMessage` for your transport layer.","storybookArgs":{"messages":{"control":{"type":"object"}},"authors":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"message":{"control":{"type":"object"}},"sendMessage":{"action":"sendMessageEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T17:48:51.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T17:48:57.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T17:49:02.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T17:49:07.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T17:49:12.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T17:49:17.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T17:49:19.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T17:49:22.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T17:49:24.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T17:49:26.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"withAMessage","data":{"message":{"text":"This is a message from the \"message\" property"},"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T17:48:51.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T17:48:57.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T17:49:02.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T17:49:07.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T17:49:12.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T17:49:17.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T17:49:19.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T17:49:22.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T17:49:24.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T17:49:26.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"moreMessages","data":{"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T17:48:51.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T17:48:57.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T17:49:02.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T17:49:07.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T17:49:12.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T17:49:17.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T17:49:19.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T17:49:22.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T17:49:24.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T17:49:26.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_o7p2a5","text":"How are you?","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_s8d1f4","text":"I'm fine, thanks","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_g6h9j2","text":"What about you?","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_k3l5z8","text":"I'm fine too, thanks for asking","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_x7c4v1","text":"You're welcome","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_b2n9m6","text":"Bye","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_q5w8e0","text":"Bye","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_r3t7y4","text":"See you later","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_u9i1o6","text":"See you later","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_p2a5s8","text":"Bye","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_d4f7g1","text":"Bye","timestamp":"2026-03-28T17:49:27.024Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}}],"iifeIntegrity":"sha384-WoDzRsDgheT4fsejc0rNcNGjxjez46xEaeFgJTM4l0hRQRsSCywwo+f+acKhhCC1","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-box","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-box","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickItem":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"hoverItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"selected":{"type":"boolean"}},"required":["selected"],"type":"object"}},"required":["hoverItem","clickItem"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"items":{"items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"title":{"type":"string"},"type":{"enum":["video","iframe","mediamtx-webrtc","mediamtx-webrtc-ptz"],"type":"string"},"uri":{"type":"string"}},"required":["type","id","uri"],"type":"object"},"type":"array"},"style":{"type":"string"}},"required":["items"],"type":"object"}}}},"description":"Responsive video wall: lays out `items` in a Bootstrap row/column grid sized from the viewport (16:9-friendly). Each cell can be an iframe, plain MP4 `<video>`, `hb-player-live` (WHEP), or `hb-player-live-camera-ptz`. Tracks hover selection and emits `hoverItem` and `clickItem` with the focused tile id.","storybookArgs":{"items":{"control":{"type":"object"}},"hoverItem":{"action":"hoverItemEvent"},"clickItem":{"action":"clickItemEvent"}},"styleSetup":{"vars":[{"name":"--bs-gutter-x","valueType":"string","theme":"bootstrap","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"with2videos","data":{"items":[{"type":"mediamtx-webrtc","id":"1","uri":"https://vpn0.devicesmng.kernel.online/slave_10.33.88.212_fakeh264flux2"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with3videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with4videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with6videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with7videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with8videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with9videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with10videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with12videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with13videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with15videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with16videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with18videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with20videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"19","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"20","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with30videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"19","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"20","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"21","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"22","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"23","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"24","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"25","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"26","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"27","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"28","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"29","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"30","uri":"http://127.0.0.1:8889/test/"}]}}],"iifeIntegrity":"sha384-sFtpoBbrNFTT5rVe3BjajZ/dgt5KOpk1Eqh2WKLRS9zbBF6UB7Q4LJoZCLwxsaw4","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-matrix-video","category":"media","tags":["media","video","grid"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-matrix-video","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"additionalProperties":false,"properties":{"content":{"type":"string"}},"required":["content"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"}}}},"description":"Renders Markdown from a data object (typically with a content string) using marked with GFM and line breaks, and normalizes compact single-line Markdown for clearer lists and headings.","storybookArgs":{"data":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":{"content":"Summary of Document: This document details the discovery of letters purportedly from Yeshua, written approximately 2000 years ago, hidden by the church to protect sensitive religious teachings. The letters offer a glimpse into a time when the Church attempted to conceal powerful information about Jesus' teachings, leading to a priest's banishment. The document reveals a historical mystery involving a secret and ultimately revealed website hosted by Leslie Galentine's PKMedia.us campaign, which is now focused on sharing a portion of the original letters. The core of the document revolves around the discovery of a previously unknown copy of these letters during a 2017 investigation by biblical scholars, sparking significant questions about the true nature of Jesus’ teachings and highlighting a period of clandestine suppression. Subjects Involved: * Leslie Galentine: A historical researcher and organizer of the discovery. * ict.yard: An individual within the Yeshua correspondence project (likely a participant or researcher). * The Church: The organization that attempted to conceal the letters' content. * The Priest: Involved in the banishment and uncovering of the letters. * Leslie Galentine: The PKMedia.us team that uncovered the letters. * The PKMedia.us Campaign: The driving force behind the document's reveal. Main Subjects - Their Roles: * Leslie Galentine: Initiated and managed the discovery and dissemination of the documents. * ict.yard: The primary recipient of the correspondence and the person who initiated the historical research. * The Church: Responsible for attempting to conceal and suppress the information. * The Priest: Served as a key figure in the attempt to hide the letters and was eventually banished. * Leslie Galentine: The project lead who initiated the current revealing of the information. Main Subject - The Discovery: The discovery of these letters represents a significant historical event—a moment when a secret message from the past was revealed, raising questions about the Church's handling of religious teachings and potentially altering our understanding of Jesus’ message. Main Topic - The Revelation: The core topic is the revelation of a hidden portion of the letters, which ultimately challenges established historical interpretations and suggests a period of covert suppression of knowledge. Additional Notes: The document presents a compelling narrative of historical mystery, involving a deliberate attempt to obscure religious information, which the revelation of these letters indicates. It is a story of clandestine efforts and the potential consequences of preserving or revealing sensitive data."}}}],"iifeIntegrity":"sha384-Yka0fnfU1owreA0wxTBiKTQj97QC/G6Xz3adYeYKgPuv8j0YziA0jahc/BlTon+E","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-markdown-viewer","category":"content","tags":["content","markdown"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-markdown-viewer","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"markerClick":{"additionalProperties":false,"properties":{"coordinates":{"additionalProperties":false,"properties":{"latitude":{"type":"number"},"longitude":{"type":"number"}},"required":["latitude","longitude"],"type":"object"},"id":{"type":"string"}},"required":["coordinates","id"],"type":"object"},"pointClickCoordinates":{"additionalProperties":false,"properties":{"center":{"items":{"type":"number"},"type":"array"},"coordinates":{"additionalProperties":false,"properties":{"latitude":{"type":"number"},"longitude":{"type":"number"}},"required":["latitude","longitude"],"type":"object"},"zoom":{"type":"number"}},"required":["coordinates","zoom","center"],"type":"object"},"screenshotTaken":{"additionalProperties":false,"properties":{"base64":{"type":"string"}},"required":["base64"],"type":"object"}},"required":["pointClickCoordinates","markerClick","screenshotTaken"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"center":{"items":{"type":"number"},"type":"array"},"data":{"items":{"additionalProperties":false,"properties":{"line":{"items":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"}},"required":["lngLat"],"type":"object"},"type":"array"},"marker":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"},"text":{"type":"string"},"text_offset":{"type":"number"},"text_position":{"enum":["top","right","bottom","left"],"type":"string"}},"required":["lngLat"],"type":"object"},"point":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"}},"required":["lngLat"],"type":"object"}},"type":"object"},"type":"array"},"id":{"type":"string"},"options":{"additionalProperties":false,"properties":{"centerFromGeometries":{"type":"boolean"},"text_offset":{"type":"number"},"text_position":{"enum":["top","right","bottom","left"],"type":"string"},"text_scale":{"type":"number"}},"type":"object"},"screenshot":{"type":"string"},"source":{"additionalProperties":false,"properties":{"style":{"enum":["positron","dark_matter","voyager"],"type":"string"},"type":{"type":"string"},"url":{"type":"string"}},"required":["type"],"type":"object"},"style":{"type":"string"},"zoom":{"type":"number"}},"required":["zoom","center","data","source","options"],"type":"object"}}}},"description":"Interactive map: `center`, `zoom`, `source` (OSM or CARTO vector styles), `options` (e.g. `centerFromGeometries`, marker text layout), and `data` with markers (lng/lat, icon, popup HTML, text). Set `screenshot` to capture; emits map clicks, marker clicks, and screenshot payloads.","storybookArgs":{"options":{"control":{"type":"object"}},"center":{"control":{"type":"array"}},"data":{"control":{"type":"array"}},"zoom":{"control":{"type":"number"}},"source":{"control":{"type":"object"}},"screenshot":{"control":{"type":"text"}},"pointClickCoordinates":{"action":"pointClickCoordinates"},"markerClick":{"action":"markerClick"},"screenshotTaken":{"action":"screenshotTaken"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10.1,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.1]},"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10,10],"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10.3,10]}}]}},{"name":"default2","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10.1,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.1]},"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10,10],"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10.3,10]}}]}},{"name":"markerWithText","description":"Markers with text using global options for position and offset","data":{"center":[10,10],"zoom":11,"source":{"type":"osm"},"options":{"centerFromGeometries":true,"text_position":"right","text_offset":8},"data":[{"marker":{"lngLat":[10,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Uses global (right)"}},{"marker":{"lngLat":[10.05,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: left","text_position":"left"}},{"marker":{"lngLat":[10,9.97],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: top","text_position":"top"}},{"marker":{"lngLat":[10.05,9.97],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: bottom","text_position":"bottom"}},{"marker":{"lngLat":[10.025,9.985],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: gap 20px","text_offset":20}}]}},{"name":"markerWithLargeText","description":"Markers with scaled up text (text_scale: 1.5)","data":{"center":[10,10],"zoom":11,"source":{"type":"osm"},"options":{"centerFromGeometries":true,"text_scale":1.5},"data":[{"marker":{"lngLat":[10,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Large text"}}]}},{"name":"textOnly","description":"Markers with text only (no icon)","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10,10],"text":"Text only (no icon)"}}]}},{"name":"cartoVoyager","description":"CARTO vector tiles with Voyager style (default, colorful)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"voyager"},"options":{},"data":[]}},{"name":"cartoPositron","description":"CARTO vector tiles with Positron style (light, minimal)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"positron"},"options":{},"data":[]}},{"name":"cartoDarkMatter","description":"CARTO vector tiles with Dark Matter style (dark theme)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"dark_matter"},"options":{},"data":[]}},{"name":"screenshot","description":"Set screenshot to 'yes' to capture the map as base64 via the screenshotTaken event","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{},"screenshot":"yes","data":[]}}],"iifeIntegrity":"sha384-sy5966efoN7bnVR91gEpxd4gZWNLWZ7L568UHgcgf7uRTJT/O3EovQq0ceoTqPU7","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-map","category":"maps","tags":["maps"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-map","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"layoutStatus":{"additionalProperties":false,"properties":{"size":{"enum":["large","small"],"type":"string"},"width":{"type":"number"}},"required":["width","size"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","layoutStatus","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Mobile layout with optional offcanvas sidebar navigation, top navbar, main page slot, optional cookie-law banner, and footer. Supports one-screen full-height mode and forwards navbar, footer, and navigation events.","storybookArgs":{"ooterClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"pageChange":{"action":"pageChange"},"footer":{"control":{"type":"object"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"layoutStatus":{"action":"layoutStatus"},"contacts":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"page_title":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-left-slot","description":""},{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""},{"name":"nav-header-slot","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"}}}],"iifeIntegrity":"sha384-UWdpZBm2i2jMrH6mpCsXQ/HJw+Ni2oJvd6w8I17yN02RU2QNdY9WT7rCXCsvRBYv","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout-mobile","category":"layout","tags":["layout","shell","responsive"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout-mobile","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"layoutStatus":{"additionalProperties":false,"properties":{"size":{"enum":["large","small"],"type":"string"},"width":{"type":"number"}},"required":["width","size"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","layoutStatus","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. Supports one-screen height mode and forwards navigation and footer events.","storybookArgs":{"pageChange":{"action":"pageChange"},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"layoutStatus":{"action":"layoutStatus"},"footerClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"footer":{"control":{"type":"object"}},"contacts":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"page_title":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"},"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Cookie Policy","key":"cookiepolicy"}]}}],"iifeIntegrity":"sha384-yRrmY15nWS/KoouFEp9KisqH4D38CMEO9Q+dp+Dn/1wgs3WqIgezNf3vRikLQYcz","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout-desktop","category":"layout","tags":["layout","shell","responsive"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout-desktop","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"heders":{"items":{"additionalProperties":false,"properties":{"content":{"type":"string"},"name":{"type":"string"},"property":{"type":"string"}},"required":["content"],"type":"object"},"type":"array"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Responsive application shell: below 800px viewport width it mounts the mobile layout; otherwise the desktop layout. Forwards navigation slots, page content, cookie-law options, and layout events from the active child.","storybookArgs":{"pageChange":{"action":"pageChange"},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"footerClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"page_title":{"control":{"type":"text"}},"contacts":{"control":{"type":"object"}},"heders":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"footer":{"control":{"type":"object"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-left-slot","description":""},{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""},{"name":"nav-header-slot","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"},"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Cookie Policy","key":"cookiepolicy"}]}}],"iifeIntegrity":"sha384-DGu5y97+cZ3V8McqN+Tc2DnYch1wsf16ODlvukPkcKE8ozja9hgPwzeYeBTkVEIc","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout","category":"layout","tags":["layout","shell"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"json":{},"status":{"enum":["open","closed","first"],"type":"string"}},"required":["json"],"type":"object"}}}},"description":"Renders JSON as an expandable, syntax-colored tree. Accepts a parsed object or a JSON string and supports initial expand modes (open, closed, or first level only).","storybookArgs":{"json":{"control":{"type":"object"}},"status":{"options":["open","closed","first"],"control":{"type":"select"}}},"styleSetup":{"vars":[{"name":"--jn-boolean","valueType":"string","defaultValue":""},{"name":"--jn-bracket","valueType":"string","defaultValue":""},{"name":"--jn-button-border","valueType":"color","defaultValue":""},{"name":"--jn-button-hover-bg","valueType":"string","defaultValue":""},{"name":"--jn-children-border","valueType":"color","defaultValue":""},{"name":"--jn-close","valueType":"string","defaultValue":""},{"name":"--jn-key","valueType":"string","defaultValue":""},{"name":"--jn-number","valueType":"string","defaultValue":""},{"name":"--jn-popover-bg","valueType":"string","defaultValue":""},{"name":"--jn-popover-border","valueType":"color","defaultValue":""},{"name":"--jn-popover-text","valueType":"string","defaultValue":""},{"name":"--jn-sep","valueType":"string","defaultValue":""},{"name":"--jn-string","valueType":"string","defaultValue":""},{"name":"--jn-symbol","valueType":"string","defaultValue":""},{"name":"--jn-type","valueType":"string","defaultValue":""},{"name":"--jn-undefined","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","description":"User profile with nested objects, arrays and nulls.","data":{"json":{"id":123,"name":"Jane Doe","active":true,"roles":["admin","editor"],"profile":{"email":"jane@example.com","address":{"street":"123 Main St","city":"Springfield","zip":"12345","coordinates":{"lat":40.7128,"lng":-74.006}}},"preferences":{"theme":"dark","notifications":{"email":true,"sms":false,"push":{"marketing":false,"updates":true}}},"tags":[],"lastLogin":"2025-09-18T10:22:00Z","meta":null},"status":"first"}},{"name":"order-with-items","description":"E-commerce order with items, totals and history.","data":{"json":{"orderId":"ORD-1001","customer":{"id":"C-77","name":"Acme Inc."},"items":[{"sku":"A1","name":"Widget","qty":2,"price":9.99,"options":{"color":"red","size":"M"}},{"sku":"B2","name":"Gadget","qty":1,"price":24.5,"options":null}],"discounts":[{"type":"coupon","amount":5}],"shipping":{"method":"express","cost":7.5,"address":{"line1":"742 Evergreen Terrace","city":"Gotham","country":"US"}},"taxes":{"rate":0.22,"amount":8.03},"totals":{"subtotal":44.48,"grandTotal":54.98},"status":"processing","history":[{"at":"2025-09-17T12:00:00Z","action":"created"},{"at":"2025-09-17T12:05:00Z","action":"paid"}]},"status":"closed"}},{"name":"heterogeneous-array","description":"Mixed array of primitives, objects and nested arrays.","data":{"json":{"data":[1,"two",true,null,{"nested":[1,2,3],"flag":false},[{"a":1},{"b":2}]],"note":"Mixed array values"}}},{"name":"deeply-nested","description":"Five-level nested structure to test depth.","data":{"json":{"level1":{"level2":{"level3":{"level4":{"level5":{"value":"deep","arr":[{"n":1},{"n":2,"inner":{"m":3}}]}}}}}}}},{"name":"analytics-dashboard","description":"Metrics with series, breakdowns and time windows.","data":{"json":{"dashboard":"Traffic Overview","range":{"start":"2025-09-01","end":"2025-09-18"},"totals":{"visits":123456,"users":98765,"bounceRate":0.473},"series":[{"date":"2025-09-15","visits":8123,"users":7021},{"date":"2025-09-16","visits":9450,"users":8012},{"date":"2025-09-17","visits":10234,"users":8654}],"byCountry":[{"code":"US","visits":54321},{"code":"IT","visits":9876},{"code":"DE","visits":8765}],"settings":{"comparePrevious":true,"filters":{"device":["desktop","mobile"],"source":["organic","paid"]}}}}}],"iifeIntegrity":"sha384-xijPGJKAN6/Hg3fwKS5zcRfWk8V6i6sBjAAoE7xmqky4fITxRsuYnjZrS/cFp5Kh","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-json-viewer","category":"data","tags":["data","json"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-json-viewer","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Single-line text field driven by a JSON `schemaentry` (id, value, placeholder, readonly, required, optional `validationRegex`, and `params` min/max length). Toggle Bootstrap validation styling with `show_validation`. Dispatches `setVal` whenever the value or validity changes (detail includes `value`, `valid`, `id`), and `clickEnter` when the user presses Enter inside the input.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty."}}},{"name":"defaultRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty."}}},{"name":"requiredwithmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2},"value":"a"}}},{"name":"requiredwithmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"max":2}}}},{"name":"requiredwithminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2,"max":6}}}},{"name":"requiredwithregex","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2}}}}],"iifeIntegrity":"sha384-3KwU8OdntSsLeXJiIcy2PdeNBFctatdTKfeyYkM4FpqZkcZsyZEKMHqrnST9LaU6","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-text","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-text","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Native `<select>` bound to `schemaentry` options from `params.options` (each option has `id`, `value`, and optional `label`). Supports JSON string or object `schemaentry`, optional required state, and `show_validation` for Bootstrap `is-valid` / `is-invalid` classes plus `validationTip`. Dispatches `setVal` with `{ value, valid, id }` on every change.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"selected1","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]},"value":"testvalue"}}},{"name":"selected2","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]},"value":"testvalue3"}}},{"name":"default","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]}}}}],"iifeIntegrity":"sha384-SG+KoNtCdmdETipXR2kxs7STePC55Q6u0QM0BHllZlmcDgqIYx7wGb869vOes/AT","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-select","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-select","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":"number"}},"required":["id"],"type":"object"}}}},"description":"Range slider (`type=\"range\"`) whose bounds come from `schemaentry.params.min` and/or `max` when present. Parses stringified `schemaentry` when needed and enforces required/min/max rules for the numeric value. Dispatches `setVal` continuously with `{ value, valid, id }` and can show `validationTip` when `show_validation` is enabled.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"placeholder":"Insert your last name here...3","id":"lastName0","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":4}}},{"name":"withmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName1","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3},"value":4}}},{"name":"withmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":8},"value":6}}},{"name":"withminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName3","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3,"max":10},"value":4}}}],"iifeIntegrity":"sha384-CAafEplpj2anji+oZxE5VnPS25kQmAkZFm7XdE9MVYz6UlKEse6k/6QFEbPAL9uQ","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-range","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-range","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Radio group built from `schemaentry.params.options` with a shared `name` derived from the field id. Parses JSON `schemaentry` for initial `value` and supports required validation with optional Bootstrap feedback via `show_validation` and `validationTip`. Dispatches `setVal` with the selected string `value`, `valid`, and `id` whenever the choice changes.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Choose here...","id":"check0","required":true,"label":"Check 0","validationTip":"Check 1","params":{"options":[{"label":"777","value":"555"},{"label":"testlabel","value":"testvalue"}]}}}}],"iifeIntegrity":"sha384-DsBH3NLcSgCxGwhElFMxrqB238CPfzKjU327F0x+U4cGKA2GZDcJ/djm+gVGOLMb","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-radio","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-radio","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"number"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":"number"}},"required":["id"],"type":"object"}}}},"description":"Numeric input with optional `min` / `max` from `schemaentry.params` (native attributes are omitted when bounds are not set). Validates required fields and range when both ends are defined; with no min/max it still dispatches `clickEnter` on Enter. Emits `setVal` with `{ value, valid, id }` and supports `show_validation` plus `validationTip`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"placeholder":"Insert your last name here...3","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":4}}},{"name":"withmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3},"value":4}}},{"name":"withmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":8},"value":4}}},{"name":"withminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3,"max":10},"value":4}}},{"name":"withzero","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","label":"Last Name","validationTip":"This field cannot be empty.","value":0}}},{"name":"withzerorequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":0}}}],"iifeIntegrity":"sha384-fWXuypeGGHl1xpCfqEdYS2dw3MvkHdjVazkLw8lORdUBw92h9zL6Vv8YLthXM2yj","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-number","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-number","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"File picker with `accept` from `schemaentry.params.accept` (defaults to any file), optional image preview or Bootstrap Icons by MIME type, and an optional clickable `placeHolderImage` that opens the hidden input. Clears selection with the remove control; validates required fields against an actual chosen file. Dispatches `setVal` with `{ value, valid, id }`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"image","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"accept":"image/","placeHolderImage":{"src":"https://placehold.co/150","width":300,"height":300}}}}}],"iifeIntegrity":"sha384-JAEhovspXOmB2yADfmUWKPzmc0dzDpDrNXIMtOjZcvXgtVt8zkXJff1+SntndSuV","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-file","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-file","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"`type=\"email\"` field using `schemaentry` for id, value, placeholder, readonly, and required, with extra checks for a sensible address shape plus optional `validationRegex` and `params` min/max length. Use `show_validation` for Bootstrap states and `validationTip`. Dispatches `setVal` on updates and `clickEnter` when Enter is pressed.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-sm7EzTLZf5GEbUdeCo0kKEl8f43lE0Tu+8SS9ZdbmeHzy/eMDIzeqmDqUNuwh2Lm","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-email","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-email","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Composes child web components `hb-input-date` and `hb-input-number` to edit date, hours, minutes, and (unless `params.removeSeconds`) seconds, then combines them into a single ISO string `value`. Honors `schemaentry.params.min` / `max` as date bounds when required. Registers `@htmlbricks/hb-input-date` and `@htmlbricks/hb-input-number` and dispatches `setVal` with `{ value, valid, id }`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"empty","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","label":"Last Name","validationTip":"This field cannot be empty.","params":{"removeSeconds":true}}}},{"name":"emptyRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"withValue","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":"2022-06-23T05:09:08.107Z"}}},{"name":"bugged","data":{"schemaentry":{"label":"datetime","placeholder":"Insert your last name here...","id":"datelsastNafme66","required":true,"validationTip":"This field cannot be empty.","value":"2022-06-23T13:41:10.107Z"}}},{"name":"maxDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":"2023-02-27T00:00:00.000Z"}}}},{"name":"minDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z"}}}},{"name":"rangeDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z","max":"2023-02-27T23:59:59.999Z"}}}}],"iifeIntegrity":"sha384-PR0Ia18BorGd1HjOhyRhtMVTdfQFj7ZEF8WMXOjmfozXI/ocG9dTofsPoCKSx9AA","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-datetime","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-datetime","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Native date input bound to `schemaentry` (string JSON or object), with optional `params.min` / `max` compared as `Date` values when the field is required. Shows Bootstrap validation and `validationTip` when `show_validation` is on. Dispatches `setVal` with the string date `value`, `valid`, and `id`, and `clickEnter` if the user presses Enter.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"from27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T08:00:32.009Z"}}}},{"name":"to27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":"2023-02-27T08:00:32.009Z"}}}},{"name":"in27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z","max":"2023-02-27T23:59:59.999Z"}}}},{"name":"date27Febb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":"1984-02-27"}}}],"iifeIntegrity":"sha384-AvE8QAkTtYI5Mm3Bw9C2DR23+4sSbcUt4ITq+M5qp8n/qSm1XqiKkklNM0C4KSGt","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-date","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-date","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"number"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"i18nlang":{"type":"string"},"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"center":{"items":{"type":"number"},"type":"array"},"latitudeLabel":{"type":"string"},"latitudePlaceholder":{"type":"string"},"longitudeLabel":{"type":"string"},"longitudePlaceholder":{"type":"string"},"options":{"additionalProperties":false,"properties":{"centerFromGeometries":{"type":"boolean"}},"type":"object"},"source":{"additionalProperties":false,"properties":{"type":{"type":"string"},"url":{"type":"string"}},"required":["type"],"type":"object"},"zoom":{"type":"number"}},"type":"object"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"additionalProperties":false,"description":"Optional default value.","properties":{"lat":{"type":"number"},"lon":{"type":"number"}},"required":["lat","lon"],"type":"object"}},"required":["id"],"type":"object"}}}},"description":"Latitude/longitude editor that embeds `hb-map` (marker and map `source` / `options` from `schemaentry.params`) and two `hb-input-number` fields, with labels translated via optional `i18nlang`. Supports initial `value` and `params` such as `zoom` and `center`. Registers `@htmlbricks/hb-map` and `@htmlbricks/hb-input-number` and dispatches `setVal` with `{ lat, lon }`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4.650858807288927,"lon":-74.07107653613633}}}},{"name":"withmax","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withmin","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withminmax","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withzero","data":{"schemaentry":{"id":"lastName","label":"Coords","validationTip":"This field cannot be empty.","value":{"lat":0,"lon":0}}}},{"name":"withzerorequired","data":{"schemaentry":{"id":"lastName","required":true,"validationTip":"This field cannot be empty.","value":{"lat":0,"lon":0}}}}],"iifeIntegrity":"sha384-1sh9qBDyqiuuFzbc9jn05K+vruYccekOS+9sECNX4K/xNx0B0ZcvNyoPlX4cZIga","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-coords","category":"inputs","tags":["inputs","maps"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-coords","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Color input that normalizes named HTML colors and `rgb(...)` strings into a hex value for the native picker, with debounced syncing back to the bound value. Driven by `schemaentry` (including required and optional `validationTip` with `show_validation`). Dispatches `setVal` with the string `value`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"colortxt","required":true,"validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-pdrmDCK1/6qiDMWSBOm87P40Zyep0KAnp99UNQfBs2kXOv/YTjYPGiPGgvnswtvv","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-color","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-color","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Checkbox or, when `schemaentry.params.type` is `switch`, a Bootstrap switch, labeled from `schemaentry.label` with a required asterisk when needed. Boolean `value` is parsed from stringified `schemaentry`; required fields must be checked to be valid. Dispatches `setVal` with `{ value, valid, id }` and can show `validationTip` under `show_validation`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckbox","required":true,"label":"Check Box","validationTip":"This field cannot be empty."}}},{"name":"switch","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckboxchecked","required":true,"value":true,"label":"Check Box","validationTip":"This field cannot be empty.","params":{"type":"switch"}}}},{"name":"checked","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckboxchecked","required":true,"value":true,"label":"Check Box","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-IC9fNqwR8D3xQrmN8l/aaBfKlZryAviYv0q5GBX8zFh/NBAGgvqzZk3hhrCGthaw","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-checkbox","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-checkbox","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"addTagLabel":{"type":"string"},"allowRemove":{"type":"boolean"},"availableTags":{"items":{"$ref":"#/definitions/Tag"},"type":"array"},"colorVarName":{"type":"string"},"freeTag":{"type":"boolean"}},"type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","items":{"$ref":"#/definitions/Tag"},"type":"array"}},"required":["id","params"],"type":"object"},"Tag":{"additionalProperties":false,"properties":{"colorVarName":{"type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"type":{"type":"string"}},"required":["label","id"],"type":"object"}}}},"description":"Tag list stored as objects `{ id, label }` (optional per-tag `colorVarName`); users add tags via free text or a dropdown from `params.availableTags`, with optional `freeTag` and `_custom` flow, removable badges when `allowRemove` is set, and styling via `params.colorVarName` or the `add-tag-label` slot. Dispatches `setVal` with the array `value`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastsName","validationTip":"This field cannot be empty.","params":{"freeTag":true,"allowRemove":true}}}},{"name":"withTags","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastNamwe","params":{"freeTag":true,"availableTags":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"allowRemove":true}}}},{"name":"withValues","data":{"schemaentry":{"value":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"placeholder":"Insert your last name here...","id":"lastNames","params":{"freeTag":true,"allowRemove":true}}}},{"name":"withColor","data":{"schemaentry":{"value":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"id":"lastNamed","params":{"colorVarName":"--bs-primary","freeTag":true,"allowRemove":true}}}}],"iifeIntegrity":"sha384-k4Cb8kpUhWx1KeICQFgs/465ZsFdPXQwJIVSQQslhrNR9FFsUnDJapQpB39FoFxS","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-array-tags","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-array-tags","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"addPropertyLabel":{"type":"string"},"columns":{"items":{"properties":{"label":{"type":"string"}},"type":"object"},"type":"array"},"schema":{"items":{"properties":{"label":{"type":"string"},"type":{"type":"string"}},"required":["type"],"type":"object"},"type":"array"}},"type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","items":{"properties":{"_objId":{"type":"string"}},"required":["_objId"],"type":"object"},"type":"array"}},"required":["id"],"type":"object"}}}},"description":"Repeating records editor: `hb-table` lists existing rows (with delete actions), and `hb-form` renders the next row from `schemaentry.params.schema`; submitting appends to the array and updates the table. Registers `@htmlbricks/hb-form` and `@htmlbricks/hb-table`; optional `add-object-label` slot customizes the add button. Dispatches `setVal` with the objects array, `valid`, and `id`, and shows `validationTip` when `show_validation` is enabled.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"properties-container","description":"properties container"}]},"contributors":[],"htmlSlots":[{"name":"add-object-label","description":"add property label"}],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]}}}},{"name":"withdata","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]},"value":[{"firstNamee":"Dario","lastName":"Rossi","_objId":"testo1"},{"firstNamee":"Mario","lastName":"Bianchi","_objId":"testo2"}]}}}],"iifeIntegrity":"sha384-+h2iP/IA99O/LSZzIVgXBJBbG7HuJU1p9/tLkdir/huP83SAnMdddtXhBv6sL+0V","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-array-objects","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-array-objects","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Multi-line `<textarea>` controlled by `schemaentry` with the same validation ideas as text: optional `validationRegex` and `params` min/max length, required handling, and `show_validation` / `validationTip`. Dispatches `setVal` with `{ value, valid, id }` and `clickEnter` when Enter is pressed without Shift (Shift+Enter still inserts a newline).","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":"error feedback style"},{"name":"input","description":"input style"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","label":"Last Name Area","validationTip":"This field cannot be empty."}}},{"name":"defaultRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name Area","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-2UMtXKCoZqxsSYhq00I5LqKPAgoCj5QPk/TUzU5Qr+Hn0Ji/SflRd41hJmmn4M+e","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-area","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-area","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"options":{"$ref":"#/definitions/IGauge"},"style":{"type":"string"}},"required":["options"],"type":"object"},"IGauge":{"additionalProperties":false,"properties":{"max":{"type":"number"},"min":{"type":"number"},"value":{"type":"number"}},"required":["value","min","max"],"type":"object"}}}},"description":"SVG gauge wrapper around JustGage: pass JustGage-compatible options as JSON (`value`, min/max, labels, colors, etc.). The gauge is created on the shadow host after mount, destroyed on teardown, and recreated when `options` changes or the window resizes (debounced) so it stays sized correctly.","storybookArgs":{"options":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"gauge","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"options":{"value":50,"min":0,"max":100}}}],"iifeIntegrity":"sha384-WyKdAsUulvHm2fqeiuFmP1+J6jcf8I1TpAy43EhGsQn2Kl8lR/lEUhVgFbGaT+wE","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-gauge","category":"data","tags":["data","chart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-gauge","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"cards":{"items":{"$ref":"#/definitions/ICard"},"type":"array"},"dateformat":{"type":"string"},"disabletextfilter":{"type":"string"},"externalfilter":{"type":"string"},"filter":{"type":"string"},"id":{"type":"string"},"initialdate":{"format":"date-time","type":"string"},"lastdate":{"format":"date-time","type":"string"},"linkLabel":{"type":"string"},"page":{"type":"number"},"pages":{"type":"number"},"primarycolor":{"type":"string"},"size":{"type":"number"},"style":{"type":"string"}},"required":["cards"],"type":"object"},"ICard":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"dateformat":{"type":"string"},"description":{"type":"string"},"pageUri":{"type":"string"},"provider":{"const":"youtube","type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"},"videoSrc":{"type":"string"}},"required":["videoSrc"],"type":"object"}}}},"description":"Paginated grid of `hb-card-video` tiles built from JSON `cards`, with `hb-paginate` for page/size and optional text or date-range filtering (`initialdate`/`lastdate`, `filter`, `externalfilter`). Passes date format, link label, and primary color into each card; listens to paginator events to sync `page`/`pages`.","storybookArgs":{"size":{"control":{"type":"range","min":1,"max":100}},"page":{"control":{"type":"number"}},"resturi":{"control":{"type":"object"}},"headers":{"control":{"type":"array"}},"cards":{"control":{"type":"array"}},"primarycolor":{"control":{"type":"color"}},"pageChange":{"action":"pagechangeEvent"},"externalfilter":{"control":{"type":"boolean"}},"textFilterVideos":{"action":"textFilterVideosEvent"},"dateFilterVideos":{"action":"dateFilterVideosEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"cards":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://www.youtube.com/embed/tgbNymZ7vqY","provider":"youtube"},{"title":"bb12","time":"2021-08-07T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video"}]}}],"iifeIntegrity":"sha384-qZmfRpIOveMYrl6cdy1dpCEhW6JT1FZcH78WiyziaL7r5HnRKNcL4HxqhiZ2QBbf","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-gallery-video","category":"media","tags":["media","video","gallery"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-gallery-video","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"submit":{"additionalProperties":false,"properties":{"schemes":{"items":{"additionalProperties":false,"properties":{"schema":{"$ref":"#/definitions/FormSchema"},"valid":{"type":"boolean"}},"required":["schema","valid"],"type":"object"},"type":"array"},"step":{"type":"number"},"steps":{"type":"number"}},"required":["schemes","steps","step"],"type":"object"},"update":{"additionalProperties":false,"properties":{"scheme":{"additionalProperties":false,"properties":{"schema":{"$ref":"#/definitions/FormSchema"},"valid":{"type":"boolean"}},"required":["schema","valid"],"type":"object"},"step":{"type":"number"},"valid":{"type":"boolean"}},"required":["step","scheme","valid"],"type":"object"}},"required":["update","submit"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemes":{"items":{"$ref":"#/definitions/FormSchema"},"type":"array"},"step":{"type":"number"},"steps":{"type":"number"},"style":{"type":"string"},"submitstep":{"enum":["yes","no"],"type":"string"}},"required":["schemes"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"Multi-step funnel over stacked `hb-form` instances: JSON `schemes` supplies one schema per step (or derive step count from `steps`), tracks per-step validity, merges values as the user advances, and optionally shows a final submit step when `submitstep` is `yes`. Dispatches step navigation and aggregated form updates for the active index.","storybookArgs":{"submitstep":{"options":["no","yes"],"control":{"type":"select"}},"update":{"action":"updateEvent"},"submit":{"action":"submitEvent"},"schemes":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"BasicFunnelTemplate","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith2StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith3StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default3","id":"defaultTitle3","required":true,"label":"Titolo di default3","value":"ntest3","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith4StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default3","id":"defaultTitle3","required":true,"label":"Titolo di default3","value":"ntest3","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default4","id":"defaultTitle4","required":true,"label":"Titolo di default4","value":"ntest36666666","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}}],"iifeIntegrity":"sha384-8yYtKXynZKo+Lf7zAE8ITFNFZQ5bylUppT98eCxGToLEyrDVCOwMrDO0b2ZMoGC5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-funnel","category":"forms","tags":["forms","multistep"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-funnel","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"formContactSubmit":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values"],"type":"object"},"formContactSubmitWithCaptcha":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"response":{"type":"string"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values","response"],"type":"object"}},"required":["formContactSubmit","formContactSubmitWithCaptcha"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"captcha":{"additionalProperties":false,"properties":{"siteKey":{"type":"string"},"type":{"enum":["googlev_recaptchav2_invisible","googlev_recaptchav3"],"type":"string"}},"required":["type","siteKey"],"type":"object"},"id":{"type":"string"},"informations":{"additionalProperties":false,"properties":{"email":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"message":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"name":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"phone":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"subject":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"}},"type":"object"},"privacy_policy":{"additionalProperties":false,"properties":{"input":{"type":"string"},"link":{"type":"string"},"policyId":{"type":"string"},"required":{"type":"boolean"}},"required":["input"],"type":"object"},"style":{"type":"string"}},"type":"object"}}}},"description":"Opinionated contact form: JSON `informations` toggles and labels fields (name, email, phone, subject, message, etc.) and builds the `hb-form` schema at runtime, including privacy-policy checkbox from `privacy_policy`. Optional `captcha` config embeds `hb-captcha-google-recaptcha-v2-invisible` before submit; success UI uses Svelte transitions.","storybookArgs":{"informations":{"control":{"type":"object"}},"privacy_policy":{"control":{"type":"object"}},"captcha":{"control":{"type":"object"}},"formContactSubmit":{"action":"formContactSubmit"},"formContactSubmitWithCaptcha":{"action":"formContactSubmitWithCaptcha"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"FormContact1","data":{"informations":{"email":{"required":true},"message":{}},"privacy_policy":{"input":"accettalo","required":true}}},{"name":"FormContact2","data":{"informations":{"message":{}}}},{"name":"FormContact3","data":{"informations":{"name":{},"message":{}}}},{"name":"FormContactWithCaptcha","data":{"informations":{"email":{"required":true},"message":{}},"privacy_policy":{"input":"accettalo","required":true},"captcha":{"type":"googlev_recaptchav2_invisible","siteKey":"6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"}}}],"iifeIntegrity":"sha384-RPwLuqtCog7geLiTKXMzuujJBwwU/v0x8pWnHkl8SJqpz2YnG1LEKvnKjjpR2qtk","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form-contact","category":"forms","tags":["forms","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form-contact","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"done":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schema":{}},"required":["schema","id"],"type":"object"}},"required":["done"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"debug":{"type":"boolean"},"id":{"type":"string"},"output_schema":{"items":{},"type":"array"},"style":{"type":"string"}},"type":"object"}}}},"description":"Visual form-schema builder: internal `hb-form` defines field types, validation flags, and options, mirrored into an `hb-table` preview and editable via `hb-dialogform`. Accumulates `output_schema` as the composed `hb-form` schema array and can emit debug-oriented events for each sub-component interaction.","storybookArgs":{"debug":{"control":{"type":"boolean"}},"output_schema":{"control":{"type":"object"}},"done":{"action":"doneEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"debug","data":{"debug":true}},{"name":"debug-default","data":{"debug":true,"output_schema":[{"id":"name","conditional":false,"label":"Name","max":100,"min":0,"required":true,"placeholder":"Enter your name","type":"text","value":"abbello"}]}}],"iifeIntegrity":"sha384-SmY7C+JsRZG8PJ+7XI3kUu6E6t5VZFQvEF776tur1SuIMpmCEUTie2hm58Nv5fMN","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form-composer","category":"forms","tags":["forms","builder"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form-composer","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"getValues":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values"],"type":"object"},"submit":{"additionalProperties":{"type":["string","number","boolean"]},"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"}},"required":["_id","_valid"],"type":"object"},"update":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","_id","values"],"type":"object"}},"required":["submit","getValues","update"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"getvals":{"enum":["yes","no",null],"type":["string","null"]},"hide_submit":{"type":"boolean"},"i18nlang":{"type":"string"},"id":{"type":"string"},"isInvalid":{"type":"boolean"},"schema":{"$ref":"#/definitions/FormSchema"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"submitted":{"enum":["yes","no",null],"type":["string","null"]},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["schema"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"JSON `schema`-driven form engine: each entry’s `type` maps to an `hb-input-` web component (text, select, date, file, arrays, coords, etc.) or layout `row`. Handles grouping, conditional visibility, validation messages, disabled state, and dispatches rich `update` payloads (field values + `_valid`) plus submit lifecycle events for programmatic backends.","storybookArgs":{"schema":{"control":{"type":"array"}},"submitted":{"control":{"type":"boolean"}},"show_validation":{"control":{"type":"boolean"}},"set_valid":{"control":{"type":"boolean"}},"set_value":{"control":{"type":"boolean"}},"hide_submit":{"control":{"type":"boolean"}},"submit":{"action":"submit"},"getValues":{"action":"getValues"},"update":{"action":"change"},"i18nlang":{"control":{"type":"select"},"options":["en","it"]}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""},{"name":"main_button","description":""},{"name":"button_container","description":""}]},"contributors":[],"htmlSlots":[{"name":"submit_button","description":""},{"name":"submit_label","description":""},{"name":"other_buttons","description":"space alongside the default submit button"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"BasicFormHost","data":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstName","required":true,"label":"First Name","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"checkbox","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz."},{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"}]}},{"type":"radio","placeholder":"radio something here...","id":"radiosomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"radio","value":"radio","id":"testid3"},{"label":"radio2","value":"radi2o","id":"testid4"},{"label":"radio3","value":"radio2","id":"testid4"},{"label":"testlabel","value":"testvalue","id":"testid5"}]}}]}},{"type":"coords","id":"coords","label":"Coords","required":true,"validationTip":"This field cannot be empty."},{"type":"number","id":"age","required":true,"label":"Age","params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"type":"text","placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"textarea","placeholder":"Insert your last name22 here...","id":"lastName22","required":true,"label":"Last Name2","validationTip":"This field cannot be empty2."}]}},{"name":"FormHostWithFileTemplate","data":{"schema":[{"type":"file","placeholder":"Inserisci file","id":"filetest","required":true,"label":"File di default"},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateCompiled","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"checkbox","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz.","value":"yes"},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"type":"datetime","label":"datetime","placeholder":"Insert your last name here...","id":"datelsastNafme66","required":true,"validationTip":"This field cannot be empty.","value":"2022-06-23T13:41:10.107Z"},{"type":"date","label":"data","placeholder":"Insert your last name here...","id":"datelastName6kk6","required":true,"validationTip":"This field cannot be empty.","value":"1984-02-27"}]}},{"name":"FormHostTemplateConditional","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitleCond","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"CondAge","required":true,"dependencies":[{"id":"defaultTitleCond","values":["00000000"]}],"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateConditionalAndColumns","data":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstName","required":true,"label":"First Name","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"select","placeholder":"Select something here...","id":"selectsomething","label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"}]},"dependencies":[{"id":"CondAge","values":[100]}]},{"type":"text","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz."},{"type":"radio","placeholder":"radio something here...","id":"radiosomething","label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"radio","value":"radio","id":"testid3"},{"label":"radio2","value":"radi2o","id":"testid4"},{"label":"radio3","value":"radio2","id":"testid4"},{"label":"testlabel","value":"testvalue","id":"testid5"}]},"dependencies":[{"id":"firstName","values":["00000000"]}]}]}},{"type":"color","id":"colo","label":"Last Color"},{"type":"number","id":"CondAge","dependencies":[{"id":"firstName","values":["00000000"]}],"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateWithArrayProp","data":{"schema":[{"type":"file","placeholder":"Inserisci file","id":"filetest","required":true,"label":"File di default"},{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","label":"Array of objects","required":true,"params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]},"type":"arrayobjects"}]}}],"iifeIntegrity":"sha384-qXBhY1M9t637sC2GzogfbOb/c89I3Oe9CjHKn52/wzx3f6VMqkWcVwyGz+Ht1Jbg","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form","category":"forms","tags":["forms"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"}},"required":["footerClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"brandandcontacts":{"$ref":"#/definitions/IBrandAndContacts"},"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"disable_expanding_small":{"type":"boolean"},"id":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"type":{"enum":["small","regular","large"],"type":"string"}},"required":["company"],"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IBrandAndContacts":{"additionalProperties":false,"properties":{"companyLogoUri":{"type":"string"},"companyName":{"type":"string"}},"required":["companyName","companyLogoUri"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"}}}},"description":"Site footer in `small`, `regular`, or `large` layouts: company block, optional brand/contacts column, link columns, social icons, `hb-contact-item` rows, and policy links—all driven by JSON props. On small layouts the body can expand/collapse unless `disable_expanding_small` is set; slots `footerheader`, `footercontent`, and `footerbottom` wrap major regions.","storybookArgs":{"columns":{"control":{"type":"array"}},"policies":{"control":{"type":"array"}},"brandandcontacts":{"control":{"type":"object"}},"disable_expanding_small":{"control":{"type":"boolean"}},"socials":{"control":{"type":"object"}},"contacts":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"type":{"control":{"type":"select","options":["small","regular","large"]}},"footerClick":{"action":"footerClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"column-cell-button-content","description":""}]},"contributors":[],"htmlSlots":[{"name":"footerpolicy","description":""},{"description":"","name":"footerheader"},{"description":"","name":"footercontent"},{"description":"","name":"footerbottom"},{"name":"footer_small"}],"i18n":[],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"brandandcontacts":{"companyName":"bella","companyLogoUri":""},"columns":[{"cells":[{"label":"test","_id":"test"},{"label":"test2","_id":"test2"},{"label":"test3","_id":"test3"}],"title":"stringtitle"}],"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Condizioni Generali","key":"generalcondition"},{"label":"Cookie Policy","key":"cookiepolicy"}],"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"}}}],"iifeIntegrity":"sha384-QUreRcpzK69ayNtU6ZJRNZKEjhG6SPIi9OKu41Sn9B833jzpIbjB5jSq8HZPe14K","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-footer","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-footer","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"filter":{"type":"string"},"id":{"type":"string"},"info":{"items":{"additionalProperties":false,"properties":{"text":{"type":"string"},"title":{"type":"string"},"topic":{"type":"string"}},"required":["title","text"],"type":"object"},"type":"array"},"style":{"type":"string"},"topics":{"items":{"additionalProperties":false,"properties":{"catchAll":{"type":"boolean"},"icon":{"type":"string"},"index":{"type":"number"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label","icon"],"type":"object"},"type":"array"}},"type":"object"}}}},"description":"FAQ layout with a horizontal topic strip (Bootstrap Icons + labels) that sets an optional `filter` key, and an accordion list built from JSON `info` entries (`title`, `topic`, HTML `text`). Checkbox hack expands/collapses answers; topics with `catchAll` clear the filter.","storybookArgs":{"info":{"control":{"type":"object"}},"topics":{"control":{"type":"object"}},"filter":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"info":[{"topic":"test","title":"test title","text":"text <a href=\"ss\">ddd</a>text"},{"topic":"test2","title":"test title2","text":"text <a href=\"ss\">ddd</a>text"},{"topic":"test3","title":"test title3","text":"text <a href=\"ss\">ddd</a>text"}],"topics":[{"key":"test","label":"test label","icon":"globe"},{"key":"test2","label":"test2 label","icon":"asterisk"},{"key":"test3","label":"test3 label","icon":"globe"},{"key":"test4","label":"test4 label","icon":"globe","catchAll":true}]}}],"iifeIntegrity":"sha384-M5HovgVo/pSgntwWlAHr7fMPG3Di7Jlj5ubH+68C6xVoNRI8XD3YYmJPpZA5s87C","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-faq-component","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-faq-component","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeTrackValues":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minVaule":{"type":"number"}},"required":["minVaule","maxValue"],"type":"object"},"dispatchTrack":{"additionalProperties":false,"properties":{"track":{"$ref":"#/definitions/ITrack"}},"required":["track"],"type":"object"}},"required":["changeTrackValues","dispatchTrack"],"type":"object"},"ITrack":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minValue":{"type":"number"}},"required":["minValue","maxValue"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"form":{"type":"string"},"id":{"type":"string"},"src":{"type":"string"},"style":{"type":"string"},"track":{"$ref":"#/definitions/ITrack"}},"required":["src"],"type":"object"},"ITrack":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minValue":{"type":"number"}},"required":["minValue","maxValue"],"type":"object"}}}},"description":"Video trimmer UI: plays `src` with an `hb-range-slider` synced to the playhead and in/out bounds (`track` min/max seconds). Numeric time fields, cue-to-current-time buttons, and optional `hb-form` gate final submission. Emits `changeTrackValues`, `dispatchTrack` when no form is used, and form-driven submit when metadata is valid.","storybookArgs":{"src":{"control":{"type":"text"}},"form":{"control":{"type":"array"}},"track":{"control":{"type":"object"}},"changeTrackValues":{"action":"changeTrackValuesEvent"},"dispatchTrack":{"action":"dispatchTrackEvent"}},"styleSetup":{"vars":[{"name":"--hb-slider-background-color","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"id":"BasicVideoeditorWithTrack","track":{"maxValue":2,"minValue":0},"src":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"}}],"iifeIntegrity":"sha384-crETunb1YlOWhRXh0QbtVUelBZhYqR1nuEEwB7pFjSsV6ZYyS1K+WSvaXkrHVkLK","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-editor-video","category":"media","tags":["media","video","editor"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-editor-video","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"dropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"dropdownSwitch":{"additionalProperties":false,"properties":{"id":{"type":"string"},"open":{"type":"boolean"}},"required":["open","id"],"type":"object"}},"required":["dropdownSwitch","dropDownClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"open":{"type":"boolean"},"position":{"enum":["left","right"],"type":"string"},"style":{"type":"string"}},"required":["list"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Bootstrap dropdown menu: `list` is a JSON array of items with `key` (and labels as defined in your schema). Toggle open state with the trigger; choosing an item emits `dropDownClick` with the item `key` and closes the menu. `open` accepts boolean or string (`yes`/`no`); `position` aligns the menu left or right (defaults from host `float`). Also emits `dropdownSwitch` when toggled.","storybookArgs":{"open":{"control":{"type":"boolean"}},"list":{"control":{"type":"array"}},"dropdownSwitch":{"action":"dropdownSwitchEvent"},"dropDownClick":{"action":"dropDownClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"dropdown","description":""},{"name":"dropdownbutton","description":""},{"name":"dropdowncontent","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"list":[{"key":"ciao","label":"bao"},{"key":"ciao2","label":"bao2"},{"key":"ciao3","label":"bao3","linkHref":"fefeef"}]}}],"iifeIntegrity":"sha384-kB8xKfMTjL/PMYEmxS/eMD73cO0VxXOH1lNpyDyzTpD8b7Uj3KN6HiP2iJK+Eror","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dropdown-simple","category":"overlays","tags":["overlays","menu"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dropdown-simple","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"align":{"enum":["left","right"],"type":"string"},"clearurl":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"},"viewurl":{"type":"string"}},"required":["clearurl","viewurl","align"],"type":"object"}}}},"description":"Navbar-style bell control that toggles a Bootstrap `dropdown-menu`: header row with optional “Clear all” (`clearurl`) and a default slot for notification rows, plus optional footer link “View all” (`viewurl`). `align` switches `dropdown-menu-end` for right alignment.","storybookArgs":{"uri":{"control":{"type":"text"}},"clearurl":{"control":{"type":"text"}},"viewurl":{"control":{"type":"text"}},"align":{"control":{"type":"select"},"options":["left","right"]}},"styleSetup":{"vars":[{"name":"--x-muted-rgb","valueType":"color","defaultValue":""},{"name":"--x-text-opacity","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"clearurl":"","viewurl":"","align":"left"}}],"iifeIntegrity":"sha384-yZyuLqImZgthvh8aRT4CCPaT8ObTRi/Q7j4o7m7GjUWosQycsU7Kzx1Vu7yoUUVh","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dropdown-notifications","category":"overlays","tags":["overlays","menu","notifications"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dropdown-notifications","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"downloadComplete":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"id":{"type":"string"}},"required":["downloaded","id"],"type":"object"},"downloadError":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"error":{"additionalProperties":false,"properties":{"message":{"type":"string"},"name":{"type":"string"},"stack":{"type":"string"}},"required":["name","message"],"type":"object"},"id":{"type":"string"}},"required":["downloaded","id","error"],"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["downloadError","downloadComplete","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"downloadid":{"type":"string"},"headers":{"$ref":"#/definitions/IHeader"},"id":{"type":"string"},"style":{"type":"string"},"targetfilename":{"type":"string"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"IHeader":{"additionalProperties":{"type":"string"},"type":"object"}}}},"description":"Opens `hb-dialog` while `uri` is set and downloads the resource with `XMLHttpRequest` as a blob: optional JSON `headers`, inferred or explicit `targetfilename`, `Content-Disposition` parsing when exposed by CORS, progress bar from `onprogress`, then triggers a browser file save. Dispatches `downloadComplete` or `downloadError` (with `downloadid`) and propagates `modalShow`; clears/aborts when the dialog closes.","storybookArgs":{"uri":{"control":{"type":"text"}},"targetfilename":{"control":{"type":"text"}},"headers":{"control":{"type":"text"}},"downloadid":{"control":{"type":"text"}},"downloadError":{"action":"downloadError"},"downloadComplete":{"action":"downloadComplete"},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"uri":""}}],"iifeIntegrity":"sha384-pbfDxWbonGeC7+TTfpFyjHERS/ArhadEy5R/4jo8/I4+72zkGvBMHKArCPVvbDSJ","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-downloader","category":"utilities","tags":["utilities","files"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-downloader","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeForm":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","_id","values"],"type":"object"},"modalFormCancel":{"additionalProperties":false,"properties":{"error":{"type":"string"},"id":{"type":"string"}},"required":["id"],"type":"object"},"modalFormConfirm":{"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalFormConfirm","modalShow","modalFormCancel","changeForm"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"backdrop":{"type":"boolean"},"closelabel":{"type":"string"},"confirmlabel":{"type":"string"},"content":{"type":"string"},"describedby":{"type":"string"},"dialogclasses":{"type":"string"},"id":{"type":"string"},"ignoreBackdrop":{"type":"boolean"},"keyboard":{"type":"boolean"},"labelledby":{"type":"string"},"schema":{"$ref":"#/definitions/FormSchema"},"show":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"required":["schema"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"Modal that embeds `hb-form` with the same `schema` contract: live `updateForm` events mirror form validity and values, and the confirm button dispatches `modalFormConfirm` with the last valid payload or `modalFormCancel` when dismissed or invalid. Composes `hb-dialog` (backdrop/keyboard, `show`) and re-dispatches `modalShow`.","storybookArgs":{"schema":{"control":{"type":"object"}},"show":{"control":{"type":"boolean"}},"dialogformclasses":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"backdrop":{"control":{"type":"boolean"}},"ignoreBackdrop":{"control":{"type":"text"}},"keyboard":{"control":{"type":"boolean"}},"describedby":{"control":{"type":"text"}},"labelledby":{"control":{"type":"text"}},"content":{"control":{"type":"text"}},"closelabel":{"control":{"type":"text"}},"confirmlabel":{"control":{"type":"text"}},"modalShow":{"action":"modalShow"},"changeForm":{"action":"changeForm"},"modalFormConfirm":{"action":"modalFormConfirm"},"modalFormCancel":{"action":"modalFormCancel"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"form-header"},{"name":"form-footer"},{"name":"header"},{"name":"modal-footer"},{"name":"footer"},{"name":"close-button-label"},{"name":"confirm-button-label"}],"i18n":[],"examples":[{"name":"default","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"key":"active","label":"Active","type":"checkbox","value":true}],"show":"yes"}},{"name":"default2","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"key":"active","label":"Active","type":"checkbox","value":true}],"show":"yes"}}],"iifeIntegrity":"sha384-D5HkRrUu7WSL/zohSasLqD3cydVYh9uJLsIhIQYx08Xy7P5f6AD8BIiZVTcmaDZp","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialogform","category":"forms","tags":["forms","overlays"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialogform","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"percentage":{"type":"number"},"style":{"type":"string"},"title":{"type":"string"}},"required":["percentage"],"type":"object"}}}},"description":"Thin wrapper around `hb-dialog` that opens automatically while numeric `percentage` is non-zero and shows a Bootstrap progress bar filled to that value. Forwards `modalShow` from the inner dialog so parents can track open state; slots allow overriding the dialog title.","storybookArgs":{"percentage":{"control":{"type":"number"}},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"percentage":10}},{"name":"empty","data":{"percentage":0}}],"iifeIntegrity":"sha384-QuqcP5n2tM0nq5civu6ZQ4P7hFjc0/5h0OHm64gRYSLqdb4MBAAbXED895iGY5ph","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialog-loader","category":"overlays","tags":["overlays","modal","loading"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialog-loader","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalConfirm":{"additionalProperties":false,"properties":{"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["id","confirm"],"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalConfirm","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"backdrop":{"type":"boolean"},"close_btn_class":{"type":"string"},"closelabel":{"type":"string"},"confirm_btn_class":{"type":"string"},"confirmlabel":{"type":"string"},"content":{"type":"string"},"describedby":{"type":"string"},"disable_confirm":{"type":"boolean"},"hide_close":{"type":"boolean"},"hide_confirm":{"type":"boolean"},"id":{"type":"string"},"ignoreBackdrop":{"type":"boolean"},"keyboard":{"type":"boolean"},"labelledby":{"type":"string"},"show":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade/fly transitions, optional backdrop click to close, Escape when `keyboard` is enabled, and `modal-open` on `document.body`. Slots replace title, body, footer, and button labels; default footer emits `modalConfirm` with `{ id, confirm }` and toggles visibility. Also emits `modalShow` when opened or closed.","storybookArgs":{"disable_confirm":{"control":{"type":"boolean"}},"show":{"control":{"type":"boolean"}},"confirm_btn_class":{"control":{"type":"text"}},"close_btn_class":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"backdrop":{"control":{"type":"boolean"}},"ignoreBackdrop":{"control":{"type":"text"}},"keyboard":{"control":{"type":"boolean"}},"hide_close":{"control":{"type":"boolean"}},"hide_confirm":{"control":{"type":"boolean"}},"describedby":{"control":{"type":"text"}},"labelledby":{"control":{"type":"text"}},"content":{"control":{"type":"text"}},"closelabel":{"control":{"type":"text"}},"confirmlabel":{"control":{"type":"text"}},"modalShow":{"action":"modalShow"},"modalConfirm":{"action":"modalConfirm"}},"styleSetup":{"vars":[{"name":"--hb-modal-max-width","valueType":"number","defaultValue":""}],"parts":[{"name":"modal-dialog","description":"The modal dialog"}]},"contributors":[],"htmlSlots":[{"name":"header"},{"name":"modal-footer"},{"name":"body-content"},{"name":"footer"},{"name":"close-button-label"},{"name":"confirm-button-label"}],"i18n":[],"examples":[{"name":"default","data":{"show":"yes"}}],"iifeIntegrity":"sha384-aKHcqGCY+i00OxcAQRgTYadX5LvGfJPvvXb7aEUjsvEfI7ndSYaWOeJZ83r2iJW3","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialog","category":"overlays","tags":["overlays","modal"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialog","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"dashboardIndicatorClick":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"}},"required":["dashboardIndicatorClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"link_label":{"type":"string"},"number":{"type":"number"},"style":{"type":"string"},"text":{"type":"string"}},"required":["number","icon"],"type":"object"}}}},"description":"Compact KPI tile: large `number`, caption `text`, and configurable Bootstrap Icon in a green panel. When `link_label` is set, a footer strip is shown and clicks dispatch `dashboardIndicatorClick` with the component `id`.","storybookArgs":{"number":{"control":{"type":"number"}},"text":{"control":{"type":"text"}},"icon":{"control":{"type":"text"}},"link_label":{"control":{"type":"text"}},"dashboardIndicatorClick":{"action":"dashboardIndicatorClickEvent"}},"styleSetup":{"vars":[{"name":"--hb--dashboard-indicator-background","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"number":10,"text":"ritestawdmento","icon":"window","link_label":"testaggio"}},{"name":"default2","data":{"number":11,"icon":"window","link_label":"testaggio2"}}],"iifeIntegrity":"sha384-E+TAHPXlXZmQiHQTRWUNS+EDdCHkarTS2hMdNTCDgdfFQ1MsS5z5onYJTb94g0Ho","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-indicator","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-indicator","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"counterClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["counterClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"lines":{"items":{"$ref":"#/definitions/Line"},"type":"array"},"style":{"type":"string"}},"type":"object"},"Line":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"index":{"type":"number"},"link":{"additionalProperties":false,"properties":{"type":{"enum":["tab","page","event"],"type":"string"},"uri":{"type":"string"}},"required":["type","uri"],"type":"object"},"text":{"type":"string"},"value":{"type":"string"}},"required":["text","value"],"type":"object"}}}},"description":"Vertical list of metric rows from JSON `lines`: each row shows optional Bootstrap Icon, label text, and a secondary badge value. `link.type` chooses behavior—open URI in a new tab, same-window navigation, custom `counterClick` event with a key, or a static row with no click handler.","storybookArgs":{"lines":{"control":{"type":"object"}},"counterClick":{"action":"counterClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"item"},{"name":"icon"},{"name":"text"},{"name":"value"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","icon":"globe"},{"text":"consectetur adipiscing elit","value":"33","icon":"save"},{"text":"sed do eiusmod tempor incididunt","value":"44","icon":"clock"}]}},{"name":"default2","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"tab","uri":"https://www.google.com"},"icon":"pencil"}]}},{"name":"default3","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"page","uri":"https://www.google.com"},"icon":"window"}]}},{"name":"default4","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"event","uri":"lorem"}}]}}],"iifeIntegrity":"sha384-v25ts5KVnPTAsr08PYAn1VEwr85llcUNkuc1FdIepKgblKXlmELNK3WFrsE6h7Qn","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-counter-lines","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-counter-lines","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"body":{"additionalProperties":false,"properties":{"noborder":{"type":"boolean"}},"type":"object"},"header":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"icon":{"type":"string"},"label":{"type":"string"}},"required":["label"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned badge; JSON `body` can remove inner padding with `noborder`. Default slots `header_content` and `content` let you inject arbitrary markup between the standard header row and body.","storybookArgs":{"header":{"control":{"type":"object"}},"body":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"text_placeholder","description":"Text placeholder css div element part"},{"name":"badge","description":"badge"},{"name":"card","description":"main container"}]},"contributors":[],"htmlSlots":[{"name":"content","description":""}],"i18n":[],"examples":[{"name":"default","data":{"header":{"label":"label","icon":"window","badge":"badge"}}}],"iifeIntegrity":"sha384-TcJWof0obP7dEL8GsJzrsHYToZCUN4S+7X3Ho09pv9j0/n0iNl3SV9ezdBEohKvg","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-card1","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-card1","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"acceptCookieLaw":{"additionalProperties":false,"properties":{"accepted":{"enum":["yes","no"],"type":"string"}},"required":["accepted"],"type":"object"}},"required":["acceptCookieLaw"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"allowdecline":{"enum":["yes","no"],"type":"string"},"capabilities":{"$ref":"#/definitions/ICapabilities"},"cookielawuri4more":{"type":"string"},"i18nlang":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"},"ICapabilities":{"additionalProperties":false,"properties":{"groups":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"type":{"type":"string"}},"required":["_id","label","type"],"type":"object"},"type":"array"},"items":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cookieExpirationInSeconds":{"type":"number"},"cookieName":{"type":"string"},"description":{"type":"string"},"descriptionUrl":{"type":"string"},"groupId":{"type":"string"},"isMandatory":{"type":"boolean"},"isMarketing":{"type":"boolean"},"isSessionCookie":{"type":"boolean"},"isTechnical":{"type":"boolean"},"isThirdPartyOwned":{"type":"boolean"},"scope":{"type":"string"},"thirdCompanyName":{"type":"string"},"title":{"type":"string"}},"required":["groupId","title","scope","_id","cookieName"],"type":"object"},"type":"array"}},"required":["groups","items"],"type":"object"}}}},"description":"Bootstrap alert cookie notice shown until the user chooses accept or decline; the choice is stored in `localStorage` under `cookielaw` so the banner stays hidden on return visits. Supports i18n via `i18nlang`, optional `cookielawuri4more` link, JSON `capabilities` for extended consent, slots to override title/text, and dispatches `acceptCookieLaw` with `{ accepted: boolean }`.","storybookArgs":{"allowdecline":{"control":{"type":"boolean"}},"i18nlang":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"capabilities":{"control":{"type":"object"}},"acceptCookieLaw":{"action":"acceptCookieLawEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""},{"name":"text","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"allowdecline":"yes"}}],"iifeIntegrity":"sha384-YoNTO1RA7HFtqJYR2lIWRWRzyhVpN4G+Mb9aXmlFGynJSuGfEHdK407thFuDWSYd","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-cookie-law-banner","category":"layout","tags":["layout","compliance"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-cookie-law-banner","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"contactclick":{"additionalProperties":false,"properties":{"action":{"type":"string"},"options":{}},"required":["action","options"],"type":"object"}},"required":["contactclick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"address":{"$ref":"#/definitions/IAddress"},"config":{"$ref":"#/definitions/IConfig"},"email":{"$ref":"#/definitions/IEmail"},"id":{"type":"string"},"phone":{"$ref":"#/definitions/IPhone"},"site":{"$ref":"#/definitions/ISite"},"social":{"$ref":"#/definitions/ISocial"},"style":{"type":"string"}},"type":"object"},"IAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"latLang":{"items":{"type":"number"},"type":"array"},"mapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IConfig":{"additionalProperties":false,"properties":{"dispatcher":{"type":"boolean"},"icon":{"additionalProperties":false,"properties":{"fill":{"type":"boolean"}},"type":"object"},"text":{"type":"boolean"}},"type":"object"},"IEmail":{"additionalProperties":false,"properties":{"address":{"type":"string"},"mailLink":{"type":"boolean"}},"required":["address"],"type":"object"},"IPhone":{"additionalProperties":false,"properties":{"callOnClick":{"type":"boolean"},"number":{"type":"string"}},"required":["number"],"type":"object"},"ISite":{"additionalProperties":false,"properties":{"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"type":"object"},"ISocial":{"additionalProperties":false,"properties":{"label":{"type":"string"},"name":{"type":"string"},"pageUri":{"type":"string"}},"required":["name"],"type":"object"}}}},"description":"Single contact line (mutually exclusive props): phone, postal address, email, website, or social network. Renders a Bootstrap Icon and optional visible text; JSON `config` toggles icons (filled/outline), label text, and whether clicks dispatch `contactClick` with `{ action, options }` vs opening a window (maps URL, `mailto`, external site, or social page).","storybookArgs":{"id":{"control":{"disable":true}},"phone":{"control":{"type":"object"}},"address":{"control":{"type":"object"}},"email":{"control":{"type":"object"}},"site":{"control":{"type":"object"}},"config":{"control":{"type":"object"}},"contactclick":{"action":"contactClickEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"email":{"address":"dev@dariocaruso.info"}}}],"iifeIntegrity":"sha384-nyJTVDsSCy3uPfQg+x1cx2HN+qB4aLCfCtC+ydx+doMNCILUJ9qw5Shgl41G47w6","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-contact-item","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-contact-item","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"city":{"type":"string"},"country":{"type":"string"},"label":{"type":"string"},"postalCode":{"type":"string"},"state":{"type":"string"},"street":{"type":"string"},"type":{"enum":["home","work","billing","shipping","other"],"type":"string"}},"required":["type"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"actions_list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"data":{"$ref":"#/definitions/ContactData"},"i18nlang":{"type":"string"},"id":{"type":"string"},"show_header_collapse_button":{"enum":["yes","no"],"type":"string"},"start_collapsed":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"ContactData":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"avatar":{"type":"string"},"clickable":{"type":"boolean"},"company":{"type":"string"},"department":{"type":"string"},"emails":{"items":{"$ref":"#/definitions/EmailAddress"},"type":"array"},"firstName":{"type":"string"},"fullName":{"type":"string"},"jobTitle":{"type":"string"},"lastName":{"type":"string"},"latitude":{"type":"number"},"longitude":{"type":"number"},"notes":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/PhoneNumber"},"type":"array"},"socialMedia":{"items":{"$ref":"#/definitions/SocialMedia"},"type":"array"},"title":{"type":"string"},"website":{"type":"string"}},"type":"object"},"EmailAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"type":{"enum":["home","work","personal","other"],"type":"string"}},"required":["address","type"],"type":"object"},"Events":{"additionalProperties":false,"properties":{"addressClick":{"additionalProperties":false,"properties":{"address":{"$ref":"#/definitions/Address"},"id":{"type":"string"}},"required":["id","address"],"type":"object"},"collapseChange":{"additionalProperties":false,"properties":{"collapsed":{"type":"boolean"},"id":{"type":"string"}},"required":["id","collapsed"],"type":"object"},"contactClick":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"contactDelete":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"contactEdit":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"emailClick":{"additionalProperties":false,"properties":{"email":{"$ref":"#/definitions/EmailAddress"},"id":{"type":"string"}},"required":["id","email"],"type":"object"},"phoneClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"phone":{"$ref":"#/definitions/PhoneNumber"}},"required":["id","phone"],"type":"object"},"socialClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"social":{"$ref":"#/definitions/SocialMedia"}},"required":["id","social"],"type":"object"},"websiteClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"website":{"type":"string"}},"required":["id","website"],"type":"object"}},"required":["contactClick","contactEdit","contactDelete","phoneClick","emailClick","websiteClick","socialClick","addressClick","collapseChange"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"},"PhoneNumber":{"additionalProperties":false,"properties":{"label":{"type":"string"},"number":{"type":"string"},"type":{"enum":["home","work","mobile","fax","other"],"type":"string"}},"required":["number","type"],"type":"object"},"SocialMedia":{"additionalProperties":false,"properties":{"platform":{"enum":["linkedin","twitter","facebook","instagram","github","youtube","tiktok","signal","whatsapp","telegram","other"],"type":"string"},"url":{"type":"string"},"username":{"type":"string"}},"required":["platform","url"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"city":{"type":"string"},"country":{"type":"string"},"label":{"type":"string"},"postalCode":{"type":"string"},"state":{"type":"string"},"street":{"type":"string"},"type":{"enum":["home","work","billing","shipping","other"],"type":"string"}},"required":["type"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"actions_list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"data":{"$ref":"#/definitions/ContactData"},"i18nlang":{"type":"string"},"id":{"type":"string"},"show_header_collapse_button":{"enum":["yes","no"],"type":"string"},"start_collapsed":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"ContactData":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"avatar":{"type":"string"},"clickable":{"type":"boolean"},"company":{"type":"string"},"department":{"type":"string"},"emails":{"items":{"$ref":"#/definitions/EmailAddress"},"type":"array"},"firstName":{"type":"string"},"fullName":{"type":"string"},"jobTitle":{"type":"string"},"lastName":{"type":"string"},"latitude":{"type":"number"},"longitude":{"type":"number"},"notes":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/PhoneNumber"},"type":"array"},"socialMedia":{"items":{"$ref":"#/definitions/SocialMedia"},"type":"array"},"title":{"type":"string"},"website":{"type":"string"}},"type":"object"},"EmailAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"type":{"enum":["home","work","personal","other"],"type":"string"}},"required":["address","type"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"},"PhoneNumber":{"additionalProperties":false,"properties":{"label":{"type":"string"},"number":{"type":"string"},"type":{"enum":["home","work","mobile","fax","other"],"type":"string"}},"required":["number","type"],"type":"object"},"SocialMedia":{"additionalProperties":false,"properties":{"platform":{"enum":["linkedin","twitter","facebook","instagram","github","youtube","tiktok","signal","whatsapp","telegram","other"],"type":"string"},"url":{"type":"string"},"username":{"type":"string"}},"required":["platform","url"],"type":"object"}}}},"description":"A comprehensive contact card component that displays personal, contact, company, and social media information in a clean, Bootstrap-styled card format. Uses a single data object with structured arrays for phone numbers, addresses, and social media profiles. Features include avatar support with placeholder, clickable contact information, social media links, collapsible sections, and customizable action buttons with grouping, badges, and links support.","storybookArgs":{"data":{"control":{"type":"object"},"description":"Contact data object containing all contact information"},"actions_list":{"control":{"type":"array"},"description":"List of actions to display in the dropdown"},"i18nlang":{"control":{"type":"select"},"options":["en","it"],"description":"Language to use for the component"},"show_header_collapse_button":{"control":{"type":"select"},"options":["yes","no"],"description":"Show or hide the header collapse button (default: yes)"},"start_collapsed":{"control":{"type":"select"},"options":["yes","no"],"description":"Start with card body collapsed (default: no)"},"contactClick":{"action":"contactClickEvent"},"contactEdit":{"action":"contactEditEvent"},"contactDelete":{"action":"contactDeleteEvent"},"phoneClick":{"action":"phoneClickEvent"},"emailClick":{"action":"emailClickEvent"},"websiteClick":{"action":"websiteClickEvent"},"socialClick":{"action":"socialClickEvent"},"addressClick":{"action":"addressClickEvent"},"collapseChange":{"action":"collapseChangeEvent"}},"styleSetup":{"vars":[{"name":"--hb--contact-card-border-radius","valueType":"color","defaultValue":""},{"name":"--hb--contact-card-box-shadow","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-box-shadow-hover","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-danger","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-dark","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-info","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-light","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-primary","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-secondary","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-success","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-warning","valueType":"string","defaultValue":""}],"parts":[{"name":"card","description":"The main card container"},{"name":"header","description":"The card header containing avatar and name"},{"name":"body","description":"The card body containing contact information"},{"name":"avatar","description":"The avatar image or placeholder"},{"name":"actions","description":"The action buttons dropdown"}]},"contributors":[],"htmlSlots":[],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"CompleteContact","description":"A contact card with all information filled","data":{"id":"contact-1","data":{"firstName":"John","lastName":"Doe","title":"Software Engineer","emails":[{"address":"john.doe@example.com","type":"work","label":"Work Email"},{"address":"john@personal.com","type":"personal","label":"Personal"}],"phones":[{"number":"+1 (555) 123-4567","type":"work","label":"Office"},{"number":"+1 (555) 987-6543","type":"mobile","label":"Personal"}],"website":"https://johndoe.dev","addresses":[{"street":"123 Main Street","city":"New York","state":"NY","postalCode":"10001","country":"United States","type":"home","label":"Home Address"}],"company":"Tech Corp","department":"Engineering","jobTitle":"Senior Software Engineer","notes":"Met at the tech conference last year. Very knowledgeable about React and Node.js.","avatar":"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/johndoe","username":"johndoe"},{"platform":"twitter","url":"https://twitter.com/johndoe","username":"johndoe"}],"clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact","group":"Actions"},{"key":"call","label":"Call","group":"Actions"},{"key":"email","label":"Send Email","group":"Actions"},{"key":"message","label":"Send Message","group":"Communication"},{"key":"schedule","label":"Schedule Meeting","group":"Communication"},{"key":"delete","label":"Delete Contact","group":"Danger"}]}},{"name":"MinimalContact","description":"A contact card with only basic information","data":{"id":"contact-2","show_header_collapse_button":"no","data":{"fullName":"Jane Smith","emails":[{"address":"jane@example.com","type":"personal"}],"phones":[{"number":"+1 (555) 456-7890","type":"mobile"}],"clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact"},{"key":"call","label":"Call"},{"key":"email","label":"Send Email"}]}},{"name":"BusinessContact","description":"A business contact with company information","data":{"id":"contact-3","data":{"firstName":"Michael","lastName":"Johnson","title":"CEO","emails":[{"address":"michael@company.com","type":"work","label":"Business Email"},{"address":"m.johnson@personal.com","type":"personal","label":"Personal"}],"phones":[{"number":"+1 (555) 789-0123","type":"work","label":"Direct Line"}],"addresses":[{"street":"456 Business Ave","city":"San Francisco","state":"CA","postalCode":"94105","country":"United States","type":"work","label":"Headquarters"}],"company":"Acme Corporation","jobTitle":"Chief Executive Officer","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/michaeljohnson","username":"michaeljohnson"}],"clickable":true},"actions_list":[{"key":"call","label":"Call","group":"Contact"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"linkedin","label":"View LinkedIn","group":"Social"},{"key":"schedule","label":"Schedule Meeting","group":"Business"},{"key":"notes","label":"Add Notes","group":"Business"}]}},{"name":"SocialMediaContact","description":"A contact with multiple social media profiles","data":{"id":"contact-4","data":{"fullName":"Sarah Wilson","title":"Digital Marketing Specialist","emails":[{"address":"sarah@marketing.com","type":"work","label":"Work Email"}],"company":"Digital Agency","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/sarahwilson","username":"sarahwilson"},{"platform":"twitter","url":"https://twitter.com/sarahwilson","username":"sarahwilson"},{"platform":"facebook","url":"https://facebook.com/sarahwilson","username":"sarahwilson"},{"platform":"instagram","url":"https://instagram.com/sarahwilson","username":"sarahwilson"},{"platform":"signal","url":"","username":"sarahwilson"},{"platform":"telegram","url":"","username":"sarahwilson"},{"platform":"whatsapp","url":"","username":"+15559998888"}],"clickable":true},"actions_list":[{"key":"email","label":"Send Email","group":"Contact"},{"key":"linkedin","label":"View LinkedIn","group":"Social"},{"key":"twitter","label":"View Twitter","group":"Social"},{"key":"facebook","label":"View Facebook","group":"Social"},{"key":"instagram","label":"View Instagram","group":"Social"},{"key":"follow","label":"Follow All","group":"Social"}]}},{"name":"MultipleAddressesContact","description":"A contact with multiple addresses and phone numbers","data":{"id":"contact-5","data":{"fullName":"Robert Brown","title":"Consultant","emails":[{"address":"robert@consulting.com","type":"work","label":"Business Email"}],"phones":[{"number":"+1 (555) 321-0987","type":"work","label":"Office"},{"number":"+1 (555) 321-0988","type":"mobile","label":"Cell"},{"number":"+1 (555) 321-0989","type":"fax","label":"Fax"}],"addresses":[{"street":"789 Office Plaza","city":"Chicago","state":"IL","postalCode":"60601","country":"United States","type":"work","label":"Office"},{"street":"456 Home Street","city":"Evanston","state":"IL","postalCode":"60201","country":"United States","type":"home","label":"Home"}],"company":"Brown Consulting","clickable":true},"actions_list":[{"key":"call_office","label":"Call Office","group":"Phone"},{"key":"call_mobile","label":"Call Mobile","group":"Phone"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"directions_office","label":"Directions to Office","group":"Location"},{"key":"directions_home","label":"Directions to Home","group":"Location"},{"key":"edit","label":"Edit Contact","group":"Actions"}]}},{"name":"CollapsedOnLoad","description":"Card initially rendered with body collapsed","data":{"id":"contact-8","start_collapsed":"yes","data":{"fullName":"Collapsed Example","title":"Sample","emails":[{"address":"collapsed@example.com","type":"work"}],"phones":[{"number":"+1 (555) 000-0000","type":"work"}],"company":"Example Inc."},"actions_list":[{"key":"email","label":"Send Email"},{"key":"call","label":"Call"}]}},{"name":"ReadOnlyContact","description":"A contact card that cannot be edited or clicked","data":{"id":"contact-6","show_header_collapse_button":"no","data":{"fullName":"Alice Johnson","title":"Consultant","emails":[{"address":"alice@consulting.com","type":"work","label":"Work Email"}],"phones":[{"number":"+1 (555) 999-8888","type":"mobile"}],"company":"Johnson Consulting","clickable":false},"actions_list":[]}},{"name":"AdvancedActionsContact","description":"A contact card with advanced actions including badges and links","data":{"id":"contact-7","data":{"fullName":"David Miller","title":"Project Manager","emails":[{"address":"david@project.com","type":"work","label":"Work Email"}],"phones":[{"number":"+1 (555) 111-2222","type":"work","label":"Office"}],"company":"Project Solutions Inc.","clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact","group":"Actions"},{"key":"call","label":"Call","group":"Contact"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"tasks","label":"View Tasks","group":"Project","badge":5},{"key":"meetings","label":"Schedule Meeting","group":"Project","badge":2},{"key":"documents","label":"View Documents","group":"Project","linkHref":"/documents/david-miller"},{"key":"reports","label":"Generate Report","group":"Project"},{"key":"archive","label":"Archive Contact","group":"Danger"}]}}],"iifeIntegrity":"sha384-DLyz4Q1OEP9rxen5d2KBloxObq+Dsg6zMKHlUGxZYYjEDD2MEZotxNYC2R58+r6H","screenshots":[],"licenses":[{"type":"MIT","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-contact-card","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-contact-card","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"id":{"type":"string"},"payment":{"$ref":"#/definitions/IShoppingPayment"},"style":{"type":"string"}},"required":["payment"],"type":"object"},"IShopItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","name","unitaryPrice","taxPercentage"],"type":"object"},"IShoppingPayment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IShopItem"},"type":"array"},"shipmentFee":{"type":"number"}},"required":["countryCode","items"],"type":"object"}}}},"description":"Order summary built on `hb-table`: maps `payment.items` into rows (name, quantity, line total), computes subtotal, tax, and grand total from item prices, and shows country/currency (with simple symbol defaults). When `completed` is enabled it switches to a compact “order placed” state; `payment` can be supplied as JSON.","storybookArgs":{"payment":{"control":{"type":"object"}},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"payment":{"items":[{"id":"efewf","unitaryPrice":2,"taxPercentage":3,"name":"testitem"},{"id":"efewf4","unitaryPrice":5,"taxPercentage":7,"name":"testitem2"}],"countryCode":"IT"}}}],"iifeIntegrity":"sha384-kzrPLILplUuSDkOE/eYZorlhVU77DmdHWmHPXiKG/olSLB6S7JWiaMDzQ76ReBxV","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-checkout-shopping-cart","category":"commerce","tags":["commerce","cart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-checkout-shopping-cart","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"paymentCompleted":{"additionalProperties":false,"properties":{"completed":{"const":true,"type":"boolean"},"method":{"type":"string"},"total":{"type":"number"}},"required":["total","method","completed"],"type":"object"},"saveShipment":{"$ref":"#/definitions/IShipment"},"saveUser":{"$ref":"#/definitions/IUser"}},"required":["paymentCompleted","saveUser","saveShipment","completed"],"type":"object"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"gateways":{"items":{"$ref":"#/definitions/IGateway"},"type":"array"},"id":{"type":"string"},"payment":{"$ref":"#/definitions/IPayment"},"shipments":{"items":{"$ref":"#/definitions/IShipment"},"type":"array"},"style":{"type":"string"},"user":{"$ref":"#/definitions/IUser"}},"required":["shipments","gateways","payment"],"type":"object"},"IGateway":{"additionalProperties":false,"properties":{"cardNetworks":{"items":{"type":"string"},"type":"array"},"currency":{"enum":["€","$"],"type":"string"},"fixedPrice":{"type":"number"},"gatewayId":{"type":"string"},"gatewayMerchantId":{"type":"string"},"id":{"enum":["google","paypal"],"type":"string"},"label":{"type":"string"},"merchantId":{"type":"string"},"paypalid":{"type":"string"},"percentagePrice":{"type":"number"}},"required":["id","label"],"type":"object"},"IPayment":{"additionalProperties":false,"properties":{"countryCode":{"type":"string"},"currencyCode":{"type":"string"},"merchantName":{"type":"string"},"shipmentFee":{"type":"number"},"total":{"type":"number"},"type":{"$ref":"#/definitions/IPaymentType"}},"required":["merchantName","total","currencyCode","countryCode"],"type":"object"},"IPaymentType":{"enum":["book","buy","checkout","donate","order","pay","plain","subscribe"],"type":"string"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}}},"description":"End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses string props into objects, merges card networks defaults, and tracks `completed` to switch between editable steps and a read-only confirmation summary with events for payment and form submissions.","storybookArgs":{"shipments":{"control":{"type":"array"}},"user":{"control":{"type":"object"}},"payment":{"control":{"type":"object"}},"paymentCompleted":{"action":"paymentCompleted"},"saveUser":{"action":"saveUser"},"saveShipment":{"action":"saveShipment"},"gateways":{"control":{"type":"array"}},"setGateway":{"action":"setGateway"},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--edit-color","valueType":"color","defaultValue":""},{"name":"--hb-checkout-border","valueType":"color","defaultValue":""},{"name":"--paypal-button-color","valueType":"color","defaultValue":""}],"parts":[{"name":"title"},{"name":"subtitle"}]},"contributors":[],"htmlSlots":[{"name":"payment_terms"},{"name":"payment_completed"},{"name":"userinfo"},{"name":"title"}],"i18n":[],"examples":[{"name":"default","data":{"shipments":[{"price":10,"currency":"€","arriveDate":"2022-01-20T08:03:57.562Z","available":true,"label":"zio barca","id":"ziobarca"},{"price":20,"currency":"€","arriveDate":"2022-01-21T02:22:57.562Z","available":true,"label":"zio barca2","id":"ziobarca2"}],"gateways":[{"id":"paypal","label":"bbbb","paypalid":"test"}],"payment":{"merchantName":"testmerchant","countryCode":"it","currencyCode":"EUR","total":45,"type":"buy"}}}],"iifeIntegrity":"sha384-EIgDn+TuRREyc1JbYewojnzcefeAbJxuwUv19ts6sm+fEp0n/o6Cp9h+deFekqeP","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-checkout","category":"commerce","tags":["commerce","checkout"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-checkout","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"chartClick":{"items":{"additionalProperties":false,"properties":{"label":{"type":"string"},"value":{}},"type":"object"},"type":"array"}},"required":["chartClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"}}}},"description":"Embeds Chart.js (line, bar, pie, radar, time scales, etc.) inside the shadow DOM. Pass a JSON `data` object with `type`, `data`, and optional `options`; the chart is recreated on data changes and when the container resizes (ResizeObserver + debounced window resize). Clicking the canvas dispatches `chartClick` with the nearest point’s label and value.","storybookArgs":{"data":{"control":{"type":"object"}},"chartClick":{"action":"chartClick"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":{"type":"line","data":{"labels":["January","February","March","April","May","June"],"datasets":[{"label":"My First dataset","backgroundColor":"rgb(255, 99, 132)","borderColor":"rgb(255, 99, 132)","data":[0,10,5,2,20,30,45]}]},"options":{}}}}],"iifeIntegrity":"sha384-25c1erhfMs7FVWc9WnqeNOrTIXb97v4GvJTeJoK6JGfM0Ox0lTys7nbYdMUbitrK","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-chartjs","category":"data","tags":["data","chart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-chartjs","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"dateformat":{"type":"string"},"description":{"type":"string"},"id":{"type":"string"},"linklabel":{"type":"string"},"pageuri":{"type":"string"},"provider":{"enum":["youtube",""],"type":"string"},"style":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"},"videosrc":{"type":"string"}},"required":["videosrc"],"type":"object"}}}},"description":"Bootstrap card with a 16:9 media area: YouTube embed when `provider` is `youtube`, otherwise an HTML5 `<video>` with MP4 source. Optional title, truncated description (100 chars), formatted `time` via Day.js (`dateformat`), “read more” link label, and social share placeholders (Facebook/Twitter widgets) when `pageuri` is set.","storybookArgs":{"videosrc":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"provider":{"control":{"type":"text"}},"description":{"control":{"type":"text"}},"time":{"control":{"type":"date"}},"pageuri":{"control":{"type":"text"}},"linklabel":{"control":{"type":"text"}},"dateformat":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"card-footer","description":""}],"i18n":[],"examples":[{"name":"default","data":{"videosrc":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4","title":"aa","description":"desc6","time":"2021-08-15T18:55:22.135Z"}}],"iifeIntegrity":"sha384-1QRPBapNLHMb3hMTzIrkenTVgT0j/kuujTLWzh19fEpy3uixn900+6AWLF2I9Pz1","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-card-video","category":"media","tags":["media","video"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-card-video","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"googleRecaptchaRendered":{"additionalProperties":false,"properties":{"render":{"const":true,"type":"boolean"}},"required":["render"],"type":"object"},"googleRecaptchaV2Response":{"additionalProperties":false,"properties":{"response":{"type":"string"}},"required":["response"],"type":"object"}},"required":["googleRecaptchaV2Response","googleRecaptchaRendered"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"api_key":{"type":"string"},"get":{},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Loads the Google reCAPTCHA v2 invisible SDK, renders the widget with your `api_key`, and exposes `grecaptcha.execute()` / reset when the `get` attribute changes after render. Dispatches `googleRecaptchaRendered` once mounted and `googleRecaptchaV2Response` with the token from the verification callback.","storybookArgs":{"api_key":{"control":{"type":"text"}},"googleRecaptchaV2Response":{"action":"googleRecaptchaV2Response"},"googleRecaptchaRendered":{"action":"googleRecaptchaRendered"},"get":{"control":{"type":"boolean"}}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"api_key":"6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"}}],"iifeIntegrity":"sha384-rhUtGAByJI//S4vHTMWHFI7OLkWU6SeIfr3nwtGpSuePgY5y9p2lL/7qrcGf9MAk","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-captcha-google-recaptcha-v2-invisible","category":"utilities","tags":["utilities","security"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-captcha-google-recaptcha-v2-invisible","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"calendarEventClick":{"additionalProperties":false,"properties":{"eventId":{"type":"string"}},"required":["eventId"],"type":"object"},"changeCalendarDate":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"}},"required":["date"],"type":"object"},"changeSelectedDate":{"additionalProperties":false,"properties":{"selectedDate":{"format":"date-time","type":"string"}},"required":["selectedDate"],"type":"object"}},"required":["calendarEventClick","changeCalendarDate","changeSelectedDate"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"disable_header":{"type":"boolean"},"events":{"items":{"$ref":"#/definitions/IEvent"},"type":"array"},"id":{"type":"string"},"selected":{"format":"date-time","type":"string"},"style":{"type":"string"}},"type":"object"},"IEvent":{"additionalProperties":false,"properties":{"color":{"type":"string"},"date":{"format":"date-time","type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["date","label","id"],"type":"object"}}}},"description":"Classic month grid (7-day week header and variable rows) with selectable cells, “today” styling, and event chips inside each day. Supports adjacent-month padding cells, Italian holidays, JSON `events`, and the same navigation/selection events as the appointments calendar (`changeCalendarDate`, `changeSelectedDate`, `calendarEventClick`).","storybookArgs":{"disable_header":{"control":{"type":"boolean"}},"events":{"control":{"type":"object"}},"date":{"control":{"type":"text"}},"selected":{"control":{"type":"text"}},"calendarEventClick":{"action":"calendarEventClickEvent"},"changeCalendarDate":{"action":"changeCalendarDateEvent"},"changeSelectedDate":{"action":"changeSelectedDateEvent"}},"styleSetup":{"vars":[{"name":"--hb-calendar-event-button-color","valueType":"color","defaultValue":""},{"name":"--hb-calendar-hover","valueType":"string","defaultValue":""},{"name":"--hb-calendar-selected","valueType":"string","defaultValue":""},{"name":"--hb-calendar-today","valueType":"string","defaultValue":""}],"parts":[{"name":"calendar-header"},{"name":"calendar-current-time-header"},{"name":"cell"}]},"contributors":[],"htmlSlots":[{"name":"header_month_icon_prev"},{"name":"header_month_icon_next"},{"name":"header"},{"name":"calendar_month"}],"i18n":[],"examples":[{"name":"BasicCalendar","data":{}},{"name":"CalendarWithEvents","data":{"events":[{"date":"2026-03-28T17:49:03.800Z","id":"test","label":"thetest"},{"date":"2026-02-28T17:49:03.800Z","id":"test2","label":"thetest start","color":"red"}]}}],"iifeIntegrity":"sha384-4IBFuLcUPQuak2yk1roQ7JoPLtLMgI9yC4yhSEFzRlGJ69vOY76rC0sIF70yC6PB","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-calendar-events","category":"calendar","tags":["calendar"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-calendar-events","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"calendarEventClick":{"additionalProperties":false,"properties":{"eventId":{"type":"string"}},"required":["eventId"],"type":"object"},"changeCalendarDate":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"}},"required":["date"],"type":"object"},"changeSelectedDate":{"additionalProperties":false,"properties":{"selectedDate":{"format":"date-time","type":"string"}},"required":["selectedDate"],"type":"object"}},"required":["calendarEventClick","changeCalendarDate","changeSelectedDate"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"disable_header":{"type":"boolean"},"events":{"items":{"$ref":"#/definitions/IEvent"},"type":"array"},"id":{"type":"string"},"selected":{"format":"date-time","type":"string"},"style":{"type":"string"}},"type":"object"},"IEvent":{"additionalProperties":false,"properties":{"color":{"type":"string"},"date":{"format":"date-time","type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["date","label","id"],"type":"object"}}}},"description":"Month agenda view: events for the current month are grouped by calendar day and listed chronologically with weekday, day number, time, and colored markers. Optional header with month navigation; changing month or selecting a day dispatches `changeCalendarDate`, `changeSelectedDate`, and clicking a row dispatches `calendarEventClick`. Uses Italian public holidays metadata and accepts `events` as JSON.","storybookArgs":{"disable_header":{"control":{"type":"boolean"}},"events":{"control":{"type":"object"}},"date":{"control":{"type":"text"}},"selected":{"control":{"type":"text"}},"calendarEventClick":{"action":"calendarEventClickEvent"},"changeCalendarDate":{"action":"changeCalendarDateEvent"},"changeSelectedDate":{"action":"changeSelectedDateEvent"}},"styleSetup":{"vars":[{"name":"--hb-calendar-event-button-color","valueType":"color","defaultValue":""},{"name":"--hb-calendar-hover","valueType":"string","defaultValue":""},{"name":"--hb-calendar-selected","valueType":"string","defaultValue":""},{"name":"--hb-calendar-today","valueType":"string","defaultValue":""}],"parts":[{"name":"calendar-header"},{"name":"calendar-current-time-header"},{"name":"cell"}]},"contributors":[],"htmlSlots":[{"name":"header_month_icon_prev"},{"name":"header_month_icon_next"},{"name":"header"},{"name":"calendar_month"}],"i18n":[],"examples":[{"name":"CalendarWithEvents","data":{"events":[{"date":"2026-03-28T17:49:04.092Z","id":"test","label":"thetest"},{"date":"2026-02-28T17:49:04.092Z","id":"test2","label":"thetest start","color":"red"}]}},{"name":"TotallyEmpty","data":{"events":[]}}],"iifeIntegrity":"sha384-Q2S3+l/CLRIsKeh5JrT+r50DE1Z32bDaktv7OMSFmPInaFhiEI3dw9kni5Hv/Zqr","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-calendar-appointments","category":"calendar","tags":["calendar","appointments"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-calendar-appointments","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"description":{"type":"string"},"id":{"type":"string"},"logouri":{"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"type":"object"}}}},"description":"Marketing-style hero strip: logo image beside a title and subtitle, using Bootstrap grid. Layout switches from side-by-side on large screens to stacked, centered content on smaller breakpoints (`d-none d-lg-block` / `d-lg-none`).","storybookArgs":{"logouri":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"description":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"title":"ciao","description":"desc","logouri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"}}],"iifeIntegrity":"sha384-JiRQBRpvXP9j35ZSv2LI69MNAi8BHU+Elf6lpizV/NUHhm0+8bChif3Yb+6qOxN+","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-banner","category":"content","tags":["content","marketing"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-banner","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"oauthFlowCustom":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"}},"required":["provider"],"type":"object"},"oauthFlowInit":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"},"redirect_uri":{"type":"string"},"tmpCode":{"type":"string"},"token":{"type":"string"}},"required":["provider"],"type":"object"},"oauthFlowSuccess":{"additionalProperties":false,"properties":{"token":{"type":"string"}},"required":["token"],"type":"object"}},"required":["oauthFlowSuccess","oauthFlowInit","oauthFlowCustom"],"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"auth_cookie_name":{"type":"string"},"id":{"type":"string"},"provider":{"additionalProperties":false,"properties":{"name":{"$ref":"#/definitions/IProvider"},"params":{"additionalProperties":false,"properties":{"auth_server_url":{"type":"string"},"client_id":{"type":"string"},"redirect_url":{"type":"string"},"scope":{"type":"string"}},"required":["redirect_url","client_id","scope"],"type":"object"},"url":{"type":"string"}},"required":["name"],"type":"object"},"redirectonlogin":{"type":"string"},"social_auth_server_url":{"type":"string"},"style":{"type":"string"}},"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}}},"description":"Clickable OAuth provider tile (default SVGs for Google, GitHub, GitLab, Facebook, Authentik; overridable via slot). Builds the provider authorization URL from `provider` params or redirects to a prebuilt `url`, then on return parses the current page URL to exchange the code/token with `simple-serverless-auth-client` when `social_auth_server_url` and `auth_cookie_name` are set. Emits `oauthFlowInit`, `oauthFlowSuccess`, or `oauthFlowCustom` for custom providers without composed URLs.","storybookArgs":{"provider":{"control":{"type":"object"}},"oauthFlowInit":{"action":"oauthFlowInitEvent"},"oauthFlowSuccess":{"action":"oauthFlowSuccessEvent"},"oauthFlowCustom":{"action":"oauthFlowCustomEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"facebook","data":{"provider":{"name":"facebook"}}},{"name":"gitlab","data":{"provider":{"name":"gitlab"}}},{"name":"github","data":{"provider":{"name":"github"}}},{"name":"google","data":{"provider":{"name":"google"}}}],"iifeIntegrity":"sha384-EMtGNyvInMbXa4P6QpMa4/3XUi7dXf1KlvgDWPNnMJmOZbdtuyNpC3o+xV9NYSIq","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-auth-social-login-button","category":"auth","tags":["auth","oauth"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-auth-social-login-button","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"login":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"},"rememberMe":{"type":"boolean"},"token":{"type":"string"}},"type":"object"},"oauthFlowCustom":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"}},"required":["provider"],"type":"object"},"oauthFlowInit":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"},"redirect_uri":{"type":"string"},"tmpCode":{"type":"string"},"token":{"type":"string"}},"required":["provider"],"type":"object"},"oauthFlowSuccess":{"additionalProperties":false,"properties":{"token":{"type":"string"}},"required":["token"],"type":"object"},"recoverOrActivate":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"},"recoverycode":{"type":"string"}},"required":["password","recoverycode","email"],"type":"object"},"recoverPassword":{"additionalProperties":false,"properties":{"email":{"type":"string"}},"required":["email"],"type":"object"},"register":{"properties":{"email":{"type":"string"},"password":{"type":"string"},"requestSent":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"}},"required":["email","password"],"type":"object"}},"required":["email","password","requestSent"],"type":"object"}},"required":["login","register","recoverOrActivate","recoverPassword","oauthFlowInit","oauthFlowSuccess","oauthFlowCustom"],"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"activateuri":{"type":"string"},"appendbodyparams":{"type":"string"},"appendqueryparams":{"type":"string"},"disablelocal":{"type":"boolean"},"disableregister":{"type":"boolean"},"email":{"type":"string"},"enable_recover_password":{"type":"boolean"},"i18nlang":{"type":"string"},"id":{"type":"string"},"loginuri":{"type":"string"},"logouri":{"type":"string"},"oauth2providers":{"items":{"anyOf":[{"additionalProperties":false,"properties":{"name":{"$ref":"#/definitions/IProvider"},"params":{"additionalProperties":false,"properties":{"auth_server_url":{"type":"string"},"client_id":{"type":"string"},"redirect_url":{"type":"string"},"scope":{"type":"string"}},"required":["redirect_url","client_id","scope"],"type":"object"},"url":{"type":"string"}},"required":["name"],"type":"object"},{"not":{}}]},"type":"array"},"passwordpattern":{"type":"string"},"recoveruri":{"type":"string"},"recoverycode":{"type":"string"},"redirectoncreate":{"type":"string"},"redirectonlogin":{"type":"string"},"registeruri":{"type":"string"},"requestmethod":{"type":"string"},"sessionkey":{"type":"string"},"social_auth_server_url":{"type":"string"},"style":{"type":"string"},"type":{"enum":["login","register","activate","recover","forgotpassword","mailrecoverinfo","otp","2fa_code","2fa_config"],"type":"string"}},"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}}},"description":"Full authentication UI driven by the `type` attribute: local login and registration (with optional “remember me”), email activation, password recovery and related notices, OTP and two-factor setup/verification. Supports OAuth2 social providers via embedded social-login buttons, configurable backend URIs and HTTP options, optional i18n, and dispatches events for login, registration, recovery/activation, and OAuth flow steps.","storybookArgs":{"type":{"options":["login","register","activate","recover","mailrecoverinfo","forgotpassword","otp","2fa_code","2fa_config"],"control":{"type":"select"}},"enable_recover_password":{"control":{"type":"boolean"}},"i18nlang":{"control":{"type":"text"}},"disableregister":{"control":{"type":"boolean"}},"disablelocal":{"control":{"type":"boolean"}},"logouri":{"control":{"type":"text"}},"loginuri":{"control":{"type":"text"}},"registeruri":{"control":{"type":"text"}},"login":{"action":"loginEvent"},"register":{"action":"registerEvent"},"recoverOrActivate":{"action":"recoverOrActivateEvent"},"oauthFlowInit":{"action":"oauthFlowInit"},"oauthFlowSuccess":{"action":"oauthFlowSuccess"},"oauthFlowCustom":{"action":"oauthFlowCustomEvent"},"oauth2providers":{"control":{"type":"array"}},"sessionkey":{"control":{"type":"text"}},"redirectonlogin":{"control":{"type":"text"}},"redirectoncreate":{"control":{"type":"text"}},"activateuri":{"control":{"type":"text"}},"recoveruri":{"control":{"type":"text"}},"requestmethod":{"control":{"type":"text"}},"appendqueryparams":{"control":{"type":"text"}},"appendbodyparams":{"control":{"type":"text"}},"passwordpattern":{"control":{"type":"text"}},"recoverycode":{"control":{"type":"text"}},"email":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"login","data":{"type":"login","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"register","data":{"type":"register","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"activate","data":{"type":"activate","recoverycode":"testcode","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"recover","data":{"type":"recover","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"LoginEn","data":{"type":"login","i18nlang":"en","disableregister":true}},{"name":"LoginItOnly","data":{"type":"login","i18nlang":"it","disableregister":true}},{"name":"LoginEnWithFetch","data":{"type":"login","i18nlang":"en","loginuri":"https://kernel.free.beeceptor.com/login","registeruri":"https://kernel.free.beeceptor.com/register"}},{"name":"LoginEnWithOauth","data":{"logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","type":"login","i18nlang":"en","loginuri":"https://kernel.free.beeceptor.com/login","registeruri":"https://kernel.free.beeceptor.com/register","oauth2providers":[{"name":"google","url":"https://accounts.google.com/o/oauth2/v2/auth?scope=https%3A//www.googleapis.com/auth/drive.metadata.readonly&include_granted_scopes=true&response_type=token&state=state_parameter_passthrough_value&redirect_uri=https%3A//oauth2.example.com/code&client_id=client_id"},{"name":"facebook","url":""},{"name":"gitlab","url":""},{"name":"github","url":""}]}},{"name":"LoginEnWithOauthOnly","data":{"type":"login","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","disablelocal":true,"oauth2providers":[{"name":"google","url":"https://accounts.google.com/o/oauth2/v2/auth?scope=https%3A//www.googleapis.com/auth/drive.metadata.readonly&include_granted_scopes=true&response_type=token&state=state_parameter_passthrough_value&redirect_uri=https%3A//oauth2.example.com/code&client_id=client_id"},{"name":"facebook","url":""},{"name":"gitlab","url":""},{"name":"github","url":""}]}},{"name":"forgotpassword","data":{"enable_recover_password":true,"type":"forgotpassword","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"mailrecoverinfo","data":{"type":"mailrecoverinfo","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}}],"iifeIntegrity":"sha384-HPMON4lO2F3Oum/KPFJoDfc4ljGCqVfDHxdgwbSo6iOd9ut/KzWilV1WUfKjWYuv","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-auth","category":"auth","tags":["auth"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-auth","version":"0.66.6"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clipboardCopyText":{"additionalProperties":false,"properties":{"text":{"type":"string"}},"required":["text"],"type":"object"}},"required":["clipboardCopyText"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"content":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"required":["content"],"type":"object"}}}},"description":"Displays arbitrary text inside a `<code>` block with a themed background. A small copy button copies the content to the clipboard, briefly shows confirmation, and dispatches a `clipboardCopyText` custom event with the copied string.","storybookArgs":{"content":{"control":{"type":"text"}},"clipboardCopyText":{"action":"clipboardCopyTextEvent"}},"styleSetup":{"vars":[{"name":"--hb-area-code-background","valueType":"string","defaultValue":""}],"parts":[{"name":"content","description":"the code html tag"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"content":"desc"}},{"name":"longText","data":{"content":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}}],"iifeIntegrity":"sha384-8tALb6355jXP6hO5Y70D8X7zD+FaGn7UGsaOJa46BElECwlW/LBMK/vvq7B3QNaq","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-area-code","category":"utilities","tags":["utilities","developer"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-area-code","version":"0.66.6"}],"version":"0.66.6"}
1	+ {"packages":[{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"collectionItemClick":{"additionalProperties":false,"properties":{"uri":{"type":"string"}},"required":["uri"],"type":"object"}},"required":["collectionItemClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"collection":{"items":{"$ref":"#/definitions/Item"},"type":"array"},"id":{"type":"string"},"size":{"type":"number"},"style":{"type":"string"}},"required":["collection"],"type":"object"},"Item":{"additionalProperties":false,"properties":{"image":{"type":"string"},"index":{"type":"number"},"link":{"additionalProperties":false,"properties":{"type":{"enum":["tab","page","event"],"type":"string"},"uri":{"type":"string"}},"required":["type","uri"],"type":"object"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","text","link","image"],"type":"object"}}}},"description":"Vertical archive grid: `collection` items with `title`, `text`, `image`, and `link` (e.g. `type` + `uri`). Optional `size` sets column count; CSS parts style container, item, image, title, and text. Emits `collectionItemClick` when an item is chosen.","storybookArgs":{"collection":{"control":{"type":"object"}},"size":{"control":{"type":"number"}},"collectionItemClick":{"collectionItemClick":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container"},{"name":"item"},{"name":"image"},{"name":"title"},{"name":"text"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 7","text":"Text 7","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 8","text":"Text 8","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}},{"name":"default2","data":{"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}},{"name":"default3","data":{"size":4,"collection":[{"title":"Title 1","text":"Text 1","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 2","text":"Text 2","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 3","text":"Text 3","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 4","text":"Text 4","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 5","text":"Text 5","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"},{"title":"Title 6","text":"Text 6","link":{"type":"tab","uri":"https://www.google.com"},"image":"https://placehold.co/300x200"}]}}],"iifeIntegrity":"sha384-fIgRcBqRDVn0doC8gpQY4DQvDgM11AsJ7M2ArOWz8J4laSlXZEg3m9BLS8Genj9U","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-vertical-img-txt-archive","category":"content","tags":["content","archive"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-vertical-img-txt-archive","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"},"uploadComplete":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"id":{"type":"string"}},"required":["downloaded","id"],"type":"object"},"uploadError":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"error":{"additionalProperties":false,"properties":{"message":{"type":"string"},"name":{"type":"string"},"stack":{"type":"string"}},"required":["name","message"],"type":"object"},"id":{"type":"string"}},"required":["downloaded","id","error"],"type":"object"}},"required":["uploadError","uploadComplete","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"fetch_data":{"$ref":"#/definitions/Fetch"},"id":{"type":"string"},"style":{"type":"string"},"upload_id":{"type":"string"}},"type":"object"},"Fetch":{"additionalProperties":false,"properties":{"data":{},"headers":{"additionalProperties":{"type":"string"},"type":"object"},"method":{"type":"string"},"url":{"type":"string"}},"required":["data","url"],"type":"object"}}}},"description":"File download/upload UI driven by `fetch_data` (`url`, `data`), with optional `upload_id`, `total`, and `loaded` for progress. Title slot; fires `downloadError`, `downloadComplete`, and `modalShow` for host handling.","storybookArgs":{"fetch_data":{"control":{"type":"object"}},"upload_id":{"control":{"type":"text"}},"total":{"control":{"type":"number"}},"loaded":{"control":{"type":"number"}},"downloadError":{"action":"downloadError"},"downloadComplete":{"action":"downloadComplete"},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"fetch_data":{"url":"","data":""}}}],"iifeIntegrity":"sha384-1wT8U+AeJRSQMd2iXIxn4ZcIo2imeZFXhmjKUcXo/PKeQ5LcBhFu+4OiiIimM3j5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-uploader","category":"utilities","tags":["utilities","files"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-uploader","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"visualizationChange":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["visualizationChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"},"style":{"type":"string"},"tooltip":{"anyOf":[{"$ref":"#/definitions/TTooltip"},{"type":"string"}]}},"type":"object"},"TTooltip":{"additionalProperties":false,"properties":{"animation":{"type":"boolean"},"customClass":{"type":"string"},"delay":{"anyOf":[{"type":"number"},{"additionalProperties":false,"properties":{"hide":{"type":"number"},"show":{"type":"number"}},"required":["show","hide"],"type":"object"}]},"description":{"type":"string"},"html":{"type":"boolean"},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"offset":{"anyOf":[{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},{"type":"string"}]},"placement":{"enum":["auto","top","bottom","left","right"],"type":"string"},"style":{"$ref":"#/definitions/TooltipStyle"},"title":{"type":"string"},"trigger":{"enum":["click","hover","focus","manual","click hover","click focus","hover focus","click hover focus"],"type":"string"}},"required":["title"],"type":"object"},"TooltipStyle":{"additionalProperties":false,"properties":{"backgroundColor":{"type":"string"},"borderRadius":{"type":"string"},"color":{"type":"string"},"disableDefaultStyle":{"type":"boolean"},"fontSize":{"type":"string"},"opacity":{"type":"number"},"padding":{"type":"string"},"transitionDuration":{"type":"string"}},"type":"object"}}}},"description":"A wrapper component that adds a Bootstrap tooltip to its content","storybookArgs":{"tooltip":{"control":{"type":"object"}},"show":{"control":{"type":"boolean"}},"visualizationChange":{"action":"visualizationChange"}},"styleSetup":{"vars":[{"name":"--tooltip-bg","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"default","description":"Element to wrap with tooltip"}],"i18n":[],"examples":[{"name":"Default","data":{"tooltip":{"title":"Default tooltip"}}},{"name":"BottomPlacement","data":{"tooltip":{"title":"Tooltip on bottom","placement":"bottom"}}},{"name":"HtmlContent","data":{"tooltip":{"title":"<b>Bold</b> tooltip","html":true}}},{"name":"Styled","data":{"tooltip":{"title":"Styled tooltip","style":{"backgroundColor":"#6f42c1","color":"#ffffff","fontSize":"1rem","padding":"0.5rem 1rem","borderRadius":"0.5rem"}}}},{"name":"LongTextWithMaxWidth","data":{"tooltip":{"title":"This is a very long tooltip text that should wrap because of the max-width property set on the tooltip configuration. It demonstrates how to control the width of the tooltip.","maxWidth":"200px"}}},{"name":"TitleAndDescription","data":{"tooltip":{"title":"Tooltip Title","description":"This is a description that appears below the title. It provides more context."}}}],"iifeIntegrity":"sha384-jhJRbcvdlpb5Rwd8SBj2SlTETS5HWYE8aATlu1KAOoQ+S004gU1oPEJNJy4qYJtX","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-tooltip","category":"overlays","tags":["overlays","tooltip"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-tooltip","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"action":{"additionalProperties":false,"properties":{"action":{"type":"string"},"id":{"type":"string"}},"required":["id"],"type":"object"},"changeVisibility":{"additionalProperties":false,"properties":{"disappear":{"type":"boolean"},"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["changeVisibility","action"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"buttons":{"items":{"$ref":"#/definitions/TToastButton"},"type":"array"},"content":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"level":{"enum":["info","success","warning","danger","primary","secondary","light","dark"],"type":"string"},"position":{"enum":["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],"type":"string"},"progress":{"type":"string"},"show":{"enum":["yes","no"],"type":"string"},"small":{"type":"string"},"style":{"type":"string"},"timeout":{"type":["string","number"]},"title":{"type":"string"}},"required":["show","title","img","content"],"type":"object"},"TToastButton":{"additionalProperties":false,"properties":{"action":{"type":"string"},"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"},"themeColor":{"enum":["info","success","warning","danger","primary","secondary","light","dark"],"type":"string"},"type":{"enum":["confirm","cancel"],"type":"string"}},"required":["type"],"type":"object"}}}},"description":"Bootstrap-styled toast: `show`, `title`, `content`, optional `img`, `small`, `level`, `position`, `timeout`, string `progress` for a bar, and `buttons` for actions. Slots customize header and body; dispatches visibility and button `action` events.","storybookArgs":{"show":{"control":{"type":"boolean"}},"small":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"img":{"control":{"type":"text"}},"level":{"control":{"type":"select"},"options":["primary","secondary","success","danger","warning","info","light","dark"]},"content":{"control":{"type":"text"}},"changeVisibility":{"action":"changeVisibility"},"timeout":{"control":{"type":"number"}},"progress":{"control":{"type":"text"}},"position":{"control":{"type":"select"},"options":["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"]},"buttons":{"control":{"type":"object"}},"action":{"action":"action"}},"styleSetup":{"vars":[{"name":"--bs-danger-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-dark-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-info-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-light-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-primary-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-secondary-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-success-rgb","valueType":"color","theme":"bootstrap","defaultValue":""},{"name":"--bs-warning-rgb","valueType":"color","theme":"bootstrap","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header_img","description":""},{"name":"header_strong","description":""},{"name":"header_small","description":""},{"name":"body","description":""}],"i18n":[],"examples":[{"name":"default","data":{"small":"11 mins ago","title":"Bootstrap","show":"yes","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"timeout","data":{"timeout":3000,"small":"11 mins ago","title":"Bootstrap","show":"yes","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"timeoutwithtimer","data":{"timeout":12000,"title":"Bootstrap","show":"yes","level":"warning","content":"Hello, world! This is a toast message.","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progress25","description":"Shows a 25% progress, header displays percentage when small is empty.","data":{"show":"yes","title":"Upload","content":"Uploading your file...","level":"info","progress":"25","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progress70","description":"Shows a 70% progress.","data":{"show":"yes","title":"Processing","content":"Working on your request...","level":"warning","progress":"70","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progressWithSmall","description":"When small is provided, it overrides percentage display.","data":{"show":"yes","title":"Sync","content":"Synchronizing...","level":"secondary","small":"in progress","progress":"40","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"progressComplete","description":"100% progress shows a full bar.","data":{"show":"yes","title":"Completed","content":"All done!","level":"success","progress":"100","img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}},{"name":"withButtons","description":"Toast with confirmation buttons.","data":{"show":"yes","title":"Confirmation","content":"Are you sure you want to proceed?","level":"light","buttons":[{"type":"cancel","action":"btn-cancel"},{"type":"confirm","action":"btn-confirm","text":"Yes, proceed","icon":"bi-check-circle"}],"img":"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22200%22%20height%3D%22200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_17e7e03606d%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_17e7e03606d%22%3E%3Crect%20width%3D%22200%22%20height%3D%22200%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2274.4296875%22%20y%3D%22104.5%22%3E200x200%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"}}],"iifeIntegrity":"sha384-bNMxQ0tXZLNTPHZa46a3mn3PBu9SvRQeiZL9ukTMZOZX55bosN4Z/sYku1N0M3NO","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-toast","category":"overlays","tags":["overlays","notifications"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-toast","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"anyOf":[{"$ref":"#/definitions/ITPrivacy"},{"$ref":"#/definitions/CookieContent"}]},"i18nlang":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"CookieContent":{"additionalProperties":false,"properties":{"company":{"additionalProperties":false,"properties":{"address":{"type":"string"},"name":{"type":"string"}},"required":["name","address"],"type":"object"},"cookies":{"items":{"$ref":"#/definitions/CookieRow"},"type":"array"},"date":{"format":"date-time","type":"string"},"id":{"enum":["cookie-doc-italian","cookie-doc-english","cookie-doc"],"type":"string"},"language":{"type":"string"},"site":{"additionalProperties":false,"properties":{"cookiePolicyUri":{"type":"string"},"name":{"type":"string"},"privacyPolicyUri":{"type":"string"},"url":{"type":"string"}},"required":["name","url","privacyPolicyUri","cookiePolicyUri"],"type":"object"}},"required":["id","site","company","cookies"],"type":"object"},"CookieRow":{"additionalProperties":false,"properties":{"durate":{"type":"number"},"name":{"type":"string"},"purpose":{"type":"string"},"service":{"type":"string"},"storage":{"enum":["persistent","session"],"type":"string"},"third":{"additionalProperties":false,"properties":{"company":{"type":"string"},"termUri":{"type":"string"}},"required":["company"],"type":"object"},"type":{"enum":["technical","authentication","preferences","statistics","advertising","analytics","third-party"],"type":"string"}},"required":["name","purpose","service","storage","durate","type"],"type":"object"},"ITPrivacy":{"additionalProperties":false,"properties":{"analytics":{"additionalProperties":false,"properties":{"companies":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"}},"required":["companies"],"type":"object"},"collectedData":{"additionalProperties":false,"properties":{"contactModule":{"additionalProperties":false,"properties":{"data":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"}},"required":["data"],"type":"object"},"dataTypes":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"},"scopes":{"items":{"additionalProperties":false,"properties":{"label":{"const":"string","type":"string"}},"required":["label"],"type":"object"},"type":"array"}},"required":["scopes","dataTypes"],"type":"object"},"company":{"additionalProperties":false,"properties":{"address":{"type":"string"},"name":{"type":"string"}},"required":["name","address"],"type":"object"},"date":{"format":"date-time","type":"string"},"id":{"const":"privacy-doc-italian","type":"string"},"payments":{"additionalProperties":false,"properties":{"companies":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"}},"required":["companies"],"type":"object"},"privacyAdmin":{"additionalProperties":false,"properties":{"email":{"type":"string"},"name":{"type":"string"}},"required":["name","email"],"type":"object"},"site":{"additionalProperties":false,"properties":{"cookiePolicyUri":{"type":"string"},"name":{"type":"string"},"privacyPolicyUri":{"type":"string"},"url":{"type":"string"}},"required":["name","url","privacyPolicyUri","cookiePolicyUri"],"type":"object"},"socialNetworks":{"items":{"additionalProperties":false,"properties":{"company":{"type":"string"}},"required":["company"],"type":"object"},"type":"array"},"storage":{"additionalProperties":false,"properties":{"durate":{"type":"string"}},"type":"object"}},"required":["id","site","company","privacyAdmin","collectedData"],"type":"object"}}}},"description":"Renders legal-style documents from `data`: privacy templates with site, company, and admin fields, or cookie policies with a `cookies` list. Use `i18nlang` with registered languages for localized copy; emits `event` for integrations.","storybookArgs":{"data":{"control":{"type":"object"}},"i18nlang":{"control":{"type":"text"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"italian","data":{"data":{"collectedData":{"dataTypes":[],"scopes":[]},"id":"privacy-doc-italian","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"privacyAdmin":{"name":"testownerprivacy","email":"ownprivacy.own"},"date":"2020-01-01T00:00:00.000Z"}}},{"name":"cookieit","data":{"data":{"id":"cookie-doc-italian","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[{"name":"testcookie1","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"technical"},{"name":"testcookie2","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"analytics"},{"name":"testcookie3","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"advertising"},{"name":"testcookie4","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"third-party"},{"name":"testcookie5","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"authentication"},{"name":"testcookie6","purpose":"test purpose2","durate":6600,"service":"test service2","storage":"persistent","type":"third-party"},{"name":"testcookie8","purpose":"test purpose2","durate":17600,"service":"test service2","storage":"persistent","type":"authentication"},{"name":"testcookie7","purpose":"test purpose2","durate":7600,"service":"test service2","storage":"persistent","type":"authentication"}]}}},{"name":"cookieen","data":{"data":{"id":"cookie-doc-english","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[{"name":"testcookie1","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"technical"},{"name":"testcookie2","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"analytics"},{"name":"testcookie3","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"advertising"},{"name":"testcookie4","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"third-party"},{"name":"testcookie5","purpose":"test purpose","durate":3600,"service":"test service","storage":"persistent","type":"authentication"},{"name":"testcookie6","purpose":"test purpose2","durate":6600,"service":"test service2","storage":"persistent","type":"third-party"},{"name":"testcookie8","purpose":"test purpose2","durate":17600,"service":"test service2","storage":"persistent","type":"authentication"},{"name":"testcookie7","purpose":"test purpose2","durate":7600,"service":"test service2","storage":"persistent","type":"authentication"}]}}},{"name":"cookieen_no_data","data":{"data":{"id":"cookie-doc-english","site":{"name":"docs.htmlbricks.kernel.online","url":"https://docs.htmlbricks.kernel.online","privacyPolicyUri":"https://docs.htmlbricks.kernel.online/privacy_policy","cookiePolicyUri":"https://docs.htmlbricks.kernel.online/cookie_law"},"company":{"name":"FWC Inc.","address":"Acacia Avenue, 666"},"date":"2020-01-01T00:00:00.000Z","cookies":[]}}}],"iifeIntegrity":"sha384-s5fN4tbcHwxUUEJgJaMz9KTe3MXvTSUg4+rL9U4Vj/0ofIVFgkheVLm1IjRm0H2b","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-terms-doc-templates","category":"content","tags":["content","compliance"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-terms-doc-templates","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"actiononselected":{"additionalProperties":false,"properties":{"key":{"type":"string"},"selectedItems":{"items":{"type":"string"},"type":"array"}},"required":["key","selectedItems"],"type":"object"},"addItem":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"cellclick":{"additionalProperties":false,"properties":{"cellId":{"type":"string"},"rowId":{"type":"string"}},"required":["rowId","cellId"],"type":"object"},"changeFilter":{"additionalProperties":false,"properties":{"filter":{"$ref":"#/definitions/IFilter"}},"required":["filter"],"type":"object"},"changePageSize":{"additionalProperties":false,"properties":{"page_size":{"type":"number"}},"required":["page_size"],"type":"object"},"changeSort":{"additionalProperties":false,"properties":{"sortedBy":{"type":"string"},"sortedDirection":{"type":"string"}},"required":["sortedBy","sortedDirection"],"type":"object"},"clickonrow":{"additionalProperties":false,"properties":{"itemId":{"type":"string"}},"required":["itemId"],"type":"object"},"clipboardCopyText":{"additionalProperties":false,"properties":{"text":{"type":"string"}},"required":["text"],"type":"object"},"confirmActionModal":{"additionalProperties":false,"properties":{"action":{"type":"string"},"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["action","id","confirm"],"type":"object"},"confirmActionModalForm":{"additionalProperties":false,"properties":{"action":{"type":"string"},"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["action","id","confirm"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"number"},"pages":{"type":"number"}},"required":["page","pages"],"type":"object"},"removeFilter":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"showConfirmModal":{"additionalProperties":false,"properties":{"action":{"type":"string"},"detail":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["action","detail"],"type":"object"},"showConfirmModalForm":{"additionalProperties":false,"properties":{"action":{"type":"string"},"detail":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["action","detail"],"type":"object"},"tableCustomActionClick":{"additionalProperties":false,"properties":{"action":{"type":"string"},"itemId":{"type":"string"}},"required":["itemId","action"],"type":"object"},"tableaction":{"additionalProperties":false,"properties":{"action":{"type":"string"},"itemId":{"type":"string"}},"required":["itemId","action"],"type":"object"}},"required":["pageChange","changePageSize","removeFilter","changeFilter","tableCustomActionClick","tableaction","cellclick","actiononselected","clickonrow","changeSort","showConfirmModal","showConfirmModalForm","confirmActionModalForm","confirmActionModal","clipboardCopyText","addItem"],"type":"object"},"IFilter":{"additionalProperties":false,"properties":{"end":{"format":"date-time","type":"string"},"key":{"type":"string"},"start":{"format":"date-time","type":"string"},"type":{"enum":["datetime","string","enum","number"],"type":"string"},"value":{"type":"string"}},"required":["key"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"actions":{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},"add_item":{"type":"boolean"},"disable_paginate_sort":{"description":"When true, hides the sort select and direction button from the pagination bar","type":"boolean"},"disablepagination":{"type":"boolean"},"enableselect":{"type":"string"},"externalfilter":{"type":"boolean"},"headers":{"items":{"$ref":"#/definitions/ITableHeader"},"type":"array"},"i18nlang":{"type":"string"},"id":{"type":"string"},"page":{"type":"number"},"page_size_options":{"description":"Comma-separated list of page size options for select mode (e.g. \"10,25,50,100\")","type":"string"},"page_size_type":{"description":"Type of page size selector: \"number\" for free input, \"select\" for dropdown","enum":["number","select"],"type":"string"},"pages":{"type":"number"},"rows":{"items":{"$ref":"#/definitions/IRow"},"type":"array"},"selectactions":{"items":{},"type":"array"},"selected":{"type":"string"},"selectrow":{"type":"string"},"size":{"type":"number"},"sort_default":{"description":"Default sort field value — if it matches a sortable column, that column is pre-selected with \"default\" direction (e.g. \"title\")","type":"string"},"sort_default_label":{"description":"Custom label for the \"Default\" sort option in the pagination bar (e.g. \"Relevance\")","type":"string"},"sort_direction":{"description":"Current sort direction","type":"string"},"sort_strict_direction":{"description":"When true, sort direction only allows \"asc\" and \"desc\" (no \"default\" state)","type":"boolean"},"style":{"type":"string"},"total":{"type":"number"}},"required":["rows","headers"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"},"IActionButton":{"additionalProperties":false,"properties":{"btnClass":{"type":"string"},"confirm":{"additionalProperties":false,"properties":{"confirmLabel":{"type":"string"},"content":{"type":"string"},"denyLabel":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","confirmLabel","content"],"type":"object"},"disabled":{"type":"boolean"},"edit":{"additionalProperties":false,"properties":{"confirmLabel":{"type":"string"},"denyLabel":{"type":"string"},"description":{"type":"string"},"schema":{"$ref":"#/definitions/FormSchema"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title","confirmLabel","schema"],"type":"object"},"iconOrText":{"type":"string"},"name":{"type":"string"},"tooltip":{"$ref":"#/definitions/TTooltip"},"type":{"enum":["icon","text"],"type":"string"}},"required":["name","type","iconOrText"],"type":"object"},"IRow":{"additionalProperties":{"anyOf":[{"type":"string"},{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},{}]},"properties":{"_actions":{"items":{"$ref":"#/definitions/IActionButton"},"type":"array"},"_evidenced":{"type":"boolean"},"_id":{"type":"string"}},"required":["_id"],"type":"object"},"ITableHeader":{"additionalProperties":false,"properties":{"click":{"type":"boolean"},"copyTxt":{"type":"boolean"},"format":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"nosort":{"type":"boolean"},"search":{"type":"boolean"},"select":{"items":{"type":"string"},"type":"array"},"sortBy":{"enum":["asc","desc","none"],"type":"string"},"tooltip":{"$ref":"#/definitions/TTooltip"},"truncateAt":{"type":"number"},"type":{"enum":["datetime","string","enum","actions","number"],"type":"string"}},"required":["label","key"],"type":"object"},"TTooltip":{"additionalProperties":false,"properties":{"animation":{"type":"boolean"},"customClass":{"type":"string"},"delay":{"anyOf":[{"type":"number"},{"additionalProperties":false,"properties":{"hide":{"type":"number"},"show":{"type":"number"}},"required":["show","hide"],"type":"object"}]},"description":{"type":"string"},"html":{"type":"boolean"},"maxHeight":{"type":"string"},"maxWidth":{"type":"string"},"offset":{"anyOf":[{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},{"type":"string"}]},"placement":{"enum":["auto","top","bottom","left","right"],"type":"string"},"style":{"$ref":"#/definitions/TooltipStyle"},"title":{"type":"string"},"trigger":{"enum":["click","hover","focus","manual","click hover","click focus","hover focus","click hover focus"],"type":"string"}},"required":["title"],"type":"object"},"TooltipStyle":{"additionalProperties":false,"properties":{"backgroundColor":{"type":"string"},"borderRadius":{"type":"string"},"color":{"type":"string"},"disableDefaultStyle":{"type":"boolean"},"fontSize":{"type":"string"},"opacity":{"type":"number"},"padding":{"type":"string"},"transitionDuration":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap-striped data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. i18n via `i18nlang`.","storybookArgs":{"size":{"control":{"type":"range","min":1,"max":100}},"page":{"control":{"type":"number"}},"i18nlang":{"control":{"type":"select"},"options":["en","it"]},"total":{"control":{"type":"number"}},"selected":{"control":{"type":"text"}},"enableselect":{"control":{"type":"boolean"}},"sort_direction":{"control":{"type":"select"},"options":["asc","desc","default"]},"selectrow":{"control":{"type":"boolean"}},"disablepagination":{"control":{"type":"boolean"}},"add_item":{"control":{"type":"boolean"}},"rows":{"control":{"type":"array"}},"headers":{"control":{"type":"array"}},"actions":{"control":{"type":"array"}},"selectactions":{"control":{"type":"array"}},"pageChange":{"action":"pagechangeEvent"},"tableaction":{"action":"tableactionEvent"},"tableCustomActionClick":{"action":"tableCustomActionClickEvent"},"cellclick":{"action":"cellclickEvent"},"actiononselected":{"action":"actiononselectedEvent"},"clickonrow":{"action":"clickonrowEvent"},"confirmActionModal":{"action":"confirmActionModalEvent"},"confirmActionModalForm":{"action":"confirmActionModalFormEvent"},"showConfirmModal":{"action":"showConfirmModal"},"showConfirmModalForm":{"action":"showConfirmModalForm"},"externalfilter":{"control":{"type":"boolean"}},"pages":{"control":{"type":"number"}},"clipboardCopyText":{"action":"pagechangeEvent"},"addItem":{"action":"addItemEvent"},"changeFilter":{"action":"changeFilterEvent"},"changeSort":{"action":"changeSortEvent"},"removeFilter":{"action":"removeFilterEvent"},"page_size_type":{"control":{"type":"select"},"options":[null,"number","select"]},"page_size_options":{"control":{"type":"text"}},"sort_default":{"control":{"type":"text"}},"sort_default_label":{"control":{"type":"text"}},"disable_paginate_sort":{"control":{"type":"boolean"}},"sort_strict_direction":{"control":{"type":"boolean"}},"changePageSize":{"action":"changePageSizeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"table","description":"table"},{"name":"table-actions","description":"actions on selected"},{"name":"selected-row","description":"selected row"},{"name":"common-row","description":"common row"}]},"contributors":[],"htmlSlots":[{"name":"add-button-content"},{"name":"buttons-container"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"BasicTableWithClick","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithActionsSimple","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"This is the title","placement":"top"}},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes","actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithDates","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithDatesAndSearch","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithAdd","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"add_item":true}},{"name":"BasicTableWithMoreSearchAndSelect","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"clickable","key":"description","search":true,"click":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"},{"label":"stato","key":"status","type":"enum","select":["active","closed"],"search":true}],"selectactions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"enableselect":"yes"}},{"name":"BasicTableWithSearchOnNestedField","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selected":"bb1","selectrow":"yes"}},{"name":"BasicTableWithSearchOnAllFields","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithDate","data":{"headers":[{"label":"title","key":"title"},{"label":"description","key":"description","click":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}]}},{"name":"BasicTableWithActions","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithActionsAndSelect","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","search":true},{"label":"nested","key":"testnested.nested","search":true},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","search":true}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}],"selectactions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github"}]}},{"name":"BasicTableWithActionsConfirmAndForm","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"},{"label":"modifiche","key":"mod","type":"actions","nosort":true}],"rows":[{"title":"bau","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog2"}},{"name":"activate3","type":"icon","iconOrText":"ticket-fill","edit":{"confirmLabel":"conferma","title":"confermi?","schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"minLength":8,"maxLength":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}}],"videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"content3"}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"content4"}}]},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active","_actions":[{"name":"activate","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":""}},{"name":"activate2","type":"icon","iconOrText":"ticket-fill","confirm":{"confirmLabel":"conferma","title":"confermi?","content":""}}]}],"actions":[{"name":"testaction","type":"text","iconOrText":"string"},{"name":"testaction2","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip","placement":"top"}},{"name":"testaction3","type":"icon","iconOrText":"github","tooltip":{"title":"Github tooltip 2","placement":"bottom"}},{"name":"testaction4","type":"icon","iconOrText":"github","confirm":{"confirmLabel":"conferma","title":"confermi?","content":"contenuto dialog1"}}]}},{"name":"BasicTableWithTruncateAndCopy","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description","truncateAt":3,"copyTxt":true},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"selectrow":"yes"}},{"name":"BasicTableWithTooltips","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"Title tooltip","placement":"top"}},{"label":"description","key":"description","tooltip":{"title":"Description tooltip","placement":"bottom"}},{"label":"nested","key":"testnested.nested","tooltip":{"title":"Nested tooltip","placement":"right"}},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY","tooltip":{"title":"Date tooltip","placement":"left"}}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"}]}},{"name":"BasicTableWithEvidencedRows","data":{"headers":[{"label":"title","key":"title","tooltip":{"title":"This is the title","placement":"top"}},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"}],"rows":[{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active","_evidenced":true},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active","_evidenced":true}]}},{"name":"BasicTableWithPageSizeSelect","description":"Table with page size selector (select dropdown)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"select","page_size_options":"5,10,25,50"}},{"name":"BasicTableWithPageSizeNumber","description":"Table with page size selector (free number input)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"number"}},{"name":"BasicTableWithSortAndPageSize","description":"Table with sort indicator and page size selector in pagination","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithSortDefault","description":"Default sort set to 'title' — Title column is pre-selected in pagination sort","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_default":"title","page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithDefaultLabelOnSort","description":"Custom label for the default sort option (shows 'Relevance' instead of 'Default')","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_default_label":"Rele","page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithPaginateSortDisabled","description":"Table with sort on columns but sort controls hidden from pagination bar","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"disable_paginate_sort":true,"page_size_type":"select","page_size_options":"5,10,25"}},{"name":"BasicTableWithStrictSortDirection","description":"Sort direction only allows asc/desc (no default/clear state)","data":{"headers":[{"label":"title","key":"title","search":true},{"label":"description","key":"description"},{"label":"nested","key":"testnested.nested"},{"label":"data","key":"time","type":"datetime","format":"DD MMMM YYYY"}],"rows":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z","_id":"bau","status":"closed"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z","description":"ffff2","_id":"bb1","status":"closed"},{"title":"bb2","time":"2021-08-02T22:46:32.565Z","_id":"bb2","status":"active"},{"title":"ss","time":"2021-08-06T22:46:34.565Z","description":"fffffff","testnested":{"nested":"dddd"},"_id":"ss","status":"active"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","_id":"bb4","status":"active"},{"title":"aa5","time":"2021-08-06T22:46:34.565Z","_id":"aa5","status":"active"},{"title":"bb6","time":"2021-08-06T22:46:34.565Z","_id":"bb6","status":"active"},{"title":"bb7","time":"2021-08-06T22:46:34.565Z","_id":"bb7","status":"active"},{"title":"bb8","time":"2021-08-06T22:46:34.565Z","_id":"bb8","status":"active"},{"title":"bb9","time":"2021-08-06T22:46:33.565Z","_id":"bb9","status":"active"},{"title":"bb10","time":"2021-08-06T22:46:34.565Z","_id":"bb10","status":"active"},{"title":"bb11","time":"2021-08-06T22:46:34.565Z","_id":"bb11","status":"active"},{"title":"bb12","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","_id":"bb12","status":"active"},{"title":"bb13","time":"2021-08-07T22:46:39.565Z","_id":"bb13","status":"active"}],"total":14,"size":5,"sort_strict_direction":true,"page_size_type":"select","page_size_options":"5,10,25"}}],"iifeIntegrity":"sha384-T3SeBLW5ZYw6MvGPHsaJwPgUM3EoWTLy4Tmgm8l451bpZ3Z0GxkVteYsNil35J/s","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-table","category":"data","tags":["data","table"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-table","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"beginStroke":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"draw_id":{"type":"string"},"id":{"type":"string"}},"required":["date","id","draw_id"],"type":"object"},"changeIndex":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"drawLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"endStroke":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"end":{"format":"date-time","type":"string"},"id":{"type":"string"},"index":{"type":"number"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"pathData":{"type":"string"},"pen_color":{"type":"string"},"start":{"format":"date-time","type":"string"},"stroke_id":{"type":"string"}},"required":["id","stroke_id","start","end","min","max","pathData","pen_color","index","draw_id"],"type":"object"},"historyIndex":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start_index":{"type":"number"}},"required":["index","id","draw_id"],"type":"object"},"imageLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"error":{"type":"string"},"id":{"type":"string"},"ok":{"type":"boolean"}},"required":["ok","draw_id","id"],"type":"object"},"save":{"$ref":"#/definitions/TSave"},"selection":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"maxX":{"type":"number"},"maxY":{"type":"number"},"minX":{"type":"number"},"minY":{"type":"number"},"strokes":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"}},"required":["minX","minY","maxX","maxY","strokes","id","draw_id"],"type":"object"},"startStroke":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"id":{"type":"string"},"index":{"type":"number"},"start":{"format":"date-time","type":"string"},"stroke_id":{"type":"string"}},"required":["id","start","stroke_id","index","draw_id"],"type":"object"},"txtLoaded":{"additionalProperties":false,"properties":{"draw_id":{"type":"string"},"error":{"type":"string"},"id":{"type":"string"},"ok":{"type":"boolean"}},"required":["ok","draw_id","id"],"type":"object"}},"required":["beginStroke","startStroke","endStroke","selection","historyIndex","changeIndex","save","drawLoaded","imageLoaded","txtLoaded"],"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move","image","text"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"size":{"$ref":"#/definitions/TSize"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version","size"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"},"TSize":{"additionalProperties":false,"properties":{"height":{"type":"number"},"paperSize":{"enum":["A4","A3","A2","A1","A0","B5","B4","B3","B2","B1","B0","letter","legal","tabloid","ledger","executive","folio","quarto","statement","A5","B6","custom"],"type":"string"},"width":{"type":"number"}},"required":["paperSize"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"background_color":{"type":"string"},"debug":{"enum":["yes","no"],"type":"string"},"draw_id":{"type":"string"},"goto":{"type":"number"},"id":{"type":"string"},"insert_image":{"additionalProperties":false,"properties":{"base64":{"type":"string"},"name":{"type":"string"},"type":{"$ref":"#/definitions/TInsertImageType"},"uri":{"type":"string"}},"required":["name","type"],"type":"object"},"insert_text":{"additionalProperties":false,"properties":{"content":{"type":"string"},"name":{"type":"string"}},"required":["name","content"],"type":"object"},"load_draw":{"$ref":"#/definitions/TSave"},"mode":{"enum":["eraser","draw","select"],"type":"string"},"options":{"additionalProperties":false,"properties":{"easing":{},"end":{"additionalProperties":false,"properties":{"cap":{"type":"boolean"},"easing":{},"taper":{"type":"number"}},"required":["taper","easing","cap"],"type":"object"},"simulatePressure":{"type":"boolean"},"size":{"type":"number"},"smoothing":{"type":"number"},"start":{"additionalProperties":false,"properties":{"cap":{"type":"boolean"},"easing":{},"taper":{"type":"number"}},"required":["taper","easing","cap"],"type":"object"},"streamline":{"type":"number"},"thinning":{"type":"number"}},"type":"object"},"pen_color":{"type":"string"},"pen_opacity":{"type":"number"},"save_as":{"additionalProperties":false,"properties":{"name":{"type":"string"},"type":{"$ref":"#/definitions/TSaveType"}},"required":["name","type"],"type":"object"},"size":{"$ref":"#/definitions/TSize"},"style":{"type":"string"},"view":{"additionalProperties":false,"properties":{"lockPan":{"type":"boolean"},"lockZoom":{"type":"boolean"},"pan":{"additionalProperties":false,"properties":{"x":{"type":"number"},"y":{"type":"number"}},"required":["x","y"],"type":"object"},"zoom":{"additionalProperties":false,"properties":{"type":{"enum":["fit","custom"],"type":"string"},"value":{"type":"number"}},"required":["type","value"],"type":"object"}},"required":["lockPan","lockZoom","zoom","pan"],"type":"object"}},"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move","image","text"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TInsertImageType":{"enum":["png","svg","jpg","jpeg"],"type":"string"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"size":{"$ref":"#/definitions/TSize"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version","size"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"},"TSize":{"additionalProperties":false,"properties":{"height":{"type":"number"},"paperSize":{"enum":["A4","A3","A2","A1","A0","B5","B4","B3","B2","B1","B0","letter","legal","tabloid","ledger","executive","folio","quarto","statement","A5","B6","custom"],"type":"string"},"width":{"type":"number"}},"required":["paperSize"],"type":"object"}}}},"description":"Freehand drawing surface with modes (`draw`, `eraser`, `select`), brush `options`, `background_color` / `pen_color` / `pen_opacity`, and optional `load_draw`, `insert_image`, or `insert_text`. Supports `save_as`, `size`, `view`, `goto`, and events for strokes, selection, history, save, and asset load.","storybookArgs":{"background_color":{"control":{"type":"text"}},"pen_color":{"control":{"type":"text"}},"pen_opacity":{"control":{"type":"range","min":0,"max":1,"step":0.1}},"debug":{"options":["yes","no"],"control":{"type":"select"}},"save_as":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"size":{"control":{"type":"object"}},"view":{"control":{"type":"object"}},"goto":{"control":{"type":"number"}},"mode":{"options":["eraser","draw","select"],"control":{"type":"radio"}},"load_draw":{"control":{"type":"object"}},"insert_text":{"control":{"type":"object"}},"insert_image":{"control":{"type":"object"}},"startStroke":{"action":"startStrokeEvent"},"beginStroke":{"action":"beginStrokeEvent"},"endStroke":{"action":"endStrokeEvent"},"selection":{"action":"selectionEvent"},"historyIndex":{"action":"historyIndexEvent"},"changeIndex":{"action":"changeIndexEvent"},"save":{"action":"saveEvent"},"drawLoaded":{"action":"drawLoadedEvent"},"imageLoaded":{"action":"imageLoadedEvent"},"txtLoaded":{"action":"txtLoadedEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withPressure","data":{"options":{"simulatePressure":false}}},{"name":"withSimulatePressure","data":{"options":{"simulatePressure":true}}},{"name":"ThinBrushOnBackground","data":{"background_color":"rgb(200,200,200)","pen_color":"rgb(100,100,100)","options":{"size":2,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"BigBrushColor","data":{"pen_color":"rgb(100,100,100)","options":{"size":16,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"LoadDraw","data":{"load_draw":{"type":"json","draw":[{"path":[[196,57,0.5],[198,57,0.5],[202,57,0.5],[219,57,0.5],[223,57,0.5]],"color":"rgb(0,0,0)","id":"1671124484963","pathData":"M 196 54.28875 Q 196 54.28875 202.6125 54.537796875 209.225 54.78684375 209.57834293663552 54.84477326089788 209.93168587327105 54.90270277179576 210.24803371116735 55.07042606940648 210.56438154906365 55.2381493670172 210.81061258608528 55.49810577780627 211.05684362310691 55.75806218859534 211.20717740467902 56.083034207731316 211.35751118625112 56.408006226867286 211.3962077257588 56.76396919816234 211.43490426526654 57.11993216945741 211.3579120248085 57.46961667585187 211.2809197843505 57.81930118224632 211.09629987182666 58.12609516361293 210.91167995930283 58.43288914497954 210.6387621282894 58.664671190483475 210.3658442972759 58.8964532359874 210.03320311672323 59.02895570427987 209.70056193617054 59.161458172572345 209.34302502549124 59.18080802024588 208.98548811481194 59.200157867919415 208.64048968293474 59.104329160814736 208.29549125105754 59.008500453710056 207.99915272487073 58.80752648275734 207.7028141986839 58.60655251180463 207.48616230010498 58.3214753048146 207.26951040152608 58.03639809782457 207.15522864152683 57.69706531362217 207.0409468815276 57.35773252941976 207.0410005905474 56.999672400086126 207.0410542995672 56.64161227075248 207.1554378542575 56.30231378634754 207.2698214089478 55.96301530194259 207.48655882093817 55.67800310334964 207.70329623292858 55.39299090475669 207.99969503797055 55.192105844404324 208.29609384301253 54.99122078405196 208.6411210079765 54.89549558078758 208.98614817294046 54.7997703775232 209.34367926257636 54.81922748539759 209.70121035221229 54.838684593271985 210.03381176705625 54.97128684795452 210.36641318190019 55.10388910263704 210.63926146601972 55.335753013058856 210.91210975013928 55.56761692348067 211.09663761616218 55.87446627701448 211.2811654821851 56.18131563054828 211.35805281382812 56.53102321887873 211.43494014547116 56.880730807209176 211.396136818815 57.23668215352423 211.35733349215883 57.59263349983927 211.20690222574746 57.91756040421771 211.0564709593361 58.24248730859615 210.81016194647282 58.50236983837718 210.56385293360952 58.762252368158215 210.24745479296035 58.929880753871444 209.93105665231116 59.097509139584666 209.57769635272305 59.15533264499632 209.22433605313495 59.21315615040797 209.22466802656749 59.21315620020398 209.225 59.21315625 202.6125 59.462203125 196 59.71125 195.67556757774054 59.67185550565311 195.35113515548107 59.63246101130623 195.04555876084675 59.51656713812797 194.7399823662124 59.400673264949695 194.47102211361675 59.215015770294414 194.2020618610211 59.02935827563913 193.98534973298206 58.78472758181928 193.76863760494302 58.54009688799943 193.6167689205244 58.25071094243375 193.46490023610576 57.961324996868065 193.38670161038146 57.64400292430956 193.3085029846572 57.326680851751064 193.3085193254285 56.99986542596616 193.30853566619982 56.673050000181256 193.3867660237403 56.355735749071926 193.4649963812808 56.038421497962595 193.61689400353458 55.749050740712256 193.76879162578837 55.45967998346192 193.9855282158132 55.21507096207799 194.202264805838 54.97046194069406 194.4712436228383 54.78483134299228 194.74022243983856 54.5992007452905 195.04581042233232 54.48333743033112 195.35139840482609 54.36747411537173 195.67583476491282 54.328112064463994 196.00027112499956 54.28875001355625 196.0001355624998 54.28875000677813 Z","min":[196,57],"max":[223,57],"visible":true,"actionIndex":0,"opacity":1,"type":"stroke"}],"id":"stylus-paper","draw_id":"0.wh3036wc7x0.fevf9p1uqkg1671124483602","name":"test","version":0,"size":{"paperSize":"A4"}},"options":{"size":16,"thinning":0.7,"smoothing":0.5,"streamline":0.5}}},{"name":"LoadImage","data":{"insert_image":{"name":"test","type":"jpeg","base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD//gATQ3JlYXRlZCB3aXRoIEdJTVD/4gKwSUNDX1BST0ZJTEUAAQEAAAKgbGNtcwQwAABtbnRyUkdCIFhZWiAH5gAMABMAFgA1ACZhY3NwQVBQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWxjbXMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1kZXNjAAABIAAAAEBjcHJ0AAABYAAAADZ3dHB0AAABmAAAABRjaGFkAAABrAAAACxyWFlaAAAB2AAAABRiWFlaAAAB7AAAABRnWFlaAAACAAAAABRyVFJDAAACFAAAACBnVFJDAAACFAAAACBiVFJDAAACFAAAACBjaHJtAAACNAAAACRkbW5kAAACWAAAACRkbWRkAAACfAAAACRtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACQAAAAcAEcASQBNAFAAIABiAHUAaQBsAHQALQBpAG4AIABzAFIARwBCbWx1YwAAAAAAAAABAAAADGVuVVMAAAAaAAAAHABQAHUAYgBsAGkAYwAgAEQAbwBtAGEAaQBuAABYWVogAAAAAAAA9tYAAQAAAADTLXNmMzIAAAAAAAEMQgAABd7///MlAAAHkwAA/ZD///uh///9ogAAA9wAAMBuWFlaIAAAAAAAAG+gAAA49QAAA5BYWVogAAAAAAAAJJ8AAA+EAAC2xFhZWiAAAAAAAABilwAAt4cAABjZcGFyYQAAAAAAAwAAAAJmZgAA8qcAAA1ZAAAT0AAACltjaHJtAAAAAAADAAAAAKPXAABUfAAATM0AAJmaAAAmZwAAD1xtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAEcASQBNAFBtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEL/2wBDABMNDhAODBMQDxAVFBMWHC4eHBoaHDkpKyIuQztHRkI7QUBKVGtaSk9lUEBBXX5eZW5yd3l3SFmDjIJ0i2t1d3P/2wBDARQVFRwYHDceHjdzTUFNc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3P/wgARCAAyADIDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMGBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe0AAAAAAACJYAAGVNIWAAAAAAAAAAAB/8QAGRABAAMBAQAAAAAAAAAAAAAAAwECQBMg/9oACAEBAAEFAsEsdbelJOoxNS0f/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAwEBPwFH/8QAFBEBAAAAAAAAAAAAAAAAAAAAUP/aAAgBAgEBPwFH/8QAHBAAAQMFAAAAAAAAAAAAAAAAAQIRQAASICIx/9oACAEBAAY/AoFpUHzOpLmkhXWk/wD/xAAbEAABBQEBAAAAAAAAAAAAAAABABEhMUAgUf/aAAgBAQABPyHA0G8Or6EGSICypqS0/wD/2gAMAwEAAgADAAAAEJJJJJJJJBJJIBJJJJJJJJJJJJ//xAAUEQEAAAAAAAAAAAAAAAAAAABQ/9oACAEDAQE/EEf/xAAUEQEAAAAAAAAAAAAAAAAAAABQ/9oACAECAQE/EEf/xAAaEAEBAAIDAAAAAAAAAAAAAAABEQAhIEBB/9oACAEBAAE/EOgST/W2CARo+8WozTj3oIJEXW8dSmNrygthen//2Q=="}}},{"name":"LoadTxt","data":{"insert_text":{"name":"test","content":"ciao"}}}],"iifeIntegrity":"sha384-1I8vGAMNTx7d+EcJ7XnmNxAh1ZqqglqCmOIYujVUB3YJcjrvdbnJ6ZsH9MOWG0Bz","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-stylus-paper","category":"inputs","tags":["inputs","drawing"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-stylus-paper","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"debug":{"enum":["yes","no"],"type":"string"},"id":{"type":"string"},"load_draw":{"$ref":"#/definitions/TSave"},"save":{"additionalProperties":false,"properties":{"name":{"type":"string"},"type":{"enum":["pdf","json","png","svg","jpg"],"type":"string"}},"required":["name","type"],"type":"object"},"style":{"type":"string"}},"type":"object"},"IStroke":{"additionalProperties":false,"properties":{"actionIndex":{"type":"number"},"color":{"type":"string"},"erasedAtIndex":{"type":"number"},"id":{"type":"string"},"max":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"min":{"items":{"type":"number"},"maxItems":2,"minItems":2,"type":"array"},"multipath":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"opacity":{"type":"number"},"path":{"$ref":"#/definitions/TPath"},"pathData":{"type":"string"},"selected":{"type":"boolean"},"type":{"enum":["stroke","multiplestroke","eraser","move"],"type":"string"},"visible":{"type":"boolean"}},"required":["actionIndex","visible","id","type"],"type":"object"},"TPath":{"items":{"items":{"type":"number"},"maxItems":3,"minItems":3,"type":"array"},"type":"array"},"TSave":{"additionalProperties":false,"properties":{"draw":{"items":{"$ref":"#/definitions/IStroke"},"type":"array"},"draw_id":{"type":"string"},"id":{"type":"string"},"name":{"type":"string"},"type":{"$ref":"#/definitions/TSaveType"},"version":{"type":"number"}},"required":["type","draw","id","draw_id","name","version"],"type":"object"},"TSaveType":{"enum":["pdf","json","png","svg","jpg"],"type":"string"}}}},"description":"Notebook-sized stylus canvas: optional `load_draw` restores saved stroke JSON; `save` configures persistence; `debug` toggles diagnostics. Same slot/part hooks as the skeleton dev component; emits `event` on user actions.","storybookArgs":{"load_draw":{"control":{"type":"object"}},"save":{"control":{"type":"object"}},"debug":{"options":["yes","no"],"control":{"type":"select"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withLoadDraw","data":{"load_draw":{"type":"json","draw":[{"path":[[196,57,0.5],[198,57,0.5],[202,57,0.5],[219,57,0.5],[223,57,0.5]],"color":"rgb(0,0,0)","id":"1671124484963","pathData":"M 196 54.28875 Q 196 54.28875 202.6125 54.537796875 209.225 54.78684375 209.57834293663552 54.84477326089788 209.93168587327105 54.90270277179576 210.24803371116735 55.07042606940648 210.56438154906365 55.2381493670172 210.81061258608528 55.49810577780627 211.05684362310691 55.75806218859534 211.20717740467902 56.083034207731316 211.35751118625112 56.408006226867286 211.3962077257588 56.76396919816234 211.43490426526654 57.11993216945741 211.3579120248085 57.46961667585187 211.2809197843505 57.81930118224632 211.09629987182666 58.12609516361293 210.91167995930283 58.43288914497954 210.6387621282894 58.664671190483475 210.3658442972759 58.8964532359874 210.03320311672323 59.02895570427987 209.70056193617054 59.161458172572345 209.34302502549124 59.18080802024588 208.98548811481194 59.200157867919415 208.64048968293474 59.104329160814736 208.29549125105754 59.008500453710056 207.99915272487073 58.80752648275734 207.7028141986839 58.60655251180463 207.48616230010498 58.3214753048146 207.26951040152608 58.03639809782457 207.15522864152683 57.69706531362217 207.0409468815276 57.35773252941976 207.0410005905474 56.999672400086126 207.0410542995672 56.64161227075248 207.1554378542575 56.30231378634754 207.2698214089478 55.96301530194259 207.48655882093817 55.67800310334964 207.70329623292858 55.39299090475669 207.99969503797055 55.192105844404324 208.29609384301253 54.99122078405196 208.6411210079765 54.89549558078758 208.98614817294046 54.7997703775232 209.34367926257636 54.81922748539759 209.70121035221229 54.838684593271985 210.03381176705625 54.97128684795452 210.36641318190019 55.10388910263704 210.63926146601972 55.335753013058856 210.91210975013928 55.56761692348067 211.09663761616218 55.87446627701448 211.2811654821851 56.18131563054828 211.35805281382812 56.53102321887873 211.43494014547116 56.880730807209176 211.396136818815 57.23668215352423 211.35733349215883 57.59263349983927 211.20690222574746 57.91756040421771 211.0564709593361 58.24248730859615 210.81016194647282 58.50236983837718 210.56385293360952 58.762252368158215 210.24745479296035 58.929880753871444 209.93105665231116 59.097509139584666 209.57769635272305 59.15533264499632 209.22433605313495 59.21315615040797 209.22466802656749 59.21315620020398 209.225 59.21315625 202.6125 59.462203125 196 59.71125 195.67556757774054 59.67185550565311 195.35113515548107 59.63246101130623 195.04555876084675 59.51656713812797 194.7399823662124 59.400673264949695 194.47102211361675 59.215015770294414 194.2020618610211 59.02935827563913 193.98534973298206 58.78472758181928 193.76863760494302 58.54009688799943 193.6167689205244 58.25071094243375 193.46490023610576 57.961324996868065 193.38670161038146 57.64400292430956 193.3085029846572 57.326680851751064 193.3085193254285 56.99986542596616 193.30853566619982 56.673050000181256 193.3867660237403 56.355735749071926 193.4649963812808 56.038421497962595 193.61689400353458 55.749050740712256 193.76879162578837 55.45967998346192 193.9855282158132 55.21507096207799 194.202264805838 54.97046194069406 194.4712436228383 54.78483134299228 194.74022243983856 54.5992007452905 195.04581042233232 54.48333743033112 195.35139840482609 54.36747411537173 195.67583476491282 54.328112064463994 196.00027112499956 54.28875001355625 196.0001355624998 54.28875000677813 Z","min":[196,57],"max":[223,57],"visible":true,"actionIndex":0,"opacity":1,"type":"stroke"}],"id":"stylus-paper","draw_id":"0.wh3036wc7x0.fevf9p1uqkg1671124483602","name":"test","version":0}}}],"iifeIntegrity":"sha384-chIWpJTFJAO0B++WQvfbuFJIOyYUreDXscASH61FXTWjdSlPVUcjD6+v/YdQfek4","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-stylus-notebook","category":"inputs","tags":["inputs","drawing"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-stylus-notebook","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"boolean":{"type":"boolean"},"id":{"type":"string"},"json":{},"string":{"type":"string"},"style":{"type":"string"}},"required":["string"],"type":"object"}}}},"description":"Development scaffold: accepts arbitrary `json`, `string`, and `boolean` props to test bindings, exposes a `skelcontent` slot and a `testpart` CSS part, and emits a generic `event` for wiring demos.","storybookArgs":{"json":{"control":{"type":"object"}},"string":{"control":{"type":"text"}},"boolean":{"control":{"type":"boolean"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"json":{"a":0},"string":"test","boolean":false}}],"iifeIntegrity":"sha384-ImesZaa/bGfOgZhH+EKkXZ9KZuRslUjX8lnDAZ3PpctTL54DXKL3Xwu28lhOa8/K","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-skeleton-component","category":"data","tags":["data","loading"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-skeleton-component","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"slideClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["slideClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"items":{"$ref":"#/definitions/Data"},"type":"array"},"id":{"type":"string"},"size":{"type":"number"},"slide":{"type":"number"},"style":{"type":"string"},"type":{"enum":["images","videos"],"type":"string"}},"required":["data"],"type":"object"},"Data":{"additionalProperties":false,"properties":{"caption":{"type":"string"},"duration":{"type":"string"},"externalLink":{"type":"string"},"href":{"type":"string"},"index":{"type":"number"},"key":{"type":"string"},"link":{"type":"string"}},"required":["href"],"type":"object"}}}},"description":"Horizontal media strip: `data` lists slides with `href`, `caption`, and optional `link`, `externalLink`, `key`, or `duration` for video-style rows. Set `type` to `videos` for that layout; emits `slideClick` when a slide is activated.","storybookArgs":{"data":{"control":{"type":"object"}},"type":{"control":{"type":"text"}},"slideClick":{"action":"slideClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"video_sub_title","description":"video_sub_title"},{"name":"video_sub_title","description":"video_sub_title"},{"name":"caption_content","description":"caption_content"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":[{"href":"https://placehold.co/600x400/000000/FFFFFF","caption":"HTMLbricks"},{"href":"https://placehold.co/600x400/000000/0000FF","caption":"HTMLbricks2","externalLink":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/00FFFF","caption":"HTMLbricks3","link":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/a94949","caption":"HTMLbricks4","key":"htmlbricks"},{"href":"https://placehold.co/600x400/000000/49a962","caption":"HTMLbricks5"},{"href":"https://placehold.co/600x400/000000/49a9a0","caption":"HTMLbricks6"},{"href":"https://placehold.co/600x400/000000/49a94c","caption":"HTMLbricks7"},{"href":"https://placehold.co/600x400/000000/6549a9","caption":"HTMLbricks8"},{"href":"https://placehold.co/600x400/000000/a94999","caption":"HTMLbricks9"},{"href":"https://placehold.co/600x400/000000/a99d49","caption":"HTMLbricks10"},{"href":"https://placehold.co/600x400/000000/6949a9","caption":"HTMLbricks11"}]}},{"name":"videos","data":{"data":[{"href":"https://placehold.co/600x400/000000/FFFFFF","caption":"HTMLbricks","duration":"33 seconds"},{"href":"https://placehold.co/600x400/000000/0000FF","caption":"HTMLbricks2","duration":"00:33","externalLink":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/00FFFF","caption":"HTMLbricks3","link":"https://docs.htmlbricks.kernel.online"},{"href":"https://placehold.co/600x400/000000/a94949","caption":"HTMLbricks4","key":"htmlbricks"},{"href":"https://placehold.co/600x400/000000/49a962","caption":"HTMLbricks5"},{"href":"https://placehold.co/600x400/000000/49a9a0","caption":"HTMLbricks6"},{"href":"https://placehold.co/600x400/000000/49a94c","caption":"HTMLbricks7"},{"href":"https://placehold.co/600x400/000000/6549a9","caption":"HTMLbricks8"},{"href":"https://placehold.co/600x400/000000/a94999","caption":"HTMLbricks9"},{"href":"https://placehold.co/600x400/000000/a99d49","caption":"HTMLbricks10"},{"href":"https://placehold.co/600x400/000000/6949a9","caption":"HTMLbricks11"}],"type":"videos"}}],"iifeIntegrity":"sha384-MxPV/G8dXzYv7AMQBKTaXvqsaDj992sAG2phYuXmqPS20Nh4hvwbnvqNf1E20CvH","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-slideshow-horizontal","category":"content","tags":["content","media"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-slideshow-horizontal","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeSlide":{"additionalProperties":false,"properties":{"index":{"type":"number"}},"required":["index"],"type":"object"},"onHover":{"additionalProperties":false,"properties":{"hover":{"type":"boolean"},"index":{"type":"number"}},"required":["index","hover"],"type":"object"}},"required":["changeSlide","onHover"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"items":{"$ref":"#/definitions/IData"},"type":"array"},"id":{"type":"string"},"index":{"type":"number"},"style":{"type":"string"},"timer":{"type":"number"}},"required":["data"],"type":"object"},"IData":{"additionalProperties":false,"properties":{"caption":{"type":"string"},"href":{"type":"string"},"index":{"type":"number"}},"required":["href"],"type":"object"}}}},"description":"Full-viewport image slideshow: pass `data` as an array of slides (`href`, optional `caption`). Supports optional `index` and `timer`, dots and captions via CSS parts, overlay/prev/next/cover slots, and dispatches slide change and hover events.","storybookArgs":{"data":{"control":{"type":"object"}},"index":{"control":{"type":"number"}},"timer":{"control":{"type":"number"}},"changeSlide":{"action":"changeSlide"},"onHover":{"action":"onHover"}},"styleSetup":{"vars":[],"parts":[{"name":"dot","description":"dots"},{"name":"caption_container","description":"caption content"},{"name":"caption_content","description":"caption content"},{"name":"cover_on_images","description":"cover_on_images"}]},"contributors":[],"htmlSlots":[{"name":"overlay","description":"overlay"},{"name":"prev","description":"previous"},{"name":"next","description":"next"},{"name":"cover_on_images","description":"cover_on_images"}],"i18n":[],"examples":[{"name":"default","data":{"data":[{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Free_high-resolution_pictures_you_can_use_on_your_personal_and_commercial_projects._%2814355732205%29.jpg/800px-Free_high-resolution_pictures_you_can_use_on_your_personal_and_commercial_projects._%2814355732205%29.jpg","caption":"Street"},{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Relief_World_Map_by_maps-for-free.jpg/783px-Relief_World_Map_by_maps-for-free.jpg","caption":"Earth"},{"href":"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Thomisus_onustus_with_Apis_mellifera.jpg/800px-Thomisus_onustus_with_Apis_mellifera.jpg","caption":"Bee"}],"index":0}}],"iifeIntegrity":"sha384-qAMfBFkDaCi2Hzb/pScUfb9EaHNt+mu3EZkuH4xCKnNQ52LxHBeWUhPNH4QBmmon","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-slideshow","category":"content","tags":["content","media"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-slideshow","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"elClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["elClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"half_space":{"type":"boolean"},"id":{"type":"string"},"img":{"additionalProperties":false,"properties":{"alt":{"type":"string"},"src":{"type":"string"}},"required":["src"],"type":"object"},"style":{"type":"string"},"text":{"additionalProperties":false,"properties":{"body":{"type":"string"},"link":{"additionalProperties":false,"properties":{"bgColor":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"src":{"type":"string"},"textColor":{"type":"string"}},"required":["label"],"type":"object"},"title":{"type":"string"}},"type":"object"},"text_side":{"enum":["left","right"],"type":"string"}},"required":["img","text"],"type":"object"}}}},"description":"Marketing block pairing an image (`img`) with rich text (`text`: title, body, optional link). Use `text_side` (`left` / `right`) and `half_space` for layout; responsive parts cover mobile and desktop. Fires `elClick` when the link area is used.","storybookArgs":{"img":{"control":{"type":"object"}},"text":{"control":{"type":"object"}},"half_space":{"control":{"type":"boolean"}},"text_side":{"options":["left","right",""],"control":{"type":"select"}},"elClick":{"action":"elClick"}},"styleSetup":{"vars":[],"parts":[{"name":"mobile_text_content","description":"mobile_text_content"},{"name":"mobile_title","description":"mobile_title"},{"name":"mobile_text_body","description":"mobile_text_body"},{"name":"mobile_link_button","description":"mobile_link_button"},{"name":"mobile_image_content","description":"mobile_image_content"},{"name":"image_content","description":"image content"},{"name":"text_content","description":"text content"},{"name":"link_button","description":"link button"},{"name":"title","description":"title"},{"name":"text_body","description":"text body"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"img":{"src":"https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/446px-Commons-logo.svg.png"},"text":{"title":"PragraphWithImage Regular","body":"lore ipsum dolor sit ame1t, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.","link":{"label":"linkato"}}}}],"iifeIntegrity":"sha384-p/RZw3VeHw/0N357JCWrIInETQ9uz4BcT0OGtJaR0WK15otQS/rswNvIXlFRdhnF","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-paragraph-with-image","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-paragraph-with-image","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"address":{"type":"string"},"latLng":{"items":{"type":"number"},"type":"array"},"link":{"type":"string"},"name":{"type":"string"}},"required":["address"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"addresses":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"icon":{"type":"string"},"title":{"type":"string"}},"required":["addresses"],"type":"object"},"availability":{"additionalProperties":false,"properties":{"appointment":{"type":"boolean"},"icon":{"type":"string"},"times":{"items":{"type":"string"},"type":"array"},"title":{"type":"string"}},"required":["times"],"type":"object"},"emails":{"additionalProperties":false,"properties":{"emails":{"items":{"$ref":"#/definitions/Email"},"type":"array"},"icon":{"type":"string"},"title":{"type":"string"}},"required":["emails"],"type":"object"},"id":{"type":"string"},"model":{"enum":["big","small"],"type":"string"},"phones":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/Phone"},"type":"array"},"title":{"type":"string"}},"required":["phones"],"type":"object"},"style":{"type":"string"},"websites":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"title":{"type":"string"},"websites":{"items":{"$ref":"#/definitions/Website"},"type":"array"}},"required":["websites"],"type":"object"}},"type":"object"},"Email":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"name":{"type":"string"}},"required":["address"],"type":"object"},"Phone":{"additionalProperties":false,"properties":{"name":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"Website":{"additionalProperties":false,"properties":{"label":{"type":"string"},"name":{"type":"string"},"url":{"type":"string"}},"required":["url"],"type":"object"}}}},"description":"Contact strip for addresses (with optional `latLng`), phones, emails, websites, and `availability` (times, appointment flag). `model` `big` / `small` or omit for auto layouts that adapt to which fields you pass.","storybookArgs":{"addresses":{"control":{"type":"object"}},"phones":{"control":{"type":"object"}},"emails":{"control":{"type":"object"}},"websites":{"control":{"type":"object"}},"model":{"control":{"type":"text"}},"availability":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"big","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"small","data":{"model":"small","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"auto","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]},"availability":{"times":["8 - 20"],"appointment":true}}},{"name":"auto2","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]}}},{"name":"auto3","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]}}},{"name":"auto4","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]}}},{"name":"auto1","data":{"addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]}}},{"name":"big2","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]}}},{"name":"big3","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]}}},{"name":"big4","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]},"emails":{"emails":[{"label":"email 1","address":"dev@dariocaruso.info","name":"dev"}]},"phones":{"phones":[{"number":"+666 666 666 666","name":"main"}]},"websites":{"websites":[{"label":"website 1 1","url":"https://docs.htmlbricks.kernel.online","name":"webcomponents"}]}}},{"name":"big1","data":{"model":"big","addresses":{"addresses":[{"address":"Acacia Avenue 666, London UK","latLng":[0,0],"name":"office"}]}}}],"iifeIntegrity":"sha384-cDeQ1OJDn01LkEIqU6zGerWMjIA9V/fn/5dPsmwVwerT3kye3RNNxmIM8FVsrnlj","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-site-contacts-row","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-site-contacts-row","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"navlink":{"$ref":"#/definitions/INavLink"},"navpage":{"type":"string"},"selected":{"type":"boolean"},"style":{"type":"string"}},"required":["navlink"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Sidebar nav item: Bootstrap icon, label, optional badge, and either a flat link that dispatches pageChange on click or an expandable group of subLinks with active state when navpage or selected matches. Intended for use inside sidebar-desktop lists.","storybookArgs":{"navpage":{"control":{"type":"text"}},"navlink":{"control":{"type":"object"}},"selected":{"control":{"type":"boolean"}},"pageChange":{"action":"pageChangeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"li","description":"list element"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}},{"name":"withPage","data":{"navpage":"home","navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}},{"name":"selected","data":{"selected":true,"navlink":{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}}}}],"iifeIntegrity":"sha384-EyqZFY6JSy6FaCzHxSTsYySxir73TyWSo6YSYvU7/MO+xUmAbD50TR/+RZRli4ry","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidenav-link","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidenav-link","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"navlink":{"$ref":"#/definitions/INavLink"},"style":{"type":"string"}},"required":["navlink"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"}}}},"description":"Compact sidebar row as a nav button: optional Bootstrap icon, badge, or visual types (switch, checkbox, radio) from navlink JSON; dispatches pageChange with the row key on click. Used by sidebar-cards-navigator and similar stacked menus.","storybookArgs":{"nav_type":{"control":{"type":"select","options":["switch","range","radio","checkbox","button"]}},"navlink":{"control":{"type":"object"}},"selected":{"control":{"type":"boolean"}},"pageChange":{"action":"pageChangeEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"li","description":"list element"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","badge":{"text":"bbb"}}}},{"name":"selected","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","badge":{"text":"bbb"},"selected":true}}},{"name":"switch","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":true,"type":"switch"}}},{"name":"checkbox","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":true,"type":"checkbox"}}},{"name":"radio","data":{"navlink":{"text":"Home","key":"home","bootstrapIcon":"house-door","value":false,"type":"radio"}}}],"iifeIntegrity":"sha384-V9d4dY8eBSZTgYxzqrj6uJNOU7k5JCrgYfmP/QMeZRPtc2GFpHMqPsohxLMoKm0C","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidenav-button","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidenav-button","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companylogouri":{"type":"string"},"companytitle":{"type":"string"},"cookielawallowdecline":{"enum":["yes","no",null,""],"type":["string","null"]},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"enablefooter":{"type":"boolean"},"groups":{"items":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"},"type":"array"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"navpage":{"type":"string"},"onescreen":{"enum":["yes","no",null,""],"type":["string","null"]},"style":{"type":"string"}},"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Fixed-width desktop sidebar: optional company logo and title, header/footer slots, and a pill nav list built from hb-sidenav-link entries with optional JSON groups. Parses navlinks and groups from strings; emits pageChange when a link selects a page.","storybookArgs":{"companylogouri":{"control":{"type":"text"}},"companytitle":{"control":{"type":"text"}},"groups":{"control":{"type":"text"}},"enablefooter":{"control":{"type":"boolean"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"pageChange":{"action":"pageChangeEvent"},"navpage":{"control":{"type":"text"}},"navlinks":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"header","description":"header"}]},"contributors":[],"htmlSlots":[{"name":"test","description":"test"},{"name":"header","description":"header"},{"name":"footer","description":"footer"}],"i18n":[],"examples":[{"name":"default","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}]}},{"name":"sidebarOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}],"navpage":"settings"}},{"name":"sidebarWithGroups","data":{"navlinks":[{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"groups":[{"key":"stats","label":"statistiche"},{"key":"admin","label":"amministrazione"}]}},{"name":"sidebarWithGroupsOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"groups":[{"key":"stats","label":"statistiche"},{"key":"admin","label":"amministrazione"}],"navpage":"settings"}},{"name":"sidebarWithAutoGroupsOnSettings","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear","group":"admin"},{"label":"Users","key":"users","icon":"people-fill","group":"admin"},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats"}],"navpage":"settings"}},{"name":"sidebarWithAutoGroupsOnSettingsAndBadge","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings"}},{"name":"sidebarWithFooter","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings","enablefooter":true}},{"name":"sidebarMultilevel","data":{"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Settingsss","key":"settingsss","icon":"gear","group":"admin","subLinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}}]},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"navpage":"settings","enablefooter":true}}],"iifeIntegrity":"sha384-cjaDVn/vrywsofrIXHKptD4+rXatpU4AeNLq+un4jhvdjS8rdh9YtAKOQrNtLnAP","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidebar-desktop","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidebar-desktop","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardNavigatorRowSelected":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"sort":{"type":"number"},"title":{"type":"string"}},"required":["id"],"type":"object"},"CardRow":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"switchToPanelId":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"},"CardRowSelected":{"additionalProperties":false,"properties":{"card":{"$ref":"#/definitions/CardNavigatorRowSelected"},"id":{"type":"string"},"panel":{"$ref":"#/definitions/PanelRowSelected"},"row":{"$ref":"#/definitions/CardRow"}},"required":["panel","card","row","id"],"type":"object"},"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"itemClick":{"$ref":"#/definitions/CardRowSelected"}},"required":["itemClick"],"type":"object"}},"required":["event"],"type":"object"},"PanelRowSelected":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"main":{"type":"boolean"},"parentPanelId":{"type":"string"},"title":{"type":"string"}},"required":["id"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardNavigator":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"rows":{"items":{"$ref":"#/definitions/CardRow"},"type":"array"},"sort":{"type":"number"},"title":{"type":"string"}},"required":["id","rows"],"type":"object"},"CardRow":{"additionalProperties":false,"properties":{"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"bootstrapIcon":{"type":"string"},"key":{"type":"string"},"selected":{"type":"boolean"},"subtext":{"type":"string"},"switchToPanelId":{"type":"string"},"text":{"type":"string"},"type":{"enum":["switch","range","radio","checkbox","button"],"type":"string"},"value":{"type":["string","number","boolean"]}},"required":["key","text"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"panels":{"items":{"$ref":"#/definitions/Panel"},"type":"array"},"style":{"type":"string"}},"type":"object"},"Panel":{"additionalProperties":false,"properties":{"cards":{"items":{"$ref":"#/definitions/CardNavigator"},"type":"array"},"icon":{"type":"string"},"id":{"type":"string"},"main":{"type":"boolean"},"parentPanelId":{"type":"string"},"title":{"type":"string"}},"required":["cards","id"],"type":"object"}}}},"description":"Stacked sidebar navigator: picks an active panel from JSON panels (main or first without parent), shows hb-navbar with back when parentPanelId exists, then cards of rows rendered as hb-sidenav-button. Emits itemClick with panel, card and row context; rows can switch panels via switchToPanelId.","storybookArgs":{"panels":{"control":{"type":"object"}},"itemClick":{"action":"itemClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"panels":[{"id":"1","title":"test","cards":[{"id":"1","rows":[{"key":"1","text":"test","bootstrapIcon":"house-door","switchToPanelId":"2"}]},{"id":"2","rows":[{"key":"1","text":"test2"}]},{"id":"3","rows":[{"key":"1","text":"test3"}]}]},{"id":"2","parentPanelId":"1","title":"test2","cards":[{"id":"1","title":"ttteesstt","rows":[{"key":"1","text":"test"},{"key":"2","text":"ciao"}]},{"id":"2","rows":[{"key":"1","text":"test2","bootstrapIcon":"house-door","switchToPanelId":"1"}]}]},{"id":"3","title":"test3","cards":[{"id":"1","rows":[{"key":"1","text":"test"}]},{"id":"2","rows":[{"key":"1","text":"test2","bootstrapIcon":"house-door","switchToPanelId":"1"}]}]}]}},{"name":"empty","data":{"panels":[]}},{"name":"emptyRows","data":{"panels":[{"id":"1","cards":[{"id":"1","rows":[]}]}]}}],"iifeIntegrity":"sha384-0Tqq+8ORwy7C2w0UWyB3OsANbEWn5Ukfrz+G44lVkVQXMANz8PxBK5/uejoH2vZg","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-sidebar-cards-navigator","category":"layout","tags":["layout","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-sidebar-cards-navigator","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"footer":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"price":{"type":"string"},"rating":{"type":"number"},"ratingscale":{"type":"number"},"regularprice":{"type":"string"},"reviews":{"type":"string"},"reviewsurl":{"type":"string"},"style":{"type":"string"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"},"url":{"type":"string"}},"required":["img","url","badge","title","subtitle","text","rating","ratingscale","reviews","reviewsurl","price","regularprice","footer"],"type":"object"}}}},"description":"Horizontal shop product card: image with optional badge, linked title and metadata, description, star rating scale with numeric rating and reviews link, current and strikethrough prices, and optional footer—all overridable via named slots.","storybookArgs":{"action":{"control":{"type":"text"}},"img":{"control":{"type":"text"}},"url":{"control":{"type":"text"}},"badge":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"subtitle":{"control":{"type":"text"}},"text":{"control":{"type":"text"}},"rating":{"control":{"type":"number"}},"ratingscale":{"control":{"type":"number"}},"reviews":{"control":{"type":"text"}},"reviewsurl":{"control":{"type":"text"}},"price":{"control":{"type":"text"}},"regularprice":{"control":{"type":"text"}},"footer":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"badge","description":"badge"},{"name":"title","description":"title"},{"name":"subtitle","description":"subtitle"},{"name":"text","description":"text"},{"name":"reviews","description":"reviews"},{"name":"price","description":"price"},{"name":"footer","description":"footer"},{"name":"regularprice","description":"regularprice"}],"i18n":[],"examples":[{"name":"default","data":{"img":"","url":"","badge":"","title":"","subtitle":"","text":"","rating":0,"ratingscale":0,"reviews":"","reviewsurl":"","price":"","regularprice":"","footer":""}}],"iifeIntegrity":"sha384-a93mk8d5hUlo0sDaDjkFVHb/k8cRvSWxX2VWATZgSG//WFBqrNxUVp1qAZCDvT4g","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-shop-item-row","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-shop-item-row","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"footer":{"type":"string"},"id":{"type":"string"},"img":{"type":"string"},"price":{"type":"string"},"rating":{"type":"number"},"ratingscale":{"type":"number"},"regularprice":{"type":"string"},"reviews":{"type":"string"},"reviewsurl":{"type":"string"},"style":{"type":"string"},"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"},"url":{"type":"string"}},"required":["img","url","badge","title","subtitle","text","rating","ratingscale","reviews","reviewsurl","price","regularprice","footer"],"type":"object"}}}},"description":"Vertical shop product card: top image with optional badge, then the same body as shop-item-row (title, subtitle, text, stars, reviews, prices, footer) with Bootstrap card styling and matching slots.","storybookArgs":{"img":{"control":{"type":"text"}},"url":{"control":{"type":"text"}},"badge":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"subtitle":{"control":{"type":"text"}},"text":{"control":{"type":"text"}},"rating":{"control":{"type":"number"}},"ratingscale":{"control":{"type":"number"}},"reviews":{"control":{"type":"text"}},"reviewsurl":{"control":{"type":"text"}},"price":{"control":{"type":"text"}},"regularprice":{"control":{"type":"text"}},"footer":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"badge","description":"badge"},{"name":"title","description":"title"},{"name":"subtitle","description":"subtitle"},{"name":"text","description":"text"},{"name":"reviews","description":"reviews"},{"name":"price","description":"price"},{"name":"footer","description":"footer"},{"name":"regularprice","description":"regularprice"}],"i18n":[],"examples":[{"name":"default","data":{"img":"","url":"","badge":"","title":"","subtitle":"","text":"","rating":0,"ratingscale":0,"reviews":"","reviewsurl":"","price":"","regularprice":"","footer":""}}],"iifeIntegrity":"sha384-P8EUdFH2TpGzKGUfXMxpmksSmilm8DQVLJBcHmwAvbZG7dhDeya+P9p5f4BxaY9D","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-shop-item-cell","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-shop-item-cell","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clear":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"search":{"additionalProperties":false,"properties":{"by":{"enum":["button","input","searchlist"],"type":"string"},"input":{"type":"string"}},"required":["input","by"],"type":"object"}},"required":["search","clear"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"disable_preview":{"enum":["yes","no","true","false","on","off"],"type":"string"},"id":{"type":"string"},"input_info":{"$ref":"#/definitions/TSearchListItem"},"minlength":{"type":"number"},"searchlabel":{"type":"string"},"searchlist":{"items":{"$ref":"#/definitions/TSearchListItem"},"type":"array"},"style":{"type":"string"},"textarea":{"enum":["yes","true",""],"type":"string"},"value":{"type":"string"}},"required":["value"],"type":"object"},"TSearchListItem":{"additionalProperties":false,"properties":{"badge":{"$ref":"#/definitions/TSearchListItemBadge"},"fixed":{"type":"boolean"},"icon":{"type":"string"},"id":{"type":"string"},"number_of_results":{"type":"number"},"tags":{"items":{"$ref":"#/definitions/TSearchListItemTag"},"type":"array"},"text":{"type":"string"},"url":{"type":"string"}},"required":["text","id"],"type":"object"},"TSearchListItemBadge":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"}},"type":"object"},"TSearchListItemTag":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"text":{"type":"string"}},"type":"object"}}}},"description":"Search field with optional dropdown `searchlist` (id, text, icons, badges, tags, URLs). Configure `value`, `initial_value`, `searchlabel`, `textarea`, `minlength`, `disable_preview`, and CSS parts for the input and menu. Dispatches `search` and `clear`.","storybookArgs":{"initial_value":{"control":{"type":"text"}},"disable_preview":{"control":{"type":"select"},"options":["yes","no"]},"minlength":{"control":{"type":"number"}},"searchlist":{"control":{"type":"object"}},"searchlabel":{"control":{"type":"text"}},"value":{"control":{"type":"object"}},"textarea":{"control":{"type":"select"},"options":["yes","no"]},"search":{"action":"search"},"clear":{"action":"clear"}},"styleSetup":{"vars":[{"name":"--bs-secondary-color","valueType":"color","theme":"bootstrap","defaultValue":""}],"parts":[{"name":"dropdown-menu","description":"The dropdown menu"},{"name":"search-input","description":"The search input"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"value":""}},{"name":"withSearchlist","data":{"value":"","searchlabel":"RESearch","searchlist":[{"id":"1","text":"looking"},{"id":"2","text":"good"},{"id":"3","text":"woman"}]}},{"name":"withSearchlistTextarea","data":{"value":"","searchlabel":"RESearch","textarea":"yes","searchlist":[{"id":"1","text":"looking"},{"id":"2","text":"good"},{"id":"3","text":"woman"}]}},{"name":"with20items","data":{"input_info":{"id":"1","text":"woman","number_of_results":200000000},"searchlist":[{"id":"1","text":"looking","number_of_results":200000000},{"id":"2","text":"good","number_of_results":200000000},{"id":"3","text":"woman","number_of_results":200000000},{"id":"4","text":"man","number_of_results":200000000},{"id":"5","text":"woman","number_of_results":200000000},{"id":"6","text":"man","number_of_results":200000000},{"id":"7","text":"woman","number_of_results":200000000},{"id":"8","text":"man","number_of_results":200000000},{"id":"9","text":"woman","number_of_results":200000000},{"id":"10","text":"man","number_of_results":200000000},{"id":"11","text":"woman","number_of_results":200000000},{"id":"12","text":"man","number_of_results":200000000},{"id":"13","text":"woman","number_of_results":200000000},{"id":"14","text":"man","number_of_results":200000000},{"id":"15","text":"woman","number_of_results":200000000},{"id":"16","text":"man","number_of_results":200000000},{"id":"17","text":"woman","number_of_results":200000000},{"id":"18","text":"man","number_of_results":200000000},{"id":"19","text":"woman","number_of_results":200000000},{"id":"20","text":"man","number_of_results":200000000}],"value":"ciao"}},{"name":"withRichItems","description":"Example with icons, badges, tags, and URLs","data":{"value":"ciao","searchlabel":"Search with rich items","searchlist":[{"id":"1","text":"Documentation","icon":"file-text","url":"https://example.com/docs","badge":{"text":"New","color":"success","icon":"star"},"tags":[{"text":"Guide","color":"info"},{"text":"Tutorial","color":"warning"}]},{"id":"2","text":"API Reference","icon":"code-slash","url":"https://example.com/api","badge":{"text":"v2.0","color":"primary"},"tags":[{"text":"API","color":"primary","icon":"gear"},{"text":"REST","color":"secondary"}]},{"id":"3","text":"Support Center","icon":"headset","fixed":true,"badge":{"text":"24/7","color":"success","icon":"clock"},"tags":[{"text":"Help","color":"light"},{"text":"Support","color":"light"}]},{"id":"4","text":"Community Forum","icon":"people","url":"https://example.com/forum","tags":[{"text":"Community","color":"info","icon":"chat"},{"text":"Discussion","color":"light"}]},{"id":"5","text":"Blog","icon":"newspaper","url":"https://example.com/blog","badge":{"text":"Updated","color":"warning"}}]}},{"name":"withPartialProperties","description":"Example with different partial properties and various key-value combinations","data":{"value":"","searchlabel":"Search with mixed properties","searchlist":[{"id":"1","text":"Simple item"},{"id":"2","text":"Item with icon only","icon":"house"},{"id":"3","text":"Item with URL only","url":"https://example.com/simple-link"},{"id":"4","text":"Item with badge only","badge":{"text":"Hot","color":"danger"}},{"id":"5","text":"Item with tags only","tags":[{"text":"Featured","color":"warning"},{"text":"Popular","color":"info"}]},{"id":"6","text":"Icon + URL download","icon":"download","url":"https://example.com/download"},{"id":"7","text":"Icon + Badge","icon":"0-square-fill","badge":{"text":"Premium","color":"warning","icon":"crown"}},{"id":"8","text":"URL + Badge","url":"https://example.com/external","badge":{"text":"External","color":"secondary"}},{"id":"9","text":"Icon + Tags","icon":"tag","tags":[{"text":"Category A","color":"primary"},{"text":"Category B","color":"success"},{"text":"Category C","color":"info"}]},{"id":"10","text":"URL + Tags","url":"https://example.com/categorized","tags":[{"text":"Link","color":"light"}]},{"id":"11","text":"Badge + Tags","badge":{"text":"Beta","color":"info"},"tags":[{"text":"Experimental","color":"warning","icon":"flask"},{"text":"Testing","color":"secondary"}]},{"id":"12","text":"Icon + URL + Badge","icon":"shield-check","url":"https://example.com/secure","badge":{"text":"Secure","color":"success","icon":"lock"}},{"id":"13","text":"Icon + URL + Tags","icon":"bookmark","url":"https://example.com/bookmarked","tags":[{"text":"Saved","color":"primary","icon":"bookmark-fill"},{"text":"Important","color":"danger"}]},{"id":"14","text":"Icon + Badge + Tags","icon":"trophy","badge":{"text":"Winner","color":"warning","icon":"award"},"tags":[{"text":"Contest","color":"success"},{"text":"2024","color":"info"},{"text":"Gold","color":"warning"}]},{"id":"15","text":"URL + Badge + Tags","url":"https://example.com/complete","badge":{"text":"Complete","color":"success"},"tags":[{"text":"Finished","color":"success"},{"text":"Verified","color":"primary"}]},{"id":"16","text":"Fixed item with icon","icon":"pin","fixed":true},{"id":"17","text":"Fixed item with badge","fixed":true,"badge":{"text":"Pinned","color":"primary"}},{"id":"18","text":"Complex item","icon":"gear","url":"https://example.com/settings","badge":{"text":"Admin","color":"danger","icon":"person-badge"},"tags":[{"text":"Settings","color":"secondary"},{"text":"Configuration","color":"info"},{"text":"Advanced","color":"warning","icon":"tools"}],"fixed":true}]}}],"iifeIntegrity":"sha384-+QvUDpKapBodWSdT0rzMktvS1FKpB3CDzWeQ/Tb2p10VAAb5xwqzleW02uYq7ejA","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-searchbar","category":"utilities","tags":["utilities","search"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-searchbar","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeRangeValues":{"additionalProperties":false,"properties":{"maxPercent":{"type":"number"},"maxValue":{"type":"number"},"minPercent":{"type":"number"},"minValue":{"type":"number"},"positionPercent":{"type":"number"},"positionValReal":{"type":"number"}},"required":["minValue","maxValue","minPercent","maxPercent","positionPercent","positionValReal"],"type":"object"}},"required":["changeRangeValues"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"max":{"type":"number"},"maxval":{"type":"number"},"min":{"type":"number"},"minval":{"type":"number"},"position_value":{"type":"number"},"style":{"type":"string"},"withbubbles":{"type":"boolean"}},"type":"object"}}}},"description":"Dual-handle range slider mapping a min–max domain to thumb positions, with optional value bubbles and a third handle for a single marker position; emits changeRangeValues with real and percentage values on change.","storybookArgs":{"withbubbles":{"control":{"type":"boolean"}},"min":{"control":{"type":"number"}},"max":{"control":{"type":"number"}},"minval":{"control":{"type":"number"}},"maxval":{"control":{"type":"number"}},"position_value":{"control":{"type":"number"}},"changeRangeValues":{"action":"changeRangeValuesEvent"}},"styleSetup":{"vars":[{"name":"--hb-slider-background-color","valueType":"color","defaultValue":""}],"parts":[{"name":"inverse","description":""},{"name":"the-range","description":""},{"name":"the-thumb","description":""},{"name":"sign","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withBubbles","data":{"withbubbles":true}},{"name":"withValues","data":{"withbubbles":true,"minval":20,"maxval":60}},{"name":"withPositionValue","data":{"withbubbles":true,"minval":13,"maxval":20,"max":25,"min":10,"position_value":17}}],"iifeIntegrity":"sha384-jh8qAsLqnVB3PR/NcRW78meTcs/f/V/vxRTCUNDF9/WXTEA1xF758PwDMVJWVu1L","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-range-slider","category":"inputs","tags":["inputs","slider"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-range-slider","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"purchaseClick":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"}},"required":["purchaseClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"headers":{"items":{"$ref":"#/definitions/Header"},"type":"array"},"id":{"type":"string"},"options":{"$ref":"#/definitions/Options"},"products":{"items":{"$ref":"#/definitions/Product"},"type":"array"},"style":{"type":"string"}},"required":["headers","products","options"],"type":"object"},"Header":{"additionalProperties":false,"properties":{"id":{"type":"string"},"label":{"type":"string"}},"required":["id","label"],"type":"object"},"Options":{"additionalProperties":false,"properties":{"currency":{"type":"string"},"preferredProductId":{"type":"string"}},"type":"object"},"Product":{"additionalProperties":false,"properties":{"characteristics":{"additionalProperties":{"type":"string"},"type":"object"},"columnColor":{"additionalProperties":false,"properties":{"columnBackground":{"type":"string"},"headerBackground":{"type":"string"},"purchaseButton":{"type":"string"}},"type":"object"},"description":{"type":"string"},"id":{"type":"string"},"model":{"type":"string"},"note":{"type":"string"},"price":{"type":"number"},"promotion":{"additionalProperties":false,"properties":{"note":{"type":"string"},"originalPrice":{"type":"number"},"type":{"type":"string"}},"required":["originalPrice"],"type":"object"}},"required":["characteristics","id","model","price"],"type":"object"}}}},"description":"Product comparison matrix: columns per product (model, description, promotion, price, purchase button) and rows per feature header with icons or text from each product’s characteristics. Supports preferred product and sale styling; dispatches purchaseClick with product id. Desktop table vs stacked mobile layout.","storybookArgs":{"products":{"control":{"type":"array"}},"options":{"control":{"type":"object"}},"headers":{"control":{"type":"array"}},"purchaseClick":{"action":"purchaseClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""},{"name":"col","description":""},{"name":"row","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"headers":[{"id":"char1","label":"labello"},{"id":"char2","label":"labello2"},{"id":"char3","label":"labello3"}],"products":[{"id":"prrr","price":19,"model":"starter","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr2","price":49,"model":"professional","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr3","price":99,"model":"advanced","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}},{"id":"prrr4","price":199,"model":"custom","description":"weekly","note":"rotto","characteristics":{"char1":"valid","char2":"disabled","char3":"blocked","char4":"valid"}}],"options":{"currency":"€"}}}],"iifeIntegrity":"sha384-x6aAtaiPCoXIXOlDDR1UzRQznCyZYbMen2yAOX1WRv6/pp51JXtZzOEP8rDdbpXW","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-product-comparison","category":"commerce","tags":["commerce","product"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-product-comparison","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardinalDirection":{"enum":["C","N","S","NE","SE","NW","SW","NO","SO","W","O"],"type":"string"},"Events":{"additionalProperties":false,"properties":{"deletePreset":{"additionalProperties":false,"properties":{"name":{"type":"string"},"playerId":{"type":"string"},"time":{"format":"date-time","type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["name","playerId","time","token","x","y","z"],"type":"object"},"goToHome":{"additionalProperties":false,"properties":{"id":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","id","time"],"type":"object"},"goToPreset":{"additionalProperties":false,"properties":{"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"name":{"type":"string"},"playerId":{"type":"string"},"time":{"format":"date-time","type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["movementSettings","name","playerId","time","token","x","y","z"],"type":"object"},"goToSelectedArea":{"additionalProperties":false,"properties":{"height":{"type":"number"},"htmlVideoElementHeight":{"type":"number"},"htmlVideoElementWidth":{"type":"number"},"id":{"type":"string"},"left":{"type":"number"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"},"top":{"type":"number"},"width":{"type":"number"}},"required":["movementSettings","id","top","left","width","height","htmlVideoElementWidth","htmlVideoElementHeight","time"],"type":"object"},"initVideo":{"additionalProperties":false,"properties":{"htmlVideoElement":{},"id":{"type":"string"},"time":{"format":"date-time","type":"string"}},"required":["id","time","htmlVideoElement"],"type":"object"},"panelMove":{"additionalProperties":false,"properties":{"id":{"type":"string"},"opened":{"type":"boolean"}},"required":["id","opened"],"type":"object"},"sendDirection":{"additionalProperties":false,"properties":{"direction":{"enum":["up","right","down","left"],"type":"string"},"id":{"type":"string"},"joyId":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","direction","id","joyId","time"],"type":"object"},"sendJoystickPosition":{"additionalProperties":false,"properties":{"cardinalDirection":{"$ref":"#/definitions/CardinalDirection"},"id":{"type":"string"},"joyId":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"},"x":{"type":"number"},"y":{"type":"number"}},"required":["movementSettings","x","y","cardinalDirection","id","joyId","time"],"type":"object"},"setPreset":{"additionalProperties":false,"properties":{"id":{"type":"string"},"time":{"format":"date-time","type":"string"}},"required":["id","time"],"type":"object"},"zoomAction":{"additionalProperties":false,"properties":{"direction":{"enum":["in","out"],"type":"string"},"id":{"type":"string"},"movementSettings":{"$ref":"#/definitions/TMovementSettings"},"time":{"format":"date-time","type":"string"}},"required":["movementSettings","direction","id","time"],"type":"object"}},"required":["initVideo","panelMove","goToHome","goToSelectedArea","setPreset","goToPreset","deletePreset","zoomAction","sendJoystickPosition","sendDirection"],"type":"object"},"TMovementSettings":{"additionalProperties":false,"properties":{"precision":{"type":"number"},"speed":{"type":"number"}},"required":["speed","precision"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"configuration":{"additionalProperties":false,"properties":{"addPreset":{"type":"boolean"},"clickToCenter":{"type":"boolean"},"deletePreset":{"type":"boolean"},"home":{"type":"boolean"},"joystick":{"type":"boolean"},"pan":{"type":"boolean"},"presets":{"type":"boolean"},"settings":{"type":"boolean"},"switchPreset":{"type":"boolean"},"tilt":{"type":"boolean"},"zoom":{"additionalProperties":false,"properties":{"in":{"type":"boolean"},"out":{"type":"boolean"}},"type":"object"}},"type":"object"},"current_preset":{"type":"string"},"id":{"type":"string"},"is_home":{"type":"boolean"},"is_ptz_connected":{"type":"boolean"},"is_ptz_panel_opened":{"type":"boolean"},"live_uri":{"type":"string"},"media_type":{"enum":["hls","webrtc","auto","whep",""],"type":"string"},"position":{"enum":["top","right-bottom","left-bottom","bottom","right-top","left-top"],"type":"string"},"presets":{"items":{"$ref":"#/definitions/TPreset"},"type":"array"},"style":{"type":"string"}},"required":["live_uri"],"type":"object"},"TPreset":{"additionalProperties":false,"properties":{"name":{"type":"string"},"token":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"},"z":{"type":"number"}},"required":["token","name","x","y","z"],"type":"object"}}}},"description":"Live camera view built on `hb-player-live` with a configurable PTZ panel: D-pad or analog joystick, zoom in/out, go home, click-to-center region on the video, optional grid overlay, fullscreen, mute, and play/pause. Manages camera presets in dialogs with `hb-table` (add, go to, delete). Feature flags live in `configuration`; PTZ and UI state are driven by `is_ptz_connected`, `is_ptz_panel_opened`, and `is_home`. Dispatches movement, preset, and video-init events for the host app to wire to your backend.","storybookArgs":{"presets":{"control":{"type":"object"}},"live_uri":{"control":{"type":"text"}},"media_type":{"options":["","webrtc","hls","auto","whep"],"control":{"type":"select"}},"current_preset":{"control":{"type":"text"}},"is_home":{"control":{"type":"boolean"}},"is_ptz_connected":{"control":{"type":"boolean"}},"is_ptz_panel_opened":{"control":{"type":"boolean"}},"initVideo":{"action":"initVideoEvent"},"panelMove":{"action":"panelMoveEvent"},"goToHome":{"action":"goToHomeEvent"},"goToSelectedArea":{"action":"goToSelectedAreaEvent"},"setPreset":{"action":"setPresetEvent"},"goToPreset":{"action":"goToPresetEvent"},"deletePreset":{"action":"deletePresetEvent"},"zoomAction":{"action":"zoomActionEvent"},"sendJoystickPosition":{"action":"sendJoystickPositionEvent"},"sendDirection":{"action":"sendDirectionEvent"}},"styleSetup":{"vars":[{"name":"--hb-pad-joystick-size","valueType":"number","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"live_uri":"","is_ptz_connected":true,"is_ptz_panel_opened":true,"media_type":"auto"}},{"name":"withPresets","data":{"live_uri":"","is_ptz_connected":true,"is_ptz_panel_opened":true,"media_type":"auto","presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}]}},{"name":"withPresetSelected","data":{"live_uri":"","media_type":"auto","is_ptz_connected":true,"is_ptz_panel_opened":true,"presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}],"current_preset":"preset1"}},{"name":"withPanelClosed","data":{"live_uri":"","media_type":"auto","is_ptz_connected":true,"presets":[{"name":"Preset 1","token":"preset1","x":0,"y":0,"z":0},{"name":"Preset 2","token":"preset2","x":0,"y":0,"z":0}],"current_preset":"preset1"}},{"name":"disconnected","data":{"media_type":"auto","live_uri":"","presets":[],"current_preset":"preset1"}}],"iifeIntegrity":"sha384-A0ha3YSVh/mdfx4BVab9M9l8JmqYSvjxVtvArlAxq2e1fu9xr/g6TJzt0aTUrQu5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-live-camera-ptz","category":"media","tags":["media","video","streaming","camera"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-live-camera-ptz","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"htmlVideoInit":{"additionalProperties":false,"properties":{"id":{"type":"string"},"video":{}},"required":["video","id"],"type":"object"},"liveStatus":{"additionalProperties":false,"properties":{"id":{"type":"string"},"live":{"type":"boolean"}},"required":["live","id"],"type":"object"}},"required":["liveStatus","htmlVideoInit"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"forcecover":{"type":"string"},"id":{"type":"string"},"media_type":{"enum":["hls","webrtc","auto","whep"],"type":"string"},"mediauri":{"type":"string"},"no_controls":{"type":"boolean"},"replacewithtext":{"additionalProperties":false,"properties":{"subtitle":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["title"],"type":"object"},"style":{"type":"string"}},"required":["mediauri"],"type":"object"}}}},"description":"Live streaming `<video>` player for HLS (hls.js or native), WebSocket WebRTC (`simple-webrtc-element`), or WHEP (MediaMTX). Polls the manifest for HLS liveness, exposes the element via `getVideoElement`, and emits `liveStatus` and `htmlVideoInit`. When the stream is offline or missing, shows optional title/subtitle/text from `replacewithtext`, `forcecover`, or fallback labels.","storybookArgs":{"media_type":{"options":["","webrtc","hls","auto","whep"],"control":{"type":"select"}},"no_controls":{"control":{"type":"boolean"}},"mediauri":{"control":{"type":"text"}},"forcecover":{"control":{"type":"text"}},"replacewithtext":{"control":{"type":"object"}},"liveStatus":{"action":"liveStatusEvent"},"htmlVideoInit":{"action":"htmlVideoInitEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""},{"name":"replacewithtext","description":""},{"name":"video","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"mediauri":"https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8"}},{"name":"LiveVideoPlayerWithWidth","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","media_type":"whep"}},{"name":"LiveVideoPlayerWithHeight","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep"}},{"name":"LiveVideoPlayerWithoutUri","data":{"mediauri":""}},{"name":"LiveVideoPlayerWithText3","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title","subtitle":"subtitle","text":"text"},"forcecover":"yes"}},{"name":"LiveVideoPlayerWithText2","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title","subtitle":"subtitle"},"forcecover":"yes"}},{"name":"LiveVideoPlayerWithText1","data":{"mediauri":"https://streaming.k.harlock.network/targetcamera_68e51d265820daf3b1aac4e1/whep","replacewithtext":{"title":"title"},"forcecover":"yes"}}],"iifeIntegrity":"sha384-TQobRGctZukzZC2fmzQkrAaR+UCaic5Xp9nd0uASSynSzA7OLCTb78ubCf1/pMi3","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-live","category":"media","tags":["media","video","streaming"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-live","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"event":{"additionalProperties":false,"properties":{"test":{"type":"boolean"}},"required":["test"],"type":"object"}},"required":["event"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Requests camera and microphone with `getUserMedia`, binds the stream to a `<video>` element, and exposes basic controls (play/pause, fullscreen, enable/disable video and audio tracks). Emits `AudioVideoAccess` with grant result and `VideoInitialized` with the video element reference once the stream is attached.","storybookArgs":{"json":{"control":{"type":"object"}},"event":{"action":"eventEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}}],"iifeIntegrity":"sha384-eK343jShhjE2XfesPh0ekbTlj0O34zO1I3bKfx+PTF+HvZRqmpl6scsM0jbVfQI/","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-player-input-streaming","category":"media","tags":["media","video","camera"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-player-input-streaming","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paymentCompleted":{"additionalProperties":false,"properties":{"method":{"const":"paypal","type":"string"},"total":{"type":"number"}},"required":["method","total"],"type":"object"}},"required":["paymentCompleted"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"currency":{"enum":["EUR","USD"],"type":"string"},"id":{"type":"string"},"paypalid":{"type":"string"},"style":{"type":"string"},"total":{"type":"number"}},"required":["paypalid","currency","total"],"type":"object"}}}},"description":"Loads the PayPal JS SDK with your client id and currency, renders PayPal Buttons for a fixed order total, captures payment on approval, and dispatches paymentCompleted when the order is captured successfully.","storybookArgs":{"paymentCompleted":{"action":"paymentCompleted"},"paypalid":{"control":{"type":"text"}},"currency":{"control":{"type":"text"}}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[{"name":"btn","description":"paypal button css"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"currency":"EUR","total":40,"paypalid":"test"}}],"iifeIntegrity":"sha384-ZiKL8BRx0PxsDcFXAGF0PTTyRKp7cShl1BBlRuC4Sq2roQn0x+yU6AOX0MIOXYTa","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-payment-paypal","category":"commerce","tags":["commerce","payment"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-payment-paypal","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paragraphPressed":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["paragraphPressed"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"max_lines":{"type":"number"},"paragraph":{"$ref":"#/definitions/Paragraphs"},"style":{"type":"string"}},"required":["paragraph"],"type":"object"},"Paragraphs":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"key":{"type":"string"},"link":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["text"],"type":"object"}}}},"description":"One paragraph tile with Bootstrap icon, optional title as external link or key-triggered control (dispatches paragraphPressed with key), and body text clamped to max_lines for consistent height inside paragraps-around-image layouts.","storybookArgs":{"paragraph":{"control":{"type":"object"}},"img":{"control":{"type":"text"}},"paragraphPressed":{"action":"paragraphPressed"}},"styleSetup":{"vars":[{"name":"--lh","valueType":"string","defaultValue":""},{"name":"--max-lines","valueType":"string","defaultValue":""}],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"paragraph":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"}}}],"iifeIntegrity":"sha384-c0AksVDs57ySth4XvLa7QcTwOSlsPOQHvmASQE8Q7QYPJEqr7Lj6aC9On9ke+Jos","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paragraps-around-image-cell","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paragraps-around-image-cell","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paragraphPressed":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["paragraphPressed"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"img":{"type":"string"},"paragraphs":{"items":{"$ref":"#/definitions/Paragraphs"},"type":"array"},"style":{"type":"string"}},"required":["paragraphs","img"],"type":"object"},"Paragraphs":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"key":{"type":"string"},"link":{"type":"string"},"text":{"type":"string"},"title":{"type":"string"}},"required":["text"],"type":"object"}}}},"description":"Editorial block with a central image and up to six text blocks in two side columns using hb-paragraps-around-image-cell (indices 0,2,4 left; 1,3,5 right). Parses paragraphs from JSON and bubbles paragraphPressed when a cell fires it.","storybookArgs":{"paragraphs":{"control":{"type":"object"}},"img":{"control":{"type":"text"}},"paragraphPressed":{"action":"paragraphPressed"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default2","data":{"img":"https://placehold.co/300x200","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"}]}},{"name":"default4","data":{"img":"https://placehold.co/300x200","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","link":"https://www.google.com"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","link":"https://www.google.com"}]}},{"name":"default6","data":{"img":"https://placehold.co/300x500","paragraphs":[{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title","icon":"globe","key":"aaaaa"},{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl eu consectetur consectetur, nisi nisl consectetur nisi, euismod nisl nisi euismod nisi. Donec euismod, nisl ","title":"Title2","icon":"globe","key":"aaaaa"}]}}],"iifeIntegrity":"sha384-OSFXCtAaZGEm/hQBLJ6oaRSjlSSfGsLlpaQ+n4TtAVotr0HHFVpFgrQT3Gc0JvZe","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paragraps-around-image","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paragraps-around-image","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changePageSize":{"additionalProperties":false,"properties":{"page_size":{"type":"number"}},"required":["page_size"],"type":"object"},"changeSort":{"additionalProperties":false,"properties":{"sort_by":{"type":"string"},"sort_direction":{"type":"string"}},"required":["sort_by","sort_direction"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"number"},"pages":{"type":"number"}},"required":["page","pages"],"type":"object"}},"required":["pageChange","changePageSize","changeSort"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"i18nlang":{"type":"string"},"id":{"type":"string"},"info":{"additionalProperties":false,"properties":{"page_size_options":{"description":"Comma-separated list of page size options for select mode (e.g. \"10,25,50,100\")","type":"string"},"page_size_type":{"description":"Type of page size selector: \"number\" for free input, \"select\" for dropdown","enum":["number","select"],"type":"string"},"size":{"type":"number"},"sort_by":{"description":"Currently selected sort field","type":"string"},"sort_default_label":{"description":"Custom label for the \"Default\" sort option (e.g. \"Relevance\")","type":"string"},"sort_default_value":{"description":"Value for the \"Default\" sort option (emitted as sort_by when default is selected)","type":"string"},"sort_direction":{"description":"Current sort direction","enum":["asc","desc","default"],"type":"string"},"sort_direction_disabled":{"description":"Whether the sort direction is disabled","type":"boolean"},"sort_disabled":{"description":"Whether the sort controls are disabled","type":"boolean"},"sort_fields":{"description":"Available sort fields. At least one must be present to show the sort indicator","items":{"additionalProperties":false,"properties":{"label":{"type":"string"},"value":{"type":"string"}},"required":["value"],"type":"object"},"type":"array"},"sort_strict_direction":{"description":"When true, sort_direction can only be \"asc\" or \"desc\" (no \"default\" state)","type":"boolean"},"total":{"type":"number"}},"type":"object"},"page":{"type":"number"},"pages":{"type":"number"},"style":{"type":"string"}},"required":["pages","page"],"type":"object"}}}},"description":"Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels.","storybookArgs":{"page":{"control":{"type":"number"}},"pages":{"control":{"type":"number"}},"info":{"control":{"type":"object"}},"i18nlang":{"control":{"type":"select"},"options":["en","it"]},"pageChange":{"action":"pageChange"},"changePageSize":{"action":"changePageSize"},"changeSort":{"action":"changeSort"}},"styleSetup":{"vars":[{"name":"--bs-link-color","valueType":"color","theme":"bootstrap","defaultValue":"#0d6efd"},{"name":"--bs-border-width","valueType":"number","theme":"bootstrap","defaultValue":"1px"},{"name":"--bs-border-color","valueType":"color","theme":"bootstrap","defaultValue":"#dee2e6"},{"name":"--bs-border-radius","valueType":"number","theme":"bootstrap","defaultValue":"0.375rem"},{"name":"--bs-border-radius-sm","valueType":"number","theme":"bootstrap","defaultValue":"0.25rem"},{"name":"--bs-border-radius-lg","valueType":"number","theme":"bootstrap","defaultValue":"0.5rem"},{"name":"--bs-border-radius-xl","valueType":"number","theme":"bootstrap","defaultValue":"1rem"},{"name":"--bs-border-radius-xxl","valueType":"number","theme":"bootstrap","defaultValue":"2rem"},{"name":"--bs-link-hover-color","valueType":"string","theme":"bootstrap","defaultValue":"0 1rem 3rem rgba(0, 0, 0, 0.175)"},{"name":"--bs-link-hover-color-rgb","valueType":"color","theme":"bootstrap","defaultValue":"#0a58ca"}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"page":2,"pages":4}},{"name":"withInfo","data":{"page":2,"pages":4,"info":{"total":47,"size":10,"sort_direction_disabled":true}}},{"name":"withPageSizeNumber","description":"Pagination with a free number input for page size","data":{"page":0,"pages":10,"info":{"total":100,"size":10,"page_size_type":"number"}}},{"name":"withPageSizeSelect","description":"Pagination with a select dropdown for page size","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"page_size_type":"select","page_size_options":"10,25,50,100"}}},{"name":"withSort","description":"Pagination with sort indicator (active sort on title)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"asc"}}},{"name":"withSortDefault","description":"Pagination with sort indicator showing Default (no active sort)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"","sort_direction":"default"}}},{"name":"withSortDefaultMatchingField","description":"Default sort matches a sortable field — 'Title' is pre-selected with default direction","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"default","sort_default_value":"title"}}},{"name":"withSortDefaultCustomLabel","description":"Custom label for the Default sort option (shows 'Relevance' instead of 'Default')","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"","sort_direction":"default","sort_default_label":"Relevance"}}},{"name":"withSortStrictDirection","description":"Sort direction only allows asc/desc (no default state)","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"},{"value":"status","label":"Status"}],"sort_by":"title","sort_direction":"asc","sort_strict_direction":true}}},{"name":"withSortAndPageSize","description":"Pagination with sort and page size selector","data":{"page":0,"pages":4,"info":{"total":100,"size":25,"page_size_type":"select","page_size_options":"10,25,50,100","sort_fields":[{"value":"title","label":"Title"},{"value":"date","label":"Date"}],"sort_by":"title","sort_direction":"asc"}}}],"iifeIntegrity":"sha384-HW6UXdNs3nu17DKlyfCDHkr6y5UTxEvRAQMLvLmr0Ahtwq+eGbZ6QpAgLl8e0kFN","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-paginate","category":"utilities","tags":["utilities","navigation"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-paginate","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"headers":{"$ref":"#/definitions/IHeaders"},"id":{"type":"string"},"items":{"items":{"$ref":"#/definitions/IItem"},"type":"array"},"printer":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["items","headers"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"address":{"type":"string"},"email":{"type":"string"},"iban":{"type":"string"},"name":{"type":"string"},"phone":{"type":"string"},"piva":{"type":"string"}},"required":["piva","name","address","email","phone"],"type":"object"},"IHeaders":{"additionalProperties":false,"properties":{"category":{"enum":["items","services"],"type":"string"},"country":{"enum":["it","eu","us"],"type":"string"},"date":{"format":"date-time","type":"string"},"expirationDate":{"format":"date-time","type":"string"},"from":{"additionalProperties":false,"properties":{"address":{"type":"string"},"email":{"type":"string"},"iban":{"type":"string"},"logo":{"type":"string"},"name":{"type":"string"},"phone":{"type":"string"},"piva":{"type":"string"},"shortName":{"type":"string"}},"required":["address","email","logo","name","phone","piva","shortName"],"type":"object"},"serial":{"type":"string"},"to":{"$ref":"#/definitions/ICompany"}},"required":["serial","from","to"],"type":"object"},"IItem":{"additionalProperties":false,"properties":{"desc":{"type":"string"},"discount":{"additionalProperties":false,"properties":{"includeVat":{"type":"boolean"},"type":{"enum":["gross","item"],"type":"string"}},"required":["type"],"type":"object"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["desc","unitaryPrice","taxPercentage"],"type":"object"}}}},"description":"Printable invoice page: shows seller and buyer from headers, invoice date and serial, line items in hb-table with price, quantity, VAT and row totals, plus subtotal, tax and grand total in the invoice currency. When printer is not yes, offers print and open-in-window actions.","storybookArgs":{"printer":{"control":{"type":"text"}},"headers":{"control":{"type":"object"}},"items":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"headers":{"serial":"seriale1","from":{"piva":"piva","name":"companyfrom","address":"address","email":"email","phone":"phone","logo":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","shortName":"Acme SpA"},"to":{"piva":"to iva","name":"to name","address":"to address","email":"to@email.com","phone":"tototo"}},"items":[{"unitaryPrice":2,"taxPercentage":3,"desc":"testitem"},{"unitaryPrice":5,"taxPercentage":7,"desc":"testitem2"}]}}],"iifeIntegrity":"sha384-UyYIYwZoQiCsKvaIwOl57dQ3XHQCihAOuVJNfnu+RLDl17j8p9McP0ydc2WoyokX","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-page-invoice","category":"commerce","tags":["commerce","invoice","page"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-page-invoice","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"paymentCompleted":{"additionalProperties":false,"properties":{"completed":{"const":true,"type":"boolean"},"method":{"type":"string"},"total":{"type":"number"}},"required":["total","method","completed"],"type":"object"},"saveUser":{"$ref":"#/definitions/IUser"}},"required":["saveUser","paymentCompleted"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"gateways":{"items":{"$ref":"#/definitions/IGateway"},"type":"array"},"id":{"type":"string"},"payment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencyCode":{"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IShopItem"},"type":"array"},"merchantName":{"type":"string"},"shipmentFee":{"type":"number"},"total":{"type":"number"},"type":{"$ref":"#/definitions/IPaymentType"}},"required":["countryCode","currencyCode","items","merchantName","total"],"type":"object"},"shipments":{"items":{"$ref":"#/definitions/IShipment"},"type":"array"},"style":{"type":"string"},"user":{"$ref":"#/definitions/IUser"}},"required":["shipments","user","payment","gateways"],"type":"object"},"IGateway":{"additionalProperties":false,"properties":{"cardNetworks":{"items":{"type":"string"},"type":"array"},"currency":{"enum":["€","$"],"type":"string"},"fixedPrice":{"type":"number"},"gatewayId":{"type":"string"},"gatewayMerchantId":{"type":"string"},"id":{"enum":["google","paypal"],"type":"string"},"label":{"type":"string"},"merchantId":{"type":"string"},"paypalid":{"type":"string"},"percentagePrice":{"type":"number"}},"required":["id","label"],"type":"object"},"IPaymentType":{"enum":["book","buy","checkout","donate","order","pay","plain","subscribe"],"type":"string"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IShopItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","name","unitaryPrice","taxPercentage"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}}},"description":"Checkout page layout that embeds the payment flow and shopping cart: left column uses hb-checkout (user, shipments, gateways, payment) and right column uses hb-checkout-shopping-cart. Recomputes line totals, tax, shipment fee, and payment total from JSON props; updates shipment selection internally and forwards paymentCompleted and saveUser to the host.","storybookArgs":{"shipments":{"control":{"type":"array"}},"user":{"control":{"type":"object"}},"payment":{"control":{"type":"object"}},"paymentCompleted":{"action":"paymentCompleted"},"saveUser":{"action":"saveUser"},"gateways":{"control":{"type":"array"}},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"shipments":[],"user":{"fullName":"fdfff fffff","addressWithNumber":"addreess 43","city":"ff","nationality":"effe","zip":"3434","fixed":true},"gateways":[{"id":"paypal","label":"bbbb","paypalid":"test"},{"id":"google","label":"GooglePay","gatewayId":"example","gatewayMerchantId":"exampleGatewayMerchantId"}],"payment":{"countryCode":"IT","merchantName":"tizio","currencyCode":"EU","total":100,"items":[{"unitaryPrice":2,"taxPercentage":3,"name":"testitem","id":"testitem"},{"unitaryPrice":5,"taxPercentage":7,"name":"testitem2","id":"testitem2"}]}}}],"iifeIntegrity":"sha384-NAIDBFMn7i7FJ6AKVc+jTiY8WUTynzIQdcvlvGgyeDZzwUs9GXfQvsE4o1fNkZ9x","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-page-checkout","category":"commerce","tags":["commerce","checkout","page"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-page-checkout","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"CardinalDirection":{"enum":["C","N","S","NE","SE","NW","SW","NO","SO","W","O"],"type":"string"},"Events":{"additionalProperties":false,"properties":{"sendDirection":{"additionalProperties":false,"properties":{"direction":{"enum":["up","right","down","left"],"type":"string"},"id":{"type":"string"}},"required":["direction","id"],"type":"object"},"sendJoystickPosition":{"additionalProperties":false,"properties":{"cardinalDirection":{"$ref":"#/definitions/CardinalDirection"},"id":{"type":"string"},"x":{"type":"number"},"y":{"type":"number"}},"required":["x","y","cardinalDirection","id"],"type":"object"}},"required":["sendDirection","sendJoystickPosition"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"joystick_parameters":{"additionalProperties":false,"properties":{"externalLineWidth":{"type":"number"},"externalStrokeColor":{"type":"string"},"internalFillColor":{"type":"string"},"internalLineWidth":{"type":"number"},"internalStrokeColor":{"type":"string"}},"type":"object"},"pad_or_joystick":{"enum":["dpad","joystick"],"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Touch-friendly directional control: either a four-way D-pad that emits cardinal directions or an analog joystick (html5-joystick-new) that streams position and cardinal direction with customizable colors.","storybookArgs":{"pad_or_joystick":{"control":{"type":"text"}},"joystick_parameters":{"control":{"type":"object"}},"sendDirection":{"action":"sendDirectionEvent"},"sendJoystickPosition":{"action":"sendJoystickPositionEvent"}},"styleSetup":{"vars":[{"name":"--arrowcolor","valueType":"color","defaultValue":""},{"name":"--dpad-arrow-move","valueType":"string","defaultValue":""},{"name":"--dpad-arrow-shift","valueType":"string","defaultValue":""},{"name":"--dpad-bg","valueType":"string","defaultValue":""},{"name":"--dpad-fg","valueType":"string","defaultValue":""},{"name":"--dpad-fg-hover","valueType":"string","defaultValue":""},{"name":"--dpad-radius","valueType":"number","defaultValue":""},{"name":"--dpad-radius-in","valueType":"number","defaultValue":""},{"name":"--hb-pad-joystick-size","valueType":"number","defaultValue":""},{"name":"--tri-lrg-a","valueType":"string","defaultValue":""},{"name":"--tri-lrg-b","valueType":"string","defaultValue":""},{"name":"--tri-sml-a","valueType":"string","defaultValue":""},{"name":"--tri-sml-b","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"joystick","data":{"pad_or_joystick":"joystick"}}],"iifeIntegrity":"sha384-LXo5yeZ57AFNPwTNlZ6AuIM0otGNOeNXaGAius22MCzHZ4vLun8WSZizfQxLprZd","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-pad-joystick","category":"utilities","tags":["utilities","controls"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-pad-joystick","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"payment":{"$ref":"#/definitions/OrderPayment"},"style":{"type":"string"}},"required":["payment"],"type":"object"},"IOrderItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"image":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","image","name","taxPercentage","unitaryPrice"],"type":"object"},"OrderPayment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IOrderItem"},"type":"array"},"orderNumber":{"type":"string"},"shipmentFee":{"type":"number"}},"required":["countryCode","items","orderNumber"],"type":"object"}}}},"description":"Order summary view driven by a payment JSON object: order number header, optional tracking area, list of line items with image and name, and a footer showing the order total including tax and optional shipment fee. Exposes the item image via the item_image CSS part.","storybookArgs":{"payment":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"item_image","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"payment":{"orderNumber":"ssss","countryCode":"EU","items":[{"id":"sss","unitaryPrice":2,"taxPercentage":3,"name":"testitem","image":"https://upload.wikimedia.org/wikipedia/commons/6/66/Walgreens_Obama_Merchandise.jpg"},{"id":"aaa","unitaryPrice":5,"taxPercentage":7,"name":"testitem2","image":"https://upload.wikimedia.org/wikipedia/commons/4/49/Fredmeyer_edit_1.jpg"}]}}}],"iifeIntegrity":"sha384-Gl51FmMLOFOyLjgmf2OGtBMz/FGdbhKan5CXV6wlsSVyRyTBdMYwhyE2TRyVmbka","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-order-list","category":"commerce","tags":["commerce","order"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-order-list","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companylogouri":{"type":"string"},"companytitle":{"type":"string"},"enablefooter":{"type":"boolean"},"groups":{"items":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"},"type":"array"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"navpage":{"type":"string"},"opened":{"type":"boolean"},"style":{"type":"string"},"type":{"enum":["open","autohide","small"],"type":"string"}},"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"}}}},"description":"Bootstrap-style offcanvas panel that hosts sidebar-desktop navigation. Can start open or closed, optionally shows a backdrop (autohide) for dismissal, and dispatches page changes and open/close state.","storybookArgs":{"opened":{"control":{"type":"boolean"}},"companylogouri":{"control":{"type":"text"}},"companytitle":{"control":{"type":"text"}},"groups":{"control":{"type":"text"}},"enablefooter":{"control":{"type":"boolean"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"pageChange":{"action":"pageChangeEvent"},"type":{"options":["autohide","small","open"],"control":{"type":"select"}},"navpage":{"control":{"type":"text"}},"navlinks":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"header","description":"header"}]},"contributors":[],"htmlSlots":[{"name":"test","description":"test"},{"name":"header","description":"header"},{"name":"footer","description":"footer"}],"i18n":[],"examples":[{"name":"default","data":{"opened":true,"navlinks":[{"label":"Home","key":"home","icon":"house-door"},{"label":"Dashboard","key":"dashboard","icon":"speedometer"},{"label":"Settings","key":"settings","icon":"gear"},{"label":"Users","key":"users","icon":"people-fill"},{"label":"Stats","key":"stats","icon":"graph-up"}],"navpage":"settings","companytitle":"acme corp"}}],"iifeIntegrity":"sha384-lvU0e2e7fQ7pc1q5WV89nHfMO36zH9ydfYrCqxsAjdoa5ADtE8PD/B8RJaDuj+pE","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-offcanvas","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-offcanvas","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"navmenuswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"}},"required":["navbarDropDownClick","navmenuswitch","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"companybrandname":{"type":"string"},"companylogouri":{"type":"string"},"id":{"type":"string"},"noburger":{"type":"string"},"style":{"type":"string"},"switchopen":{"enum":["yes","no"],"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"required":["companybrandname","companylogouri"],"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Top navigation bar with optional hamburger to toggle an offcanvas menu, brand name and logo, slottable left, center, and right areas, and an optional user avatar dropdown (hb-dropdown-simple) with item click events.","storybookArgs":{"_testInnerHtml":{"control":{"disable":true}},"pagetitle":{"control":{"type":"text"}},"companybrandname":{"control":{"type":"text"}},"companylogouri":{"control":{"type":"text"}},"noburger":{"control":{"type":"boolean"}},"navmenuswitch":{"action":"navmenuswitchEvent"},"navbarDropDownClick":{"action":"navbarDropDownClickEvent"},"usermenu":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"left-slot","description":""},{"name":"center-slot","description":""},{"name":"right-slot","description":""}]},"contributors":[],"htmlSlots":[{"name":"left-slot","description":""},{"name":"right-slot","description":""},{"name":"center-slot","description":""},{"name":"nav-switcher","description":" button to switch context"},{"name":"brand","description":""}],"i18n":[],"examples":[{"name":"default","data":{"companybrandname":"testbrand2","companylogouri":""}}],"iifeIntegrity":"sha384-R9G7vehw/hTWYVtqHOFEcYPB5ifuU5fr9y8eak8aZnXsEYYVvHuqla5Dt9Eyx8DO","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-navbar","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-navbar","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"videoModalEvent":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["videoModalEvent"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"item":{"type":"string"},"provider":{"type":"string"},"style":{"type":"string"},"title":{"type":"string"},"uri":{"type":"string"}},"required":["uri"],"type":"object"}}}},"description":"Video modal built on hb-dialog: when uri is set the dialog opens with either a YouTube iframe (provider youtube) or an HTML5 video element, optional title slot, and videoModalEvent when visibility changes.","storybookArgs":{"uri":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"item":{"control":{"type":"text"}},"provider":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"uri":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"}}],"iifeIntegrity":"sha384-CzvVxVl7hRiTDglUhyR/UgZ0YTodfZOZFhM5W6PYBwmqjH900gReM6uhq2v4upeG","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-modal-video","category":"media","tags":["media","video","overlays"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-modal-video","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"select":{"$ref":"#/definitions/IChat"}},"required":["select"],"type":"object"},"IChat":{"additionalProperties":false,"properties":{"_selected":{"type":"boolean"},"chat_id":{"type":"string"},"chat_img":{"type":"string"},"chat_name":{"type":"string"},"counter":{"type":"number"},"img_uri":{"type":"string"},"is_group":{"type":"boolean"},"last_message_author":{"type":"string"},"last_message_author_img":{"type":"string"},"last_message_text":{"type":"string"},"last_message_time":{"format":"date-time","type":"string"},"localeTimeString":{"type":"string"},"text":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"}},"required":["time","title","text","img_uri","chat_id"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"chats":{"items":{"$ref":"#/definitions/IChat"},"type":"array"},"id":{"type":"string"},"style":{"type":"string"}},"required":["chats"],"type":"object"},"IChat":{"additionalProperties":false,"properties":{"_selected":{"type":"boolean"},"chat_id":{"type":"string"},"chat_img":{"type":"string"},"chat_name":{"type":"string"},"counter":{"type":"number"},"img_uri":{"type":"string"},"is_group":{"type":"boolean"},"last_message_author":{"type":"string"},"last_message_author_img":{"type":"string"},"last_message_text":{"type":"string"},"last_message_time":{"format":"date-time","type":"string"},"localeTimeString":{"type":"string"},"text":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"}},"required":["time","title","text","img_uri","chat_id"],"type":"object"}}}},"description":"Lists chat or channel previews from `chats`: avatar, title, last message snippet, derived time label, and unread `counter` badge. Clicking a row marks it selected (`_selected`) and dispatches `select` with that chat payload for opening a thread or switching context.","storybookArgs":{"chats":{"control":{"type":"object"}},"selected":{"action":"selectedEvent"}},"styleSetup":{"vars":[{"name":"--hb-topics-card-double-padding","valueType":"string","defaultValue":""},{"name":"--hb-topics-card-double-size","valueType":"number","defaultValue":""},{"name":"--hb-topics-card-hover-background-color","valueType":"color","defaultValue":""},{"name":"--hb-topics-card-padding","valueType":"string","defaultValue":""},{"name":"--hb-topics-card-selected-background-color","valueType":"color","defaultValue":""},{"name":"--hb-topics-card-size","valueType":"number","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"chats":[{"chat_id":"ciao0","counter":0,"text":"Hello 0","title":"Hello0","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao1","counter":0,"text":"Hello 1","title":"Hello1","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao2","counter":0,"text":"Hello 2","title":"Hello2","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"}]}},{"name":"selected","data":{"chats":[{"chat_id":"ciao0","counter":0,"text":"Hello 0","title":"Hello0","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"},{"chat_id":"ciao1","counter":0,"text":"Hello 1","title":"Hello1","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png","_selected":true},{"chat_id":"ciao2","counter":0,"text":"Hello 2","title":"Hello2","time":"2026-03-28T18:25:03.749Z","img_uri":"https://www.w3schools.com/howto/img_avatar.png"}]}}],"iifeIntegrity":"sha384-TziADMFgu3uU+9zzLtwf0N9VIweeRzrcNVIyz1YxYc56qk3numTCR0dv9ntq/zqj","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-topics-card","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-topics-card","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"sendMessage":{"additionalProperties":false,"properties":{"files":{"items":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"type":"array"},"id":{"type":"string"},"tags":{"items":{"type":"string"},"type":"array"},"text":{"type":"string"}},"required":["id","tags","files"],"type":"object"}},"required":["sendMessage"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"expandable":{"type":"boolean"},"files":{"additionalProperties":false,"properties":{"mode":{"enum":["single","multiple"],"type":"string"}},"required":["mode"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"},"tags":{"items":{"additionalProperties":false,"properties":{"color":{"type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"}},"required":["id"],"type":"object"},"type":"array"},"text":{"type":"string"}},"type":"object"}}}},"description":"Message composer with auto-growing textarea (optional `expandable` and maximize control), Enter-to-send, file attachments with previews (`files.mode` single or multiple), and optional `tags` as toggleable chips. Dispatches `sendMessage` with `text`, selected `tags`, and staged `files` when the user sends.","storybookArgs":{"text":{"control":{"type":"text"}},"sendMessage":{"action":"sendMessageEvent"},"expandable":{"control":{"type":"boolean"}},"tags":{"control":{"type":"object"}},"files":{"control":{"type":"object"}}},"styleSetup":{"vars":[{"name":"--bs-primary","valueType":"string","theme":"bootstrap","defaultValue":""},{"name":"--bs-secondary","valueType":"string","theme":"bootstrap","defaultValue":""},{"name":"--tag-color","valueType":"color","defaultValue":""}],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"withAMessage","data":{"text":"This is a message from the \"message\" property","expandable":true,"tags":[{"label":"Test","icon":"file-earmark-check-fill","id":"test"}],"files":{"mode":"single"}}},{"name":"withABigMessage","data":{"text":"Lorem ipsum dolor sit amet. Et nisi sapiente est nesciunt consequatur 33 omnis laboriosam in ratione suscipit qui minima repellat aut rerum voluptatem ut mollitia laboriosam. Nam ipsam alias in tempore fugiat in sint minus a quisquam ratione ut recusandae quisquam sit aperiam dolorem 33 voluptate consequatur. Et mollitia velit sit voluptatibus voluptate non autem repellendus sed magnam recusandae et galisum repellat. Et dolores provident ut dolor fuga sed eligendi amet. Ex quia saepe et quidem accusamus qui minus voluptatem in aliquid facere sed blanditiis quibusdam et minus Quis! Qui accusamus perspiciatis aut error minima est dolorem molestiae ut iste debitis rem dolores magni cum doloribus facilis et provident architecto. Qui accusamus dignissimos qui repellendus consequatur ut galisum iusto aut modi numquam. Ex architecto iure non rerum eius sit eius quasi et tempore eveniet ut consequuntur quae. Eos Quis voluptates est corporis cumque aut maiores alias eum quos voluptas sit quis totam quo alias cumque!","tags":[{"label":"Test","icon":"file-earmark-check-fill","id":"test"},{"label":"Think","icon":"lightbulb","id":"think"}],"files":{"mode":"multiple"}}}],"iifeIntegrity":"sha384-ly+mCPU8Av1T4moto0GCcKAyKXExZz0gcCYCAeECzqZmqxWpgepQIrQs4rGQdqYf","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-send","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-send","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"action":{"additionalProperties":false,"properties":{"action":{"type":"string"},"messageId":{"type":"string"}},"required":["messageId","action"],"type":"object"}},"required":["action"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"actions":{"items":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"name":{"type":"string"}},"required":["icon","name"],"type":"object"},"type":"array"},"authors":{"items":{"$ref":"#/definitions/TAuthor"},"type":"array"},"id":{"type":"string"},"messages":{"items":{"$ref":"#/definitions/TMessage"},"type":"array"},"options":{"additionalProperties":false,"properties":{"bubbles":{"type":"boolean"},"showAvatar":{"type":"boolean"},"showName":{"type":"boolean"},"showTimestamp":{"type":"boolean"}},"type":"object"},"style":{"type":"string"}},"required":["messages","authors"],"type":"object"},"TAuthor":{"additionalProperties":false,"properties":{"avatar":{"type":"string"},"id":{"type":"string"},"isAI":{"type":"boolean"},"me":{"type":"boolean"},"name":{"type":"string"},"status":{"enum":["online","offline","away","busy"],"type":"string"}},"required":["id","name"],"type":"object"},"TMessage":{"additionalProperties":false,"properties":{"authorId":{"type":"string"},"id":{"type":"string"},"language":{"type":"string"},"quotedMessageId":{"type":"string"},"reply":{"type":"boolean"},"status":{"enum":["pending","sent","received","read"],"type":"string"},"system":{"type":"boolean"},"text":{"type":"string"},"timestamp":{"format":"date-time","type":"string"},"type":{"enum":["text","image","video","audio","file","code"],"type":"string"},"uri":{"type":"string"}},"required":["id","text","timestamp","type"],"type":"object"}}}},"description":"Renders a conversation from `messages` joined to `authors`: aligned bubbles for self vs others, optional avatars and names, timestamps, and code blocks with language badges when `type` is `code`. `options` toggle bubbles, avatars, names, and time; `actions` adds per-message icon buttons that dispatch `action` with `messageId` and action name. Consecutive messages from the same author collapse avatar spacing within a short time window.","storybookArgs":{"messages":{"control":{"type":"object"}},"authors":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"actions":{"control":{"type":"object"}},"action":{"action":"action"}},"styleSetup":{"vars":[],"parts":[{"name":"message-body","description":"style for the message bubble body"},{"name":"message","description":"style for the message bubble"},{"name":"message-bubble-me","description":"style for the message bubble of the me author"},{"name":"message-bubble-them","description":"style for the message bubble of the them author"},{"name":"message-timestamp","description":"style for the message timestamp"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"moreMessages","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"3","text":"How are you?","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"I'm fine, thanks, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are you? I'm fine too, thanks for asking, how are","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"sent","authorId":"1"},{"id":"5","text":"What about you?","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"I'm fine too, thanks for asking","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"sent","authorId":"1"},{"id":"7","text":"You're welcome","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"8","text":"Bye","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"sent","authorId":"1"},{"id":"9","text":"Bye","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"10","text":"See you later","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"sent","authorId":"1"},{"id":"11","text":"See you later","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"},{"id":"12","text":"Bye","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"sent","authorId":"1"},{"id":"13","text":"Bye","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"mixedMessageTypes","description":"Example with different message types: text, image, code, video, audio, and file","data":{"messages":[{"id":"1","text":"Check out this image!","timestamp":"2026-03-28T18:25:00.284Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Nice photo!","timestamp":"2026-03-28T18:25:00.384Z","type":"image","status":"received","authorId":"2","uri":"https://picsum.photos/300/200"},{"id":"3","text":"Here's a code snippet:","timestamp":"2026-03-28T18:25:00.884Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"function hello() {\n console.log('Hello World!');\n}","timestamp":"2026-03-28T18:25:00.984Z","type":"code","status":"sent","authorId":"1","language":"javascript"},{"id":"5","text":"Great code! Here's a video response:","timestamp":"2026-03-28T18:25:01.384Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"Video message","timestamp":"2026-03-28T18:25:01.484Z","type":"video","status":"received","authorId":"2","uri":"https://sample-videos.com/zip/10/mp4/SampleVideo_1280x720_1mb.mp4"},{"id":"7","text":"Audio message","timestamp":"2026-03-28T18:25:01.884Z","type":"audio","status":"sent","authorId":"1","uri":"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav"},{"id":"8","text":"Document.pdf","timestamp":"2026-03-28T18:25:02.384Z","type":"file","status":"received","authorId":"2","uri":"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"differentAuthorStatuses","description":"Example showing different author statuses: online, away, busy, and offline","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"away"},{"id":"3","name":"Bob","avatar":"https://i.pravatar.cc/300?img=3","status":"busy"},{"id":"4","name":"Alice","avatar":"https://i.pravatar.cc/300?img=4","status":"offline"}]}},{"name":"aiConversation","description":"Example with AI assistant conversation including code snippets","data":{"messages":[{"id":"1","text":"What's the weather like today?","timestamp":"2026-03-28T18:25:00.284Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"I don't have access to real-time weather data, but I can help you find weather information. You can check your local weather app or visit a weather website like weather.com.","timestamp":"2026-03-28T18:25:00.384Z","type":"text","status":"received","authorId":"2"},{"id":"3","text":"Can you help me write a function in JavaScript?","timestamp":"2026-03-28T18:25:00.884Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"Of course! Here's a simple JavaScript function:","timestamp":"2026-03-28T18:25:00.984Z","type":"text","status":"received","authorId":"2"},{"id":"5","text":"function greet(name) {\n return `Hello, ${name}!`;\n}\n\nconsole.log(greet('World'));","timestamp":"2026-03-28T18:25:01.084Z","type":"code","status":"received","authorId":"2","language":"javascript"}],"authors":[{"id":"1","name":"User","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"AI Assistant","avatar":"https://i.pravatar.cc/300?img=5","status":"online","isAI":true}]}},{"name":"systemMessagesAndReplies","description":"Example with system messages and reply functionality","data":{"messages":[{"id":"1","text":"Mary joined the chat","timestamp":"2026-03-28T18:25:00.284Z","type":"text","status":"received","authorId":"2","system":true},{"id":"2","text":"Hello everyone!","timestamp":"2026-03-28T18:25:00.384Z","type":"text","status":"sent","authorId":"1"},{"id":"3","text":"Hi John! How are you?","timestamp":"2026-03-28T18:25:00.484Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"I'm doing great, thanks for asking!","timestamp":"2026-03-28T18:25:00.584Z","type":"text","status":"sent","authorId":"1","reply":true,"quotedMessageId":"3"},{"id":"5","text":"That's wonderful to hear!","timestamp":"2026-03-28T18:25:00.684Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"messageStatuses","description":"Example showing different message statuses: pending, sent, received, and read","data":{"messages":[{"id":"1","text":"This message is pending...","timestamp":"2026-03-28T18:25:02.884Z","type":"text","status":"pending","authorId":"1"},{"id":"2","text":"This message was sent","timestamp":"2026-03-28T18:25:01.884Z","type":"text","status":"sent","authorId":"1"},{"id":"3","text":"This message was received","timestamp":"2026-03-28T18:25:00.884Z","type":"text","status":"received","authorId":"2"},{"id":"4","text":"This message was read","timestamp":"2026-03-28T18:24:59.884Z","type":"text","status":"read","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"noTimestamps","description":"Example with timestamps disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":false,"showAvatar":true,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"noAvatars","description":"Example with avatars disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":true,"showAvatar":false,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"noBubbles","description":"Example with bubble styling disabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":true,"showAvatar":true,"showName":true,"bubbles":false},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"minimalOptions","description":"Example with minimal options enabled","data":{"messages":[{"id":"1","text":"Hello","timestamp":"2026-03-28T18:24:27.884Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Hi","timestamp":"2026-03-28T18:25:03.884Z","type":"text","status":"received","authorId":"2"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}],"options":{"showTimestamp":false,"showAvatar":false,"showName":false,"bubbles":false},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}},{"name":"fullOptions","description":"Example with all options enabled","data":{"messages":[{"id":"1","text":"Check out this image!","timestamp":"2026-03-28T18:25:00.284Z","type":"text","status":"sent","authorId":"1"},{"id":"2","text":"Nice photo!","timestamp":"2026-03-28T18:25:00.384Z","type":"image","status":"received","authorId":"2","uri":"https://picsum.photos/300/200"},{"id":"3","text":"Here's a code snippet:","timestamp":"2026-03-28T18:25:00.884Z","type":"text","status":"sent","authorId":"1"},{"id":"4","text":"function hello() {\n console.log('Hello World!');\n}","timestamp":"2026-03-28T18:25:00.984Z","type":"code","status":"sent","authorId":"1","language":"javascript"},{"id":"5","text":"Great code! Here's a video response:","timestamp":"2026-03-28T18:25:01.384Z","type":"text","status":"received","authorId":"2"},{"id":"6","text":"Video message","timestamp":"2026-03-28T18:25:01.484Z","type":"video","status":"received","authorId":"2","uri":"https://sample-videos.com/zip/10/mp4/SampleVideo_1280x720_1mb.mp4"},{"id":"7","text":"Audio message","timestamp":"2026-03-28T18:25:01.884Z","type":"audio","status":"sent","authorId":"1","uri":"https://www.soundjay.com/misc/sounds/bell-ringing-05.wav"},{"id":"8","text":"Document.pdf","timestamp":"2026-03-28T18:25:02.384Z","type":"file","status":"received","authorId":"2","uri":"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"}],"authors":[{"id":"1","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"2","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"away"},{"id":"3","name":"Bob","avatar":"https://i.pravatar.cc/300?img=3","status":"busy"},{"id":"4","name":"Alice","avatar":"https://i.pravatar.cc/300?img=4","status":"offline"}],"options":{"showTimestamp":true,"showAvatar":true,"showName":true,"bubbles":true},"actions":[{"icon":"clipboard","name":"copy"},{"icon":"trash","name":"delete"},{"icon":"pencil","name":"edit"}]}}],"iifeIntegrity":"sha384-jV0HH9xDGqXHmCOhldhINPNeKeR6BjHvKeXYEuc7aoSBNpFKjGC6vwICJ4+2Ez4b","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-list","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-list","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"sendMessage":{"additionalProperties":false,"properties":{"file":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"id":{"type":"string"},"text":{"type":"string"}},"required":["id"],"type":"object"}},"required":["sendMessage"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"authors":{"items":{"$ref":"#/definitions/TAuthor"},"type":"array"},"id":{"type":"string"},"message":{"$ref":"#/definitions/TMessageSend"},"messages":{"items":{"$ref":"#/definitions/TMessage"},"type":"array"},"options":{"additionalProperties":false,"type":"object"},"style":{"type":"string"}},"required":["messages","authors"],"type":"object"},"TAuthor":{"additionalProperties":false,"properties":{"avatar":{"type":"string"},"id":{"type":"string"},"me":{"type":"boolean"},"name":{"type":"string"},"status":{"enum":["online","offline","away","busy"],"type":"string"}},"required":["id","name","status"],"type":"object"},"TMessage":{"additionalProperties":false,"properties":{"authorId":{"type":"string"},"id":{"type":"string"},"quotedMessageId":{"type":"string"},"reply":{"type":"boolean"},"status":{"enum":["pending","sent","received","read"],"type":"string"},"system":{"type":"boolean"},"text":{"type":"string"},"timestamp":{"format":"date-time","type":"string"},"type":{"enum":["text","image","video","audio","file"],"type":"string"},"uri":{"type":"string"}},"required":["id","text","timestamp","type"],"type":"object"},"TMessageSend":{"additionalProperties":false,"properties":{"file":{"additionalProperties":false,"properties":{"lastModified":{"type":"number"},"name":{"type":"string"},"size":{"type":"number"},"type":{"type":"string"},"webkitRelativePath":{"type":"string"}},"required":["lastModified","name","size","type","webkitRelativePath"],"type":"object"},"text":{"type":"string"}},"type":"object"}}}},"description":"Chat shell combining `hb-messages-list` (thread from `messages`, `authors`, `options`) and `hb-messages-send` (composer). Optional `message` JSON can seed the draft text. Forwards the child `sendMessage` event (text, files, tags) to the host as `sendMessage` for your transport layer.","storybookArgs":{"messages":{"control":{"type":"object"}},"authors":{"control":{"type":"object"}},"options":{"control":{"type":"object"}},"message":{"control":{"type":"object"}},"sendMessage":{"action":"sendMessageEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"testpart","description":"test css part on 2 div tag"}]},"contributors":[],"htmlSlots":[{"name":"skelcontent","description":"test slot"}],"i18n":[],"examples":[{"name":"default","data":{"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T18:24:25.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T18:24:31.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T18:24:36.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T18:24:41.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T18:24:46.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T18:24:51.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T18:24:53.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T18:24:56.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T18:24:58.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T18:25:00.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"withAMessage","data":{"message":{"text":"This is a message from the \"message\" property"},"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T18:24:25.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T18:24:31.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T18:24:36.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T18:24:41.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T18:24:46.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T18:24:51.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T18:24:53.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T18:24:56.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T18:24:58.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T18:25:00.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}},{"name":"moreMessages","data":{"messages":[{"id":"msg_7k2n9x","text":"Hello","timestamp":"2026-03-28T18:24:25.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_4h8m3p","text":"Hi","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_q5w8e2","text":"How are you doing today?","timestamp":"2026-03-28T18:24:31.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_r6t9y1","text":"I'm doing great! Just finished a project","timestamp":"2026-03-28T18:24:36.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_a3s7d4","text":"That's awesome! What kind of project?","timestamp":"2026-03-28T18:24:41.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_f8g2h6","text":"A web application using Svelte","timestamp":"2026-03-28T18:24:46.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_j9k1l5","text":"Nice! I love Svelte, it's so fast","timestamp":"2026-03-28T18:24:51.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_z4x7c3","text":"Exactly! The reactivity is amazing","timestamp":"2026-03-28T18:24:53.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_v2b8n9","text":"Are you planning to share it on GitHub?","timestamp":"2026-03-28T18:24:56.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_m6q4w7","text":"Yes, I'll publish it this weekend","timestamp":"2026-03-28T18:24:58.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_e1r5t8","text":"Let me know when it's live!","timestamp":"2026-03-28T18:25:00.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_y3u9i0","text":"Will do! Thanks for the interest 😊","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_o7p2a5","text":"How are you?","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_s8d1f4","text":"I'm fine, thanks","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_g6h9j2","text":"What about you?","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_k3l5z8","text":"I'm fine too, thanks for asking","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_x7c4v1","text":"You're welcome","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_b2n9m6","text":"Bye","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_q5w8e0","text":"Bye","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_r3t7y4","text":"See you later","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_u9i1o6","text":"See you later","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"},{"id":"msg_p2a5s8","text":"Bye","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"sent","authorId":"auth_7k2n9x"},{"id":"msg_d4f7g1","text":"Bye","timestamp":"2026-03-28T18:25:01.790Z","type":"text","status":"received","authorId":"auth_4h8m3p"}],"authors":[{"id":"auth_7k2n9x","name":"John","avatar":"https://i.pravatar.cc/300?img=1","status":"online","me":true},{"id":"auth_4h8m3p","name":"Mary","avatar":"https://i.pravatar.cc/300?img=2","status":"online"}]}}],"iifeIntegrity":"sha384-j2Zc6yQc+rwvup74hiD8Eqxk5cZp8x7EwXVDhRn0+ACrrRNyjTBRT6SRHFazZtL5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-messages-box","category":"messaging","tags":["messaging","chat"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-messages-box","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickItem":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"},"hoverItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"selected":{"type":"boolean"}},"required":["selected"],"type":"object"}},"required":["hoverItem","clickItem"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"items":{"items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"title":{"type":"string"},"type":{"enum":["video","iframe","mediamtx-webrtc","mediamtx-webrtc-ptz"],"type":"string"},"uri":{"type":"string"}},"required":["type","id","uri"],"type":"object"},"type":"array"},"style":{"type":"string"}},"required":["items"],"type":"object"}}}},"description":"Responsive video wall: lays out `items` in a Bootstrap row/column grid sized from the viewport (16:9-friendly). Each cell can be an iframe, plain MP4 `<video>`, `hb-player-live` (WHEP), or `hb-player-live-camera-ptz`. Tracks hover selection and emits `hoverItem` and `clickItem` with the focused tile id.","storybookArgs":{"items":{"control":{"type":"object"}},"hoverItem":{"action":"hoverItemEvent"},"clickItem":{"action":"clickItemEvent"}},"styleSetup":{"vars":[{"name":"--bs-gutter-x","valueType":"string","theme":"bootstrap","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"with2videos","data":{"items":[{"type":"mediamtx-webrtc","id":"1","uri":"https://vpn0.devicesmng.kernel.online/slave_10.33.88.212_fakeh264flux2"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with3videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with4videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with6videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with7videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with8videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with9videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with10videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with12videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with13videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with15videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with16videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with18videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with20videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"19","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"20","uri":"http://127.0.0.1:8889/test/"}]}},{"name":"with30videos","data":{"items":[{"type":"iframe","id":"1","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"2","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"3","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"4","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"5","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"6","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"7","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"8","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"9","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"10","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"11","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"12","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"13","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"14","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"15","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"16","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"17","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"18","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"19","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"20","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"21","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"22","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"23","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"24","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"25","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"26","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"27","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"28","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"29","uri":"http://127.0.0.1:8889/test/"},{"type":"iframe","id":"30","uri":"http://127.0.0.1:8889/test/"}]}}],"iifeIntegrity":"sha384-RIZFgE0xhDMR55ags+eEHsqyxjG5bR9ggjjHaD3/iFVxxntrujjbFRW3Zj8lk7Om","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-matrix-video","category":"media","tags":["media","video","grid"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-matrix-video","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{"additionalProperties":false,"properties":{"content":{"type":"string"}},"required":["content"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"}}}},"description":"Renders Markdown from a data object (typically with a content string) using marked with GFM and line breaks, and normalizes compact single-line Markdown for clearer lists and headings.","storybookArgs":{"data":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":{"content":"Summary of Document: This document details the discovery of letters purportedly from Yeshua, written approximately 2000 years ago, hidden by the church to protect sensitive religious teachings. The letters offer a glimpse into a time when the Church attempted to conceal powerful information about Jesus' teachings, leading to a priest's banishment. The document reveals a historical mystery involving a secret and ultimately revealed website hosted by Leslie Galentine's PKMedia.us campaign, which is now focused on sharing a portion of the original letters. The core of the document revolves around the discovery of a previously unknown copy of these letters during a 2017 investigation by biblical scholars, sparking significant questions about the true nature of Jesus’ teachings and highlighting a period of clandestine suppression. Subjects Involved: * Leslie Galentine: A historical researcher and organizer of the discovery. * ict.yard: An individual within the Yeshua correspondence project (likely a participant or researcher). * The Church: The organization that attempted to conceal the letters' content. * The Priest: Involved in the banishment and uncovering of the letters. * Leslie Galentine: The PKMedia.us team that uncovered the letters. * The PKMedia.us Campaign: The driving force behind the document's reveal. Main Subjects - Their Roles: * Leslie Galentine: Initiated and managed the discovery and dissemination of the documents. * ict.yard: The primary recipient of the correspondence and the person who initiated the historical research. * The Church: Responsible for attempting to conceal and suppress the information. * The Priest: Served as a key figure in the attempt to hide the letters and was eventually banished. * Leslie Galentine: The project lead who initiated the current revealing of the information. Main Subject - The Discovery: The discovery of these letters represents a significant historical event—a moment when a secret message from the past was revealed, raising questions about the Church's handling of religious teachings and potentially altering our understanding of Jesus’ message. Main Topic - The Revelation: The core topic is the revelation of a hidden portion of the letters, which ultimately challenges established historical interpretations and suggests a period of covert suppression of knowledge. Additional Notes: The document presents a compelling narrative of historical mystery, involving a deliberate attempt to obscure religious information, which the revelation of these letters indicates. It is a story of clandestine efforts and the potential consequences of preserving or revealing sensitive data."}}}],"iifeIntegrity":"sha384-7NSlsromTsgd5ZAIP64p6DPqzz4mTqL372gZhNrZAkWIJiz/56BZAfAERLwE+E5b","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-markdown-viewer","category":"content","tags":["content","markdown"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-markdown-viewer","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"markerClick":{"additionalProperties":false,"properties":{"coordinates":{"additionalProperties":false,"properties":{"latitude":{"type":"number"},"longitude":{"type":"number"}},"required":["latitude","longitude"],"type":"object"},"id":{"type":"string"}},"required":["coordinates","id"],"type":"object"},"pointClickCoordinates":{"additionalProperties":false,"properties":{"center":{"items":{"type":"number"},"type":"array"},"coordinates":{"additionalProperties":false,"properties":{"latitude":{"type":"number"},"longitude":{"type":"number"}},"required":["latitude","longitude"],"type":"object"},"zoom":{"type":"number"}},"required":["coordinates","zoom","center"],"type":"object"},"screenshotTaken":{"additionalProperties":false,"properties":{"base64":{"type":"string"}},"required":["base64"],"type":"object"}},"required":["pointClickCoordinates","markerClick","screenshotTaken"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"center":{"items":{"type":"number"},"type":"array"},"data":{"items":{"additionalProperties":false,"properties":{"line":{"items":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"}},"required":["lngLat"],"type":"object"},"type":"array"},"marker":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"},"text":{"type":"string"},"text_offset":{"type":"number"},"text_position":{"enum":["top","right","bottom","left"],"type":"string"}},"required":["lngLat"],"type":"object"},"point":{"additionalProperties":false,"properties":{"icon":{"additionalProperties":false,"properties":{"anchor":{"items":{"type":"number"},"type":"array"},"color":{"type":"string"},"opacity":{"type":"number"},"scale":{"type":"number"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"id":{"type":"string"},"lngLat":{"items":{"type":"number"},"type":"array"},"popupHtml":{"type":"string"}},"required":["lngLat"],"type":"object"}},"type":"object"},"type":"array"},"id":{"type":"string"},"options":{"additionalProperties":false,"properties":{"centerFromGeometries":{"type":"boolean"},"text_offset":{"type":"number"},"text_position":{"enum":["top","right","bottom","left"],"type":"string"},"text_scale":{"type":"number"}},"type":"object"},"screenshot":{"type":"string"},"source":{"additionalProperties":false,"properties":{"style":{"enum":["positron","dark_matter","voyager"],"type":"string"},"type":{"type":"string"},"url":{"type":"string"}},"required":["type"],"type":"object"},"style":{"type":"string"},"zoom":{"type":"number"}},"required":["zoom","center","data","source","options"],"type":"object"}}}},"description":"Interactive map: `center`, `zoom`, `source` (OSM or CARTO vector styles), `options` (e.g. `centerFromGeometries`, marker text layout), and `data` with markers (lng/lat, icon, popup HTML, text). Set `screenshot` to capture; emits map clicks, marker clicks, and screenshot payloads.","storybookArgs":{"options":{"control":{"type":"object"}},"center":{"control":{"type":"array"}},"data":{"control":{"type":"array"}},"zoom":{"control":{"type":"number"}},"source":{"control":{"type":"object"}},"screenshot":{"control":{"type":"text"}},"pointClickCoordinates":{"action":"pointClickCoordinates"},"markerClick":{"action":"markerClick"},"screenshotTaken":{"action":"screenshotTaken"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10.1,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.1]},"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10,10],"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10.3,10]}}]}},{"name":"default2","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10.1,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.1]},"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10,10],"popupHtml":"<p>You clicked here:</p><code>ciao</code>"}},{"marker":{"lngLat":[10.3,10]}}]}},{"name":"markerWithText","description":"Markers with text using global options for position and offset","data":{"center":[10,10],"zoom":11,"source":{"type":"osm"},"options":{"centerFromGeometries":true,"text_position":"right","text_offset":8},"data":[{"marker":{"lngLat":[10,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Uses global (right)"}},{"marker":{"lngLat":[10.05,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: left","text_position":"left"}},{"marker":{"lngLat":[10,9.97],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: top","text_position":"top"}},{"marker":{"lngLat":[10.05,9.97],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: bottom","text_position":"bottom"}},{"marker":{"lngLat":[10.025,9.985],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Override: gap 20px","text_offset":20}}]}},{"name":"markerWithLargeText","description":"Markers with scaled up text (text_scale: 1.5)","data":{"center":[10,10],"zoom":11,"source":{"type":"osm"},"options":{"centerFromGeometries":true,"text_scale":1.5},"data":[{"marker":{"lngLat":[10,10],"icon":{"uri":"https://upload.wikimedia.org/wikipedia/commons/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg","scale":0.15,"anchor":[0.5,0.5]},"text":"Large text"}}]}},{"name":"textOnly","description":"Markers with text only (no icon)","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{"centerFromGeometries":true},"data":[{"marker":{"lngLat":[10,10],"text":"Text only (no icon)"}}]}},{"name":"cartoVoyager","description":"CARTO vector tiles with Voyager style (default, colorful)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"voyager"},"options":{},"data":[]}},{"name":"cartoPositron","description":"CARTO vector tiles with Positron style (light, minimal)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"positron"},"options":{},"data":[]}},{"name":"cartoDarkMatter","description":"CARTO vector tiles with Dark Matter style (dark theme)","data":{"center":[12.4964,41.9028],"zoom":12,"source":{"type":"carto_vector","style":"dark_matter"},"options":{},"data":[]}},{"name":"screenshot","description":"Set screenshot to 'yes' to capture the map as base64 via the screenshotTaken event","data":{"center":[10,10],"zoom":9,"source":{"type":"osm"},"options":{},"screenshot":"yes","data":[]}}],"iifeIntegrity":"sha384-9aM8FP84lgi6oI6JCeQdvqVr2E6xpr/1MO8mUm9/xqvc5hdvNerpDiEsJR3iknp5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-map","category":"maps","tags":["maps"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-map","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"layoutStatus":{"additionalProperties":false,"properties":{"size":{"enum":["large","small"],"type":"string"},"width":{"type":"number"}},"required":["width","size"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","layoutStatus","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Mobile layout with optional offcanvas sidebar navigation, top navbar, main page slot, optional cookie-law banner, and footer. Supports one-screen full-height mode and forwards navbar, footer, and navigation events.","storybookArgs":{"ooterClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"pageChange":{"action":"pageChange"},"footer":{"control":{"type":"object"}},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"layoutStatus":{"action":"layoutStatus"},"contacts":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"page_title":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-left-slot","description":""},{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""},{"name":"nav-header-slot","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"}}}],"iifeIntegrity":"sha384-oQDFZLseNeGvRz7/KzBSaMRRUxBKzfBovMSGrCCcuAe8ElLZ0/PPn3kN9V+FTcIZ","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout-mobile","category":"layout","tags":["layout","shell","responsive"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout-mobile","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"layoutStatus":{"additionalProperties":false,"properties":{"size":{"enum":["large","small"],"type":"string"},"width":{"type":"number"}},"required":["width","size"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","layoutStatus","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. Supports one-screen height mode and forwards navigation and footer events.","storybookArgs":{"pageChange":{"action":"pageChange"},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"layoutStatus":{"action":"layoutStatus"},"footerClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"footer":{"control":{"type":"object"}},"contacts":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"page_title":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"},"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Cookie Policy","key":"cookiepolicy"}]}}],"iifeIntegrity":"sha384-jpzRJfLtjWwWsxwX+TNzENB3i7ByqhuTRXhSf4sN9g4So2FfGJIcrgvNqXjMWHqo","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout-desktop","category":"layout","tags":["layout","shell","responsive"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout-desktop","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"},"navbarDropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"navbarSlotClick":{"additionalProperties":false,"properties":{"side":{"enum":["left","right","center"],"type":"string"}},"required":["side"],"type":"object"},"offcanvasswitch":{"additionalProperties":false,"properties":{"isOpen":{"type":"boolean"}},"required":["isOpen"],"type":"object"},"pageChange":{"additionalProperties":false,"properties":{"page":{"type":"string"}},"required":["page"],"type":"object"}},"required":["offcanvasswitch","pageChange","navbarDropDownClick","footerClick","navbarSlotClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"cookielaw":{"type":"string"},"cookielawallowdecline":{"type":"boolean"},"cookielawlanguage":{"type":"string"},"cookielawuri4more":{"type":"string"},"footer":{"additionalProperties":false,"properties":{"disable_expanding_small":{"type":"boolean"},"type":{"enum":["auto","small","regular","large"],"type":"string"}},"type":"object"},"heders":{"items":{"additionalProperties":false,"properties":{"content":{"type":"string"},"name":{"type":"string"},"property":{"type":"string"}},"required":["content"],"type":"object"},"type":"array"},"i18nlang":{"type":"string"},"id":{"type":"string"},"navlinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"},"onescreen":{"type":"boolean"},"page_title":{"type":"string"},"pagename":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"sidebar":{"additionalProperties":false,"properties":{"logo":{"type":"string"},"title":{"type":"string"},"type":{"type":"string"}},"type":"object"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"usermenu":{"$ref":"#/definitions/IUserMenu"}},"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"INavLink":{"additionalProperties":false,"properties":{"active":{"type":"boolean"},"badge":{"additionalProperties":false,"properties":{"class":{"type":"string"},"classcolor":{"type":"string"},"text":{"type":"string"}},"required":["text"],"type":"object"},"group":{"type":"string"},"icon":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"subLinks":{"items":{"$ref":"#/definitions/INavLink"},"type":"array"}},"required":["key","label"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"},"IUserMenu":{"additionalProperties":false,"properties":{"imgUri":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IUserMenuListItem"},"type":"array"}},"required":["imgUri"],"type":"object"},"IUserMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Responsive application shell: below 800px viewport width it mounts the mobile layout; otherwise the desktop layout. Forwards navigation slots, page content, cookie-law options, and layout events from the active child.","storybookArgs":{"pageChange":{"action":"pageChange"},"offcanvasswitch":{"action":"offcanvasswitchEvent"},"footerClick":{"action":"footerClick"},"navbarDropDownClick":{"action":"navbarDropDownClick"},"page_title":{"control":{"type":"text"}},"contacts":{"control":{"type":"object"}},"heders":{"control":{"type":"object"}},"columns":{"control":{"type":"object"}},"sidebar":{"control":{"type":"object"}},"socials":{"control":{"type":"object"}},"usermenu":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"navlinks":{"control":{"type":"array"}},"pagename":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"cookielawallowdecline":{"control":{"type":"boolean"}},"cookielawlanguage":{"control":{"type":"text"}},"cookielaw":{"control":{"type":"boolean"}},"onescreen":{"control":{"type":"boolean"}},"footer":{"control":{"type":"object"}},"policies":{"control":{"type":"object"}},"navbarSlotClick":{"action":"navbarSlotClick"}},"styleSetup":{"vars":[],"parts":[{"name":"footer","description":""},{"name":"container","description":""},{"name":"navbar","description":""},{"name":"page","description":""}]},"contributors":[],"htmlSlots":[{"name":"nav-left-slot","description":""},{"name":"nav-center-slot","description":""},{"name":"nav-right-slot","description":""},{"name":"page","description":""},{"name":"nav-header-slot","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","registration":{"text":"copyright"},"description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"contacts":{"sites":[{"label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"},"navlinks":[{"label":"Home","key":"home","icon":"house-door","badge":{"text":"bbb"}},{"label":"Dashboard","key":"dashboard","icon":"speedometer","badge":{"text":"bbb"}},{"label":"Settings","key":"settings","icon":"gear","group":"admin","badge":{"text":"bbb"}},{"label":"Users","key":"users","icon":"people-fill","group":"admin","badge":{"text":"uuuuu"}},{"label":"Stats","key":"stats","icon":"graph-up","group":"stats","badge":{"text":"bbb"}}],"usermenu":{"list":[{"key":"list1","label":"list1"},{"key":"list2","label":"list2"},{"key":"list3","label":"list3","group":"list1","badge":3},{"key":"list4","label":"list4","badge":555}],"imgUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"},"sidebar":{"title":"ciao"},"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Cookie Policy","key":"cookiepolicy"}]}}],"iifeIntegrity":"sha384-zPaHLUB4l7Ms25bV5QyOYs9H9Zc5rI6/OK4wmLGfxtMMVCTnLbXmy4Ra1A8zK9DU","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-layout","category":"layout","tags":["layout","shell"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-layout","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"json":{},"status":{"enum":["open","closed","first"],"type":"string"}},"required":["json"],"type":"object"}}}},"description":"Renders JSON as an expandable, syntax-colored tree. Accepts a parsed object or a JSON string and supports initial expand modes (open, closed, or first level only).","storybookArgs":{"json":{"control":{"type":"object"}},"status":{"options":["open","closed","first"],"control":{"type":"select"}}},"styleSetup":{"vars":[{"name":"--jn-boolean","valueType":"string","defaultValue":""},{"name":"--jn-bracket","valueType":"string","defaultValue":""},{"name":"--jn-button-border","valueType":"color","defaultValue":""},{"name":"--jn-button-hover-bg","valueType":"string","defaultValue":""},{"name":"--jn-children-border","valueType":"color","defaultValue":""},{"name":"--jn-close","valueType":"string","defaultValue":""},{"name":"--jn-key","valueType":"string","defaultValue":""},{"name":"--jn-number","valueType":"string","defaultValue":""},{"name":"--jn-popover-bg","valueType":"string","defaultValue":""},{"name":"--jn-popover-border","valueType":"color","defaultValue":""},{"name":"--jn-popover-text","valueType":"string","defaultValue":""},{"name":"--jn-sep","valueType":"string","defaultValue":""},{"name":"--jn-string","valueType":"string","defaultValue":""},{"name":"--jn-symbol","valueType":"string","defaultValue":""},{"name":"--jn-type","valueType":"string","defaultValue":""},{"name":"--jn-undefined","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","description":"User profile with nested objects, arrays and nulls.","data":{"json":{"id":123,"name":"Jane Doe","active":true,"roles":["admin","editor"],"profile":{"email":"jane@example.com","address":{"street":"123 Main St","city":"Springfield","zip":"12345","coordinates":{"lat":40.7128,"lng":-74.006}}},"preferences":{"theme":"dark","notifications":{"email":true,"sms":false,"push":{"marketing":false,"updates":true}}},"tags":[],"lastLogin":"2025-09-18T10:22:00Z","meta":null},"status":"first"}},{"name":"order-with-items","description":"E-commerce order with items, totals and history.","data":{"json":{"orderId":"ORD-1001","customer":{"id":"C-77","name":"Acme Inc."},"items":[{"sku":"A1","name":"Widget","qty":2,"price":9.99,"options":{"color":"red","size":"M"}},{"sku":"B2","name":"Gadget","qty":1,"price":24.5,"options":null}],"discounts":[{"type":"coupon","amount":5}],"shipping":{"method":"express","cost":7.5,"address":{"line1":"742 Evergreen Terrace","city":"Gotham","country":"US"}},"taxes":{"rate":0.22,"amount":8.03},"totals":{"subtotal":44.48,"grandTotal":54.98},"status":"processing","history":[{"at":"2025-09-17T12:00:00Z","action":"created"},{"at":"2025-09-17T12:05:00Z","action":"paid"}]},"status":"closed"}},{"name":"heterogeneous-array","description":"Mixed array of primitives, objects and nested arrays.","data":{"json":{"data":[1,"two",true,null,{"nested":[1,2,3],"flag":false},[{"a":1},{"b":2}]],"note":"Mixed array values"}}},{"name":"deeply-nested","description":"Five-level nested structure to test depth.","data":{"json":{"level1":{"level2":{"level3":{"level4":{"level5":{"value":"deep","arr":[{"n":1},{"n":2,"inner":{"m":3}}]}}}}}}}},{"name":"analytics-dashboard","description":"Metrics with series, breakdowns and time windows.","data":{"json":{"dashboard":"Traffic Overview","range":{"start":"2025-09-01","end":"2025-09-18"},"totals":{"visits":123456,"users":98765,"bounceRate":0.473},"series":[{"date":"2025-09-15","visits":8123,"users":7021},{"date":"2025-09-16","visits":9450,"users":8012},{"date":"2025-09-17","visits":10234,"users":8654}],"byCountry":[{"code":"US","visits":54321},{"code":"IT","visits":9876},{"code":"DE","visits":8765}],"settings":{"comparePrevious":true,"filters":{"device":["desktop","mobile"],"source":["organic","paid"]}}}}}],"iifeIntegrity":"sha384-ofpmdD0HXZIhsuSsyXoGISl7Z6r69Lqs/lCLaH3jTHmd3yLp8iq9APwB+unZBZri","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-json-viewer","category":"data","tags":["data","json"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-json-viewer","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Single-line text field driven by a JSON `schemaentry` (id, value, placeholder, readonly, required, optional `validationRegex`, and `params` min/max length). Toggle Bootstrap validation styling with `show_validation`. Dispatches `setVal` whenever the value or validity changes (detail includes `value`, `valid`, `id`), and `clickEnter` when the user presses Enter inside the input.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty."}}},{"name":"defaultRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty."}}},{"name":"requiredwithmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2},"value":"a"}}},{"name":"requiredwithmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"max":2}}}},{"name":"requiredwithminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2,"max":6}}}},{"name":"requiredwithregex","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"validationTip":"This field cannot be empty.","params":{"min":2}}}}],"iifeIntegrity":"sha384-jgNB6eV2o8/szJHdt8A5gqPt9wEsgsrr70hi4DNd9fhDFyGKxJXWVXTNsEJODcIE","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-text","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-text","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Native `<select>` bound to `schemaentry` options from `params.options` (each option has `id`, `value`, and optional `label`). Supports JSON string or object `schemaentry`, optional required state, and `show_validation` for Bootstrap `is-valid` / `is-invalid` classes plus `validationTip`. Dispatches `setVal` with `{ value, valid, id }` on every change.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"selected1","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]},"value":"testvalue"}}},{"name":"selected2","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]},"value":"testvalue3"}}},{"name":"default","data":{"schemaentry":{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"},{"label":"testlabel3","value":"testvalue3","id":"testid3"}]}}}}],"iifeIntegrity":"sha384-4ve+0XaBD9U60yxaR1asf3UqTHmrscFGfdJReV2GDzS+EtlnN/2KvKj27XaXD371","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-select","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-select","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":"number"}},"required":["id"],"type":"object"}}}},"description":"Range slider (`type=\"range\"`) whose bounds come from `schemaentry.params.min` and/or `max` when present. Parses stringified `schemaentry` when needed and enforces required/min/max rules for the numeric value. Dispatches `setVal` continuously with `{ value, valid, id }` and can show `validationTip` when `show_validation` is enabled.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"placeholder":"Insert your last name here...3","id":"lastName0","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":4}}},{"name":"withmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName1","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3},"value":4}}},{"name":"withmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":8},"value":6}}},{"name":"withminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName3","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3,"max":10},"value":4}}}],"iifeIntegrity":"sha384-lkZEV6Q4Eit7K5tq5qYngL5ZetAswYVBcWq1bNh7BA97KY0MQVg/OsDKncuvC3S/","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-range","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-range","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Radio group built from `schemaentry.params.options` with a shared `name` derived from the field id. Parses JSON `schemaentry` for initial `value` and supports required validation with optional Bootstrap feedback via `show_validation` and `validationTip`. Dispatches `setVal` with the selected string `value`, `valid`, and `id` whenever the choice changes.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Choose here...","id":"check0","required":true,"label":"Check 0","validationTip":"Check 1","params":{"options":[{"label":"777","value":"555"},{"label":"testlabel","value":"testvalue"}]}}}}],"iifeIntegrity":"sha384-iYP4BPca/B/tA6qK+SeFF6pZw2Iyw5TXcYo8eX/L+BEwKVqmE8LYliUw5NOc4hGR","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-radio","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-radio","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"number"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":"number"}},"required":["id"],"type":"object"}}}},"description":"Numeric input with optional `min` / `max` from `schemaentry.params` (native attributes are omitted when bounds are not set). Validates required fields and range when both ends are defined; with no min/max it still dispatches `clickEnter` on Enter. Emits `setVal` with `{ value, valid, id }` and supports `show_validation` plus `validationTip`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"placeholder":"Insert your last name here...3","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":4}}},{"name":"withmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3},"value":4}}},{"name":"withmin","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":8},"value":4}}},{"name":"withminmax","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":3,"max":10},"value":4}}},{"name":"withzero","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","label":"Last Name","validationTip":"This field cannot be empty.","value":0}}},{"name":"withzerorequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":0}}}],"iifeIntegrity":"sha384-nakOMSkLZeI4Qd3GV7wjGfZ7ddDMEco+1iVribSrF3+KsMFdqFDTvQujxI11Ol31","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-number","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-number","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"File picker with `accept` from `schemaentry.params.accept` (defaults to any file), optional image preview or Bootstrap Icons by MIME type, and an optional clickable `placeHolderImage` that opens the hidden input. Clears selection with the remove control; validates required fields against an actual chosen file. Dispatches `setVal` with `{ value, valid, id }`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"image","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"accept":"image/","placeHolderImage":{"src":"https://placehold.co/150","width":300,"height":300}}}}}],"iifeIntegrity":"sha384-cpFyxewYGdgTCLfa0xq89uwwHvie6UI6ur5b5zxpw3jVFg1SstDLeoHEx+rng5oT","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-file","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-file","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"`type=\"email\"` field using `schemaentry` for id, value, placeholder, readonly, and required, with extra checks for a sensible address shape plus optional `validationRegex` and `params` min/max length. Use `show_validation` for Bootstrap states and `validationTip`. Dispatches `setVal` on updates and `clickEnter` when Enter is pressed.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-vY9un3gq4GFr9YGwOqSwVRz7WaBntqdA6O0kVv7/JMc+wWYDVaAW+MzOwEwNz4bd","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-email","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-email","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Composes child web components `hb-input-date` and `hb-input-number` to edit date, hours, minutes, and (unless `params.removeSeconds`) seconds, then combines them into a single ISO string `value`. Honors `schemaentry.params.min` / `max` as date bounds when required. Registers `@htmlbricks/hb-input-date` and `@htmlbricks/hb-input-number` and dispatches `setVal` with `{ value, valid, id }`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"empty","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","label":"Last Name","validationTip":"This field cannot be empty.","params":{"removeSeconds":true}}}},{"name":"emptyRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"withValue","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":"2022-06-23T05:09:08.107Z"}}},{"name":"bugged","data":{"schemaentry":{"label":"datetime","placeholder":"Insert your last name here...","id":"datelsastNafme66","required":true,"validationTip":"This field cannot be empty.","value":"2022-06-23T13:41:10.107Z"}}},{"name":"maxDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":"2023-02-27T00:00:00.000Z"}}}},{"name":"minDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z"}}}},{"name":"rangeDate27Feb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z","max":"2023-02-27T23:59:59.999Z"}}}}],"iifeIntegrity":"sha384-dIjmC00TPbxP4IBSHeDX6Va/caffa1ZCJScZaip1D8FiBNk7Dq6ykIjT7dQgxiaS","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-datetime","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-datetime","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Native date input bound to `schemaentry` (string JSON or object), with optional `params.min` / `max` compared as `Date` values when the field is required. Shows Bootstrap validation and `validationTip` when `show_validation` is on. Dispatches `setVal` with the string date `value`, `valid`, and `id`, and `clickEnter` if the user presses Enter.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."}}},{"name":"from27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T08:00:32.009Z"}}}},{"name":"to27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"max":"2023-02-27T08:00:32.009Z"}}}},{"name":"in27Febb2022","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","params":{"min":"2023-02-27T00:00:00.000Z","max":"2023-02-27T23:59:59.999Z"}}}},{"name":"date27Febb2023","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":"1984-02-27"}}}],"iifeIntegrity":"sha384-ZUI1RfUIsP2LxA1EcqUjM6Xt7e/7MhYyADP6S1O7oPEBK0wgRw2fdYNYdFmEeVUv","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-date","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-date","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"number"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"i18nlang":{"type":"string"},"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"center":{"items":{"type":"number"},"type":"array"},"latitudeLabel":{"type":"string"},"latitudePlaceholder":{"type":"string"},"longitudeLabel":{"type":"string"},"longitudePlaceholder":{"type":"string"},"options":{"additionalProperties":false,"properties":{"centerFromGeometries":{"type":"boolean"}},"type":"object"},"source":{"additionalProperties":false,"properties":{"type":{"type":"string"},"url":{"type":"string"}},"required":["type"],"type":"object"},"zoom":{"type":"number"}},"type":"object"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"additionalProperties":false,"description":"Optional default value.","properties":{"lat":{"type":"number"},"lon":{"type":"number"}},"required":["lat","lon"],"type":"object"}},"required":["id"],"type":"object"}}}},"description":"Latitude/longitude editor that embeds `hb-map` (marker and map `source` / `options` from `schemaentry.params`) and two `hb-input-number` fields, with labels translated via optional `i18nlang`. Supports initial `value` and `params` such as `zoom` and `center`. Registers `@htmlbricks/hb-map` and `@htmlbricks/hb-input-number` and dispatches `setVal` with `{ lat, lon }`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"required","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4.650858807288927,"lon":-74.07107653613633}}}},{"name":"withmax","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withmin","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withminmax","data":{"schemaentry":{"id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty.","value":{"lat":4,"lon":4}}}},{"name":"withzero","data":{"schemaentry":{"id":"lastName","label":"Coords","validationTip":"This field cannot be empty.","value":{"lat":0,"lon":0}}}},{"name":"withzerorequired","data":{"schemaentry":{"id":"lastName","required":true,"validationTip":"This field cannot be empty.","value":{"lat":0,"lon":0}}}}],"iifeIntegrity":"sha384-dVETRn422/ZZ9ued9vuMjdWuIoOcYonB0B6uaP/mMF+/C/NpkMdnQKd4Bi5LDKEa","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-coords","category":"inputs","tags":["inputs","maps"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-coords","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Color input that normalizes named HTML colors and `rgb(...)` strings into a hex value for the native picker, with debounced syncing back to the bound value. Driven by `schemaentry` (including required and optional `validationTip` with `show_validation`). Dispatches `setVal` with the string `value`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"colortxt","required":true,"validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-r7x3qpxHXPf6A/eLgnvbzB8Lea3plarFJ0lOwAOP6mwAibT4HMm8sLj/KS9b9Tuj","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-color","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-color","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Checkbox or, when `schemaentry.params.type` is `switch`, a Bootstrap switch, labeled from `schemaentry.label` with a required asterisk when needed. Boolean `value` is parsed from stringified `schemaentry`; required fields must be checked to be valid. Dispatches `setVal` with `{ value, valid, id }` and can show `validationTip` under `show_validation`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckbox","required":true,"label":"Check Box","validationTip":"This field cannot be empty."}}},{"name":"switch","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckboxchecked","required":true,"value":true,"label":"Check Box","validationTip":"This field cannot be empty.","params":{"type":"switch"}}}},{"name":"checked","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"testcheckboxchecked","required":true,"value":true,"label":"Check Box","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-/j2kNF2yii/R/nqt8qqGk9xeDsGtIhm8jXahDhxGu9bonnwMU22H5G5lDSCkdcfs","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-checkbox","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-checkbox","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"addTagLabel":{"type":"string"},"allowRemove":{"type":"boolean"},"availableTags":{"items":{"$ref":"#/definitions/Tag"},"type":"array"},"colorVarName":{"type":"string"},"freeTag":{"type":"boolean"}},"type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","items":{"$ref":"#/definitions/Tag"},"type":"array"}},"required":["id","params"],"type":"object"},"Tag":{"additionalProperties":false,"properties":{"colorVarName":{"type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"type":{"type":"string"}},"required":["label","id"],"type":"object"}}}},"description":"Tag list stored as objects `{ id, label }` (optional per-tag `colorVarName`); users add tags via free text or a dropdown from `params.availableTags`, with optional `freeTag` and `_custom` flow, removable badges when `allowRemove` is set, and styling via `params.colorVarName` or the `add-tag-label` slot. Dispatches `setVal` with the array `value`, `valid`, and `id`.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastsName","validationTip":"This field cannot be empty.","params":{"freeTag":true,"allowRemove":true}}}},{"name":"withTags","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastNamwe","params":{"freeTag":true,"availableTags":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"allowRemove":true}}}},{"name":"withValues","data":{"schemaentry":{"value":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"placeholder":"Insert your last name here...","id":"lastNames","params":{"freeTag":true,"allowRemove":true}}}},{"name":"withColor","data":{"schemaentry":{"value":[{"label":"tag1","id":"tag1"},{"label":"tag2","id":"tag2"},{"label":"tag3","id":"tag3"}],"id":"lastNamed","params":{"colorVarName":"--bs-primary","freeTag":true,"allowRemove":true}}}}],"iifeIntegrity":"sha384-lutRQZCjgT4WDuihKlFmTu9Dpr84jF5CvdT/Ss8gdFgJubecbeTRtVtMbS8cLNKh","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-array-tags","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-array-tags","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"params":{"additionalProperties":false,"description":"Other parameters that may be specific to a certain kind of form control.","properties":{"addPropertyLabel":{"type":"string"},"columns":{"items":{"properties":{"label":{"type":"string"}},"type":"object"},"type":"array"},"schema":{"items":{"properties":{"label":{"type":"string"},"type":{"type":"string"}},"required":["type"],"type":"object"},"type":"array"}},"type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","items":{"properties":{"_objId":{"type":"string"}},"required":["_objId"],"type":"object"},"type":"array"}},"required":["id"],"type":"object"}}}},"description":"Repeating records editor: `hb-table` lists existing rows (with delete actions), and `hb-form` renders the next row from `schemaentry.params.schema`; submitting appends to the array and updates the table. Registers `@htmlbricks/hb-form` and `@htmlbricks/hb-table`; optional `add-object-label` slot customizes the add button. Dispatches `setVal` with the objects array, `valid`, and `id`, and shows `validationTip` when `show_validation` is enabled.","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"}},"styleSetup":{"vars":[],"parts":[{"name":"properties-container","description":"properties container"}]},"contributors":[],"htmlSlots":[{"name":"add-object-label","description":"add property label"}],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]}}}},{"name":"withdata","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]},"value":[{"firstNamee":"Dario","lastName":"Rossi","_objId":"testo1"},{"firstNamee":"Mario","lastName":"Bianchi","_objId":"testo2"}]}}}],"iifeIntegrity":"sha384-PeLVeP8l6RGFIWvke2LJhR8l984M+X/bKjWxz6WZLYvKnu0B92CwH5JVwLDn3cpA","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-array-objects","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-array-objects","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clickEnter":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid"],"type":"object"},"setVal":{"additionalProperties":false,"properties":{"id":{"type":"string"},"valid":{"type":"boolean"},"value":{"type":"string"}},"required":["value","valid","id"],"type":"object"}},"required":["setVal","clickEnter"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemaentry":{"$ref":"#/definitions/FormSchemaEntry"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["schemaentry"],"type":"object"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value.","type":["string","number","boolean"]}},"required":["id"],"type":"object"}}}},"description":"Multi-line `<textarea>` controlled by `schemaentry` with the same validation ideas as text: optional `validationRegex` and `params` min/max length, required handling, and `show_validation` / `validationTip`. Dispatches `setVal` with `{ value, valid, id }` and `clickEnter` when Enter is pressed without Shift (Shift+Enter still inserts a newline).","storybookArgs":{"schemaentry":{"control":{"type":"object"}},"show_validation":{"control":{"type":"boolean"}},"setVal":{"action":"setVal"},"clickEnter":{"action":"clickEnter"}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":"error feedback style"},{"name":"input","description":"input style"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","label":"Last Name Area","validationTip":"This field cannot be empty."}}},{"name":"defaultRequired","data":{"schemaentry":{"placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name Area","validationTip":"This field cannot be empty."}}}],"iifeIntegrity":"sha384-NvuCr49O5C1g73DH412A9N2JEiXrl6MiHXGGBa7Kr44tUF4XL033SQjtTckfWuo1","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-input-area","category":"inputs","tags":["inputs"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-input-area","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"options":{"$ref":"#/definitions/IGauge"},"style":{"type":"string"}},"required":["options"],"type":"object"},"IGauge":{"additionalProperties":false,"properties":{"max":{"type":"number"},"min":{"type":"number"},"value":{"type":"number"}},"required":["value","min","max"],"type":"object"}}}},"description":"SVG gauge wrapper around JustGage: pass JustGage-compatible options as JSON (`value`, min/max, labels, colors, etc.). The gauge is created on the shadow host after mount, destroyed on teardown, and recreated when `options` changes or the window resizes (debounced) so it stays sized correctly.","storybookArgs":{"options":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"gauge","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"options":{"value":50,"min":0,"max":100}}}],"iifeIntegrity":"sha384-fcnkTdXW2rSBI3c5MXmmZ3/IRipNYysgXzRYQUnj1DdSZpWaFXFfBfQcO9xjVoDw","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-gauge","category":"data","tags":["data","chart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-gauge","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"cards":{"items":{"$ref":"#/definitions/ICard"},"type":"array"},"dateformat":{"type":"string"},"disabletextfilter":{"type":"string"},"externalfilter":{"type":"string"},"filter":{"type":"string"},"id":{"type":"string"},"initialdate":{"format":"date-time","type":"string"},"lastdate":{"format":"date-time","type":"string"},"linkLabel":{"type":"string"},"page":{"type":"number"},"pages":{"type":"number"},"primarycolor":{"type":"string"},"size":{"type":"number"},"style":{"type":"string"}},"required":["cards"],"type":"object"},"ICard":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"dateformat":{"type":"string"},"description":{"type":"string"},"pageUri":{"type":"string"},"provider":{"const":"youtube","type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"},"videoSrc":{"type":"string"}},"required":["videoSrc"],"type":"object"}}}},"description":"Paginated grid of `hb-card-video` tiles built from JSON `cards`, with `hb-paginate` for page/size and optional text or date-range filtering (`initialdate`/`lastdate`, `filter`, `externalfilter`). Passes date format, link label, and primary color into each card; listens to paginator events to sync `page`/`pages`.","storybookArgs":{"size":{"control":{"type":"range","min":1,"max":100}},"page":{"control":{"type":"number"}},"resturi":{"control":{"type":"object"}},"headers":{"control":{"type":"array"}},"cards":{"control":{"type":"array"}},"primarycolor":{"control":{"type":"color"}},"pageChange":{"action":"pagechangeEvent"},"externalfilter":{"control":{"type":"boolean"}},"textFilterVideos":{"action":"textFilterVideosEvent"},"dateFilterVideos":{"action":"dateFilterVideosEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"cards":[{"title":"bau","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:30.565Z"},{"title":"bb1","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video","time":"2021-08-06T22:46:31.565Z"},{"title":"bb4","time":"2021-08-06T22:46:34.565Z","videoSrc":"https://www.youtube.com/embed/tgbNymZ7vqY","provider":"youtube"},{"title":"bb12","time":"2021-08-07T22:46:34.565Z","videoSrc":"https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video"}]}}],"iifeIntegrity":"sha384-qvDIsW8gf03q8Us0B5rhRP5cSno/k/QJcj2ZqLJuStVLJ8OLfCcDMcZ96FFb6gSA","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-gallery-video","category":"media","tags":["media","video","gallery"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-gallery-video","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"submit":{"additionalProperties":false,"properties":{"schemes":{"items":{"additionalProperties":false,"properties":{"schema":{"$ref":"#/definitions/FormSchema"},"valid":{"type":"boolean"}},"required":["schema","valid"],"type":"object"},"type":"array"},"step":{"type":"number"},"steps":{"type":"number"}},"required":["schemes","steps","step"],"type":"object"},"update":{"additionalProperties":false,"properties":{"scheme":{"additionalProperties":false,"properties":{"schema":{"$ref":"#/definitions/FormSchema"},"valid":{"type":"boolean"}},"required":["schema","valid"],"type":"object"},"step":{"type":"number"},"valid":{"type":"boolean"}},"required":["step","scheme","valid"],"type":"object"}},"required":["update","submit"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schemes":{"items":{"$ref":"#/definitions/FormSchema"},"type":"array"},"step":{"type":"number"},"steps":{"type":"number"},"style":{"type":"string"},"submitstep":{"enum":["yes","no"],"type":"string"}},"required":["schemes"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"Multi-step funnel over stacked `hb-form` instances: JSON `schemes` supplies one schema per step (or derive step count from `steps`), tracks per-step validity, merges values as the user advances, and optionally shows a final submit step when `submitstep` is `yes`. Dispatches step navigation and aggregated form updates for the active index.","storybookArgs":{"submitstep":{"options":["no","yes"],"control":{"type":"select"}},"update":{"action":"updateEvent"},"submit":{"action":"submitEvent"},"schemes":{"control":{"type":"array"}}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"BasicFunnelTemplate","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith2StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith3StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default3","id":"defaultTitle3","required":true,"label":"Titolo di default3","value":"ntest3","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}},{"name":"BasicFunnelTemplateWith4StepsSchema","data":{"schemes":[[{"type":"text","placeholder":"Inserisci titolo di default3","id":"defaultTitle3","required":true,"label":"Titolo di default3","value":"ntest3","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default4","id":"defaultTitle4","required":true,"label":"Titolo di default4","value":"ntest36666666","params":{"min":8,"max":120}}],[{"type":"text","placeholder":"Inserisci titolo di default2","id":"defaultTitle2","required":true,"label":"Titolo di default2","value":"ntest2","params":{"min":8,"max":120}},{"type":"number","id":"age2","required":true,"label":"Age2","value":20,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}],[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"numtest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]]}}],"iifeIntegrity":"sha384-KlNDw8peq66ULShVrrQJ+IrX3lLOJwma66y/qVARdh6AzG5HKraR5moqcNUOVHUq","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-funnel","category":"forms","tags":["forms","multistep"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-funnel","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"formContactSubmit":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values"],"type":"object"},"formContactSubmitWithCaptcha":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"response":{"type":"string"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values","response"],"type":"object"}},"required":["formContactSubmit","formContactSubmitWithCaptcha"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"captcha":{"additionalProperties":false,"properties":{"siteKey":{"type":"string"},"type":{"enum":["googlev_recaptchav2_invisible","googlev_recaptchav3"],"type":"string"}},"required":["type","siteKey"],"type":"object"},"id":{"type":"string"},"informations":{"additionalProperties":false,"properties":{"email":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"message":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"name":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"phone":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"},"subject":{"additionalProperties":false,"properties":{"label":{"type":"string"},"placeholder":{"type":"string"},"required":{"type":"boolean"},"value":{"type":"string"}},"type":"object"}},"type":"object"},"privacy_policy":{"additionalProperties":false,"properties":{"input":{"type":"string"},"link":{"type":"string"},"policyId":{"type":"string"},"required":{"type":"boolean"}},"required":["input"],"type":"object"},"style":{"type":"string"}},"type":"object"}}}},"description":"Opinionated contact form: JSON `informations` toggles and labels fields (name, email, phone, subject, message, etc.) and builds the `hb-form` schema at runtime, including privacy-policy checkbox from `privacy_policy`. Optional `captcha` config embeds `hb-captcha-google-recaptcha-v2-invisible` before submit; success UI uses Svelte transitions.","storybookArgs":{"informations":{"control":{"type":"object"}},"privacy_policy":{"control":{"type":"object"}},"captcha":{"control":{"type":"object"}},"formContactSubmit":{"action":"formContactSubmit"},"formContactSubmitWithCaptcha":{"action":"formContactSubmitWithCaptcha"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"FormContact1","data":{"informations":{"email":{"required":true},"message":{}},"privacy_policy":{"input":"accettalo","required":true}}},{"name":"FormContact2","data":{"informations":{"message":{}}}},{"name":"FormContact3","data":{"informations":{"name":{},"message":{}}}},{"name":"FormContactWithCaptcha","data":{"informations":{"email":{"required":true},"message":{}},"privacy_policy":{"input":"accettalo","required":true},"captcha":{"type":"googlev_recaptchav2_invisible","siteKey":"6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"}}}],"iifeIntegrity":"sha384-8fHK/SsS3UNX+k/lMqpSvavXSK/3a2mpd6zbXT9Na29h2ti93POfeQ6eyPR0VYzl","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form-contact","category":"forms","tags":["forms","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form-contact","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"done":{"additionalProperties":false,"properties":{"id":{"type":"string"},"schema":{}},"required":["schema","id"],"type":"object"}},"required":["done"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"debug":{"type":"boolean"},"id":{"type":"string"},"output_schema":{"items":{},"type":"array"},"style":{"type":"string"}},"type":"object"}}}},"description":"Visual form-schema builder: internal `hb-form` defines field types, validation flags, and options, mirrored into an `hb-table` preview and editable via `hb-dialogform`. Accumulates `output_schema` as the composed `hb-form` schema array and can emit debug-oriented events for each sub-component interaction.","storybookArgs":{"debug":{"control":{"type":"boolean"}},"output_schema":{"control":{"type":"object"}},"done":{"action":"doneEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{}},{"name":"debug","data":{"debug":true}},{"name":"debug-default","data":{"debug":true,"output_schema":[{"id":"name","conditional":false,"label":"Name","max":100,"min":0,"required":true,"placeholder":"Enter your name","type":"text","value":"abbello"}]}}],"iifeIntegrity":"sha384-6If80rMJAjFU84vmbwaLckNXjWWHSnNOh0azv3MTPf10FUiBVVLrAqp0A2NmGZr8","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form-composer","category":"forms","tags":["forms","builder"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form-composer","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"getValues":{"additionalProperties":false,"properties":{"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","values"],"type":"object"},"submit":{"additionalProperties":{"type":["string","number","boolean"]},"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"}},"required":["_id","_valid"],"type":"object"},"update":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","_id","values"],"type":"object"}},"required":["submit","getValues","update"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"getvals":{"enum":["yes","no",null],"type":["string","null"]},"hide_submit":{"type":"boolean"},"i18nlang":{"type":"string"},"id":{"type":"string"},"isInvalid":{"type":"boolean"},"schema":{"$ref":"#/definitions/FormSchema"},"show_validation":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"submitted":{"enum":["yes","no",null],"type":["string","null"]},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["schema"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"JSON `schema`-driven form engine: each entry’s `type` maps to an `hb-input-` web component (text, select, date, file, arrays, coords, etc.) or layout `row`. Handles grouping, conditional visibility, validation messages, disabled state, and dispatches rich `update` payloads (field values + `_valid`) plus submit lifecycle events for programmatic backends.","storybookArgs":{"schema":{"control":{"type":"array"}},"submitted":{"control":{"type":"boolean"}},"show_validation":{"control":{"type":"boolean"}},"set_valid":{"control":{"type":"boolean"}},"set_value":{"control":{"type":"boolean"}},"hide_submit":{"control":{"type":"boolean"}},"submit":{"action":"submit"},"getValues":{"action":"getValues"},"update":{"action":"change"},"i18nlang":{"control":{"type":"select"},"options":["en","it"]}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""},{"name":"main_button","description":""},{"name":"button_container","description":""}]},"contributors":[],"htmlSlots":[{"name":"submit_button","description":""},{"name":"submit_label","description":""},{"name":"other_buttons","description":"space alongside the default submit button"}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"BasicFormHost","data":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstName","required":true,"label":"First Name","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"checkbox","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz."},{"type":"select","placeholder":"Select something here...","id":"selectsomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"}]}},{"type":"radio","placeholder":"radio something here...","id":"radiosomething","required":true,"label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"radio","value":"radio","id":"testid3"},{"label":"radio2","value":"radi2o","id":"testid4"},{"label":"radio3","value":"radio2","id":"testid4"},{"label":"testlabel","value":"testvalue","id":"testid5"}]}}]}},{"type":"coords","id":"coords","label":"Coords","required":true,"validationTip":"This field cannot be empty."},{"type":"number","id":"age","required":true,"label":"Age","params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"type":"text","placeholder":"Insert your last name here...","id":"lastName2","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"textarea","placeholder":"Insert your last name22 here...","id":"lastName22","required":true,"label":"Last Name2","validationTip":"This field cannot be empty2."}]}},{"name":"FormHostWithFileTemplate","data":{"schema":[{"type":"file","placeholder":"Inserisci file","id":"filetest","required":true,"label":"File di default"},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateCompiled","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"checkbox","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz.","value":"yes"},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"type":"datetime","label":"datetime","placeholder":"Insert your last name here...","id":"datelsastNafme66","required":true,"validationTip":"This field cannot be empty.","value":"2022-06-23T13:41:10.107Z"},{"type":"date","label":"data","placeholder":"Insert your last name here...","id":"datelastName6kk6","required":true,"validationTip":"This field cannot be empty.","value":"1984-02-27"}]}},{"name":"FormHostTemplateConditional","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitleCond","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"CondAge","required":true,"dependencies":[{"id":"defaultTitleCond","values":["00000000"]}],"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateConditionalAndColumns","data":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstName","required":true,"label":"First Name","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","required":true,"label":"Last Name","validationTip":"This field cannot be empty."},{"type":"select","placeholder":"Select something here...","id":"selectsomething","label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"","value":"","id":"testid"},{"label":"testlabel","value":"testvalue","id":"testid2"}]},"dependencies":[{"id":"CondAge","values":[100]}]},{"type":"text","placeholder":"Insert your last namez here...","id":"lastNamez","label":"Last Namez","validationTip":"This field cannot be emptyz."},{"type":"radio","placeholder":"radio something here...","id":"radiosomething","label":"Selection of something","validationTip":"This field cannot be empty.","params":{"options":[{"label":"radio","value":"radio","id":"testid3"},{"label":"radio2","value":"radi2o","id":"testid4"},{"label":"radio3","value":"radio2","id":"testid4"},{"label":"testlabel","value":"testvalue","id":"testid5"}]},"dependencies":[{"id":"firstName","values":["00000000"]}]}]}},{"type":"color","id":"colo","label":"Last Color"},{"type":"number","id":"CondAge","dependencies":[{"id":"firstName","values":["00000000"]}],"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"}]}},{"name":"FormHostTemplateWithArrayProp","data":{"schema":[{"type":"file","placeholder":"Inserisci file","id":"filetest","required":true,"label":"File di default"},{"placeholder":"Insert your last name here...","id":"lastName","validationTip":"This field cannot be empty.","label":"Array of objects","required":true,"params":{"schema":[{"id":"name-row","type":"row","params":{"columns":[{"type":"text","placeholder":"Insert your first name here...","id":"firstNamee","required":true,"label":"First Namee","validationTip":"This field cannot be empty."},{"type":"text","placeholder":"Insert your last name here...","id":"lastName","label":"Last Nam3e","validationTip":"This field cannot be empty."}]}}]},"type":"arrayobjects"}]}}],"iifeIntegrity":"sha384-kB1m1mk9rA0D4aRa7y4IuwIykg3NFijCNUtyluvjlHd+bT3plNgBQhdrI3r1qRhb","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-form","category":"forms","tags":["forms"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-form","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"footerClick":{"additionalProperties":false,"properties":{"elClick":{"type":"string"}},"required":["elClick"],"type":"object"}},"required":["footerClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"brandandcontacts":{"$ref":"#/definitions/IBrandAndContacts"},"columns":{"items":{"$ref":"#/definitions/IColumn"},"type":"array"},"company":{"$ref":"#/definitions/ICompany"},"contacts":{"$ref":"#/definitions/IContacts"},"disable_expanding_small":{"type":"boolean"},"id":{"type":"string"},"policies":{"items":{"$ref":"#/definitions/IPolicies"},"type":"array"},"socials":{"$ref":"#/definitions/ISocials"},"style":{"type":"string"},"type":{"enum":["small","regular","large"],"type":"string"}},"required":["company"],"type":"object"},"IAddressContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"googleMapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IBrandAndContacts":{"additionalProperties":false,"properties":{"companyLogoUri":{"type":"string"},"companyName":{"type":"string"}},"required":["companyName","companyLogoUri"],"type":"object"},"IColumn":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cells":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"$ref":"#/definitions/IAddressContact"},"email":{"$ref":"#/definitions/IEmailContact"},"label":{"type":"string"},"phone":{"$ref":"#/definitions/IPhoneContact"},"site":{"$ref":"#/definitions/ISiteContact"}},"required":["_id"],"type":"object"},"type":"array"},"title":{"type":"string"}},"required":["cells"],"type":"object"},"ICompany":{"additionalProperties":false,"properties":{"companyName":{"type":"string"},"description":{"type":"string"},"fiscalCode":{"type":"string"},"logoUri":{"type":"string"},"registration":{"additionalProperties":false,"properties":{"since":{"type":"number"},"text":{"type":"string"}},"type":"object"},"since":{"type":"number"},"siteName":{"type":"string"},"vatNumber":{"type":"string"}},"required":["logoUri","siteName","companyName","description"],"type":"object"},"IContacts":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/IAddressContact"},"type":"array"},"emails":{"items":{"$ref":"#/definitions/IEmailContact"},"type":"array"},"phones":{"items":{"$ref":"#/definitions/IPhoneContact"},"type":"array"},"sites":{"items":{"$ref":"#/definitions/ISiteContact"},"type":"array"}},"type":"object"},"IEmailContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"address":{"type":"string"},"label":{"type":"string"}},"required":["address"],"type":"object"},"IPhoneContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"number":{"type":"string"}},"required":["number"],"type":"object"},"IPolicies":{"additionalProperties":false,"properties":{"key":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["label","key"],"type":"object"},"ISiteContact":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"ISocials":{"additionalProperties":false,"properties":{"discord":{"type":"string"},"facebook":{"type":"string"},"github":{"type":"string"},"gmail":{"type":"string"},"twitch":{"type":"string"},"twitter":{"type":"string"},"youtube":{"type":"string"}},"type":"object"}}}},"description":"Site footer in `small`, `regular`, or `large` layouts: company block, optional brand/contacts column, link columns, social icons, `hb-contact-item` rows, and policy links—all driven by JSON props. On small layouts the body can expand/collapse unless `disable_expanding_small` is set; slots `footerheader`, `footercontent`, and `footerbottom` wrap major regions.","storybookArgs":{"columns":{"control":{"type":"array"}},"policies":{"control":{"type":"array"}},"brandandcontacts":{"control":{"type":"object"}},"disable_expanding_small":{"control":{"type":"boolean"}},"socials":{"control":{"type":"object"}},"contacts":{"control":{"type":"object"}},"company":{"control":{"type":"object"}},"type":{"control":{"type":"select","options":["small","regular","large"]}},"footerClick":{"action":"footerClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"column-cell-button-content","description":""}]},"contributors":[],"htmlSlots":[{"name":"footerpolicy","description":""},{"description":"","name":"footerheader"},{"description":"","name":"footercontent"},{"description":"","name":"footerbottom"},{"name":"footer_small"}],"i18n":[],"examples":[{"name":"default","data":{"company":{"logoUri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg","siteName":"testsite","companyName":"testcompany S.R.L.","description":"testo e descrizione di esempio dell applicazione","vatNumber":"aa - ffffff","fiscalCode":"f4f5f6fff"},"brandandcontacts":{"companyName":"bella","companyLogoUri":""},"columns":[{"_id":"col_links","cells":[{"label":"test","_id":"test"},{"label":"test2","_id":"test2"},{"label":"test3","_id":"test3"}],"title":"stringtitle"}],"policies":[{"label":"Privacy Policy","key":"privacypolicy"},{"label":"Condizioni Generali","key":"generalcondition"},{"label":"Cookie Policy","key":"cookiepolicy"}],"contacts":{"sites":[{"_id":"site_main","label":"dariocaruso.info","uri":"https://dariocaruso.info"}],"phones":[{"_id":"phone_main","number":"6666666666666"}],"addresses":[],"emails":[]},"socials":{"facebook":"fbbb","youtube":"yttttttt"}}}],"iifeIntegrity":"sha384-JdGE8gTX538s170nnJ9mC3uID7bjhEkkpbCXYa9PnyuigELzFQHpmEyD5t9s0NsW","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-footer","category":"layout","tags":["layout","navigation"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-footer","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"filter":{"type":"string"},"id":{"type":"string"},"info":{"items":{"additionalProperties":false,"properties":{"text":{"type":"string"},"title":{"type":"string"},"topic":{"type":"string"}},"required":["title","text"],"type":"object"},"type":"array"},"style":{"type":"string"},"topics":{"items":{"additionalProperties":false,"properties":{"catchAll":{"type":"boolean"},"icon":{"type":"string"},"index":{"type":"number"},"key":{"type":"string"},"label":{"type":"string"}},"required":["key","label","icon"],"type":"object"},"type":"array"}},"type":"object"}}}},"description":"FAQ layout with a horizontal topic strip (Bootstrap Icons + labels) that sets an optional `filter` key, and an accordion list built from JSON `info` entries (`title`, `topic`, HTML `text`). Checkbox hack expands/collapses answers; topics with `catchAll` clear the filter.","storybookArgs":{"info":{"control":{"type":"object"}},"topics":{"control":{"type":"object"}},"filter":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"info":[{"topic":"test","title":"test title","text":"text <a href=\"ss\">ddd</a>text"},{"topic":"test2","title":"test title2","text":"text <a href=\"ss\">ddd</a>text"},{"topic":"test3","title":"test title3","text":"text <a href=\"ss\">ddd</a>text"}],"topics":[{"key":"test","label":"test label","icon":"globe"},{"key":"test2","label":"test2 label","icon":"asterisk"},{"key":"test3","label":"test3 label","icon":"globe"},{"key":"test4","label":"test4 label","icon":"globe","catchAll":true}]}}],"iifeIntegrity":"sha384-69g/VlpVdGq1J4aSl8YhckQbPLkZhleuFdr/hP7O6wC0WbNqWmNydG0rkPuVuCuJ","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-faq-component","category":"content","tags":["content"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-faq-component","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeTrackValues":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minVaule":{"type":"number"}},"required":["minVaule","maxValue"],"type":"object"},"dispatchTrack":{"additionalProperties":false,"properties":{"track":{"$ref":"#/definitions/ITrack"}},"required":["track"],"type":"object"}},"required":["changeTrackValues","dispatchTrack"],"type":"object"},"ITrack":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minValue":{"type":"number"}},"required":["minValue","maxValue"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"form":{"type":"string"},"id":{"type":"string"},"src":{"type":"string"},"style":{"type":"string"},"track":{"$ref":"#/definitions/ITrack"}},"required":["src"],"type":"object"},"ITrack":{"additionalProperties":false,"properties":{"maxValue":{"type":"number"},"minValue":{"type":"number"}},"required":["minValue","maxValue"],"type":"object"}}}},"description":"Video trimmer UI: plays `src` with an `hb-range-slider` synced to the playhead and in/out bounds (`track` min/max seconds). Numeric time fields, cue-to-current-time buttons, and optional `hb-form` gate final submission. Emits `changeTrackValues`, `dispatchTrack` when no form is used, and form-driven submit when metadata is valid.","storybookArgs":{"src":{"control":{"type":"text"}},"form":{"control":{"type":"array"}},"track":{"control":{"type":"object"}},"changeTrackValues":{"action":"changeTrackValuesEvent"},"dispatchTrack":{"action":"dispatchTrackEvent"}},"styleSetup":{"vars":[{"name":"--hb-slider-background-color","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"id":"BasicVideoeditorWithTrack","track":{"maxValue":2,"minValue":0},"src":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4"}}],"iifeIntegrity":"sha384-1P0cAEVNmeNowlnSzbtsc+TskWV8ZJmxVCSU3RQfRqSBKM60zzaH089PsWqYgXD1","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-editor-video","category":"media","tags":["media","video","editor"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-editor-video","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"dropDownClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"},"dropdownSwitch":{"additionalProperties":false,"properties":{"id":{"type":"string"},"open":{"type":"boolean"}},"required":["open","id"],"type":"object"}},"required":["dropdownSwitch","dropDownClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"open":{"type":"boolean"},"position":{"enum":["left","right"],"type":"string"},"style":{"type":"string"}},"required":["list"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"}}}},"description":"Bootstrap dropdown menu: `list` is a JSON array of items with `key` (and labels as defined in your schema). Toggle open state with the trigger; choosing an item emits `dropDownClick` with the item `key` and closes the menu. `open` accepts boolean or string (`yes`/`no`); `position` aligns the menu left or right (defaults from host `float`). Also emits `dropdownSwitch` when toggled.","storybookArgs":{"open":{"control":{"type":"boolean"}},"list":{"control":{"type":"array"}},"dropdownSwitch":{"action":"dropdownSwitchEvent"},"dropDownClick":{"action":"dropDownClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"dropdown","description":""},{"name":"dropdownbutton","description":""},{"name":"dropdowncontent","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"list":[{"key":"ciao","label":"bao"},{"key":"ciao2","label":"bao2"},{"key":"ciao3","label":"bao3","linkHref":"fefeef"}]}}],"iifeIntegrity":"sha384-u+0J/PQJEsIZEsExMkNIO/hnw3A5E4haatugY8nSqoTAO4vtaNbr1NHkLuqIYK0z","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dropdown-simple","category":"overlays","tags":["overlays","menu"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dropdown-simple","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"align":{"enum":["left","right"],"type":"string"},"clearurl":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"},"viewurl":{"type":"string"}},"required":["clearurl","viewurl","align"],"type":"object"}}}},"description":"Navbar-style bell control that toggles a Bootstrap `dropdown-menu`: header row with optional “Clear all” (`clearurl`) and a default slot for notification rows, plus optional footer link “View all” (`viewurl`). `align` switches `dropdown-menu-end` for right alignment.","storybookArgs":{"uri":{"control":{"type":"text"}},"clearurl":{"control":{"type":"text"}},"viewurl":{"control":{"type":"text"}},"align":{"control":{"type":"select"},"options":["left","right"]}},"styleSetup":{"vars":[{"name":"--x-muted-rgb","valueType":"color","defaultValue":""},{"name":"--x-text-opacity","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"clearurl":"","viewurl":"","align":"left"}}],"iifeIntegrity":"sha384-kkZYlPbj3XCarXqWEgiJRAFUYb5YRyt94+HjOzJuyHP9HSkxxqlPjtvjzmeXttPl","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dropdown-notifications","category":"overlays","tags":["overlays","menu","notifications"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dropdown-notifications","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"downloadComplete":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"id":{"type":"string"}},"required":["downloaded","id"],"type":"object"},"downloadError":{"additionalProperties":false,"properties":{"downloaded":{"type":"boolean"},"error":{"additionalProperties":false,"properties":{"message":{"type":"string"},"name":{"type":"string"},"stack":{"type":"string"}},"required":["name","message"],"type":"object"},"id":{"type":"string"}},"required":["downloaded","id","error"],"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["downloadError","downloadComplete","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"downloadid":{"type":"string"},"headers":{"$ref":"#/definitions/IHeader"},"id":{"type":"string"},"style":{"type":"string"},"targetfilename":{"type":"string"},"uri":{"type":"string"}},"required":["uri"],"type":"object"},"IHeader":{"additionalProperties":{"type":"string"},"type":"object"}}}},"description":"Opens `hb-dialog` while `uri` is set and downloads the resource with `XMLHttpRequest` as a blob: optional JSON `headers`, inferred or explicit `targetfilename`, `Content-Disposition` parsing when exposed by CORS, progress bar from `onprogress`, then triggers a browser file save. Dispatches `downloadComplete` or `downloadError` (with `downloadid`) and propagates `modalShow`; clears/aborts when the dialog closes.","storybookArgs":{"uri":{"control":{"type":"text"}},"targetfilename":{"control":{"type":"text"}},"headers":{"control":{"type":"text"}},"downloadid":{"control":{"type":"text"}},"downloadError":{"action":"downloadError"},"downloadComplete":{"action":"downloadComplete"},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"uri":""}}],"iifeIntegrity":"sha384-suJUWf+Yibvaw8QPfn3x8YcjjSL6hjdS/4T4uy7K/z3rwx03+ZkVItkB/sk4nGs0","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-downloader","category":"utilities","tags":["utilities","files"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-downloader","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"changeForm":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"_valid":{"type":"boolean"},"values":{"additionalProperties":{"type":["string","number","boolean"]},"type":"object"}},"required":["_valid","_id","values"],"type":"object"},"modalFormCancel":{"additionalProperties":false,"properties":{"error":{"type":"string"},"id":{"type":"string"}},"required":["id"],"type":"object"},"modalFormConfirm":{"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalFormConfirm","modalShow","modalFormCancel","changeForm"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"backdrop":{"type":"boolean"},"closelabel":{"type":"string"},"confirmlabel":{"type":"string"},"content":{"type":"string"},"describedby":{"type":"string"},"dialogclasses":{"type":"string"},"id":{"type":"string"},"ignoreBackdrop":{"type":"boolean"},"keyboard":{"type":"boolean"},"labelledby":{"type":"string"},"schema":{"$ref":"#/definitions/FormSchema"},"show":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"required":["schema"],"type":"object"},"FormSchema":{"items":{"$ref":"#/definitions/FormSchemaEntry"},"type":"array"},"FormSchemaEntry":{"additionalProperties":false,"properties":{"dependencies":{"description":"This form control will show only if these dependencies are satisfied.","items":{"additionalProperties":false,"properties":{"id":{"type":"string"},"values":{"items":{},"type":"array"}},"required":["id"],"type":"object"},"type":"array"},"id":{"description":"This will be both the key of the object when submitting the form's data, and also the id in the DOM.","type":"string"},"label":{"description":"The descriptive label that will show alongside the form control.","type":"string"},"params":{"description":"Other parameters that may be specific to a certain kind of form control.","type":"object"},"placeholder":{"type":"string"},"readonly":{"type":"boolean"},"required":{"description":"This doesn't matter if the dependencies requirements aren't met.","type":"boolean"},"type":{"description":"Identifies the component type that will be used, available default ones are: - text - number - email - select \t- radio - checkbox - textarea","type":"string"},"validationRegex":{"type":"string"},"validationTip":{"description":"Shows if value is not valid.","type":"string"},"value":{"description":"Optional default value."}},"required":["id","type"],"type":"object"}}}},"description":"Modal that embeds `hb-form` with the same `schema` contract: live `updateForm` events mirror form validity and values, and the confirm button dispatches `modalFormConfirm` with the last valid payload or `modalFormCancel` when dismissed or invalid. Composes `hb-dialog` (backdrop/keyboard, `show`) and re-dispatches `modalShow`.","storybookArgs":{"schema":{"control":{"type":"object"}},"show":{"control":{"type":"boolean"}},"dialogformclasses":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"backdrop":{"control":{"type":"boolean"}},"ignoreBackdrop":{"control":{"type":"text"}},"keyboard":{"control":{"type":"boolean"}},"describedby":{"control":{"type":"text"}},"labelledby":{"control":{"type":"text"}},"content":{"control":{"type":"text"}},"closelabel":{"control":{"type":"text"}},"confirmlabel":{"control":{"type":"text"}},"modalShow":{"action":"modalShow"},"changeForm":{"action":"changeForm"},"modalFormConfirm":{"action":"modalFormConfirm"},"modalFormCancel":{"action":"modalFormCancel"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"form-header"},{"name":"form-footer"},{"name":"header"},{"name":"modal-footer"},{"name":"footer"},{"name":"close-button-label"},{"name":"confirm-button-label"}],"i18n":[],"examples":[{"name":"default","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"key":"active","label":"Active","type":"checkbox","value":true}],"show":"yes"}},{"name":"default2","data":{"schema":[{"type":"text","placeholder":"Inserisci titolo di default","id":"defaultTitle","required":true,"label":"Titolo di default","value":"titolotest","params":{"min":8,"max":120}},{"type":"number","id":"age","required":true,"label":"Age","value":9,"params":{"min":8,"max":120},"validationTip":"Min 8, Max 120"},{"key":"active","label":"Active","type":"checkbox","value":true}],"show":"yes"}}],"iifeIntegrity":"sha384-jCCIt0OXZrsycqkCascjwEIeXREilUfM4ZIvZKrWUZUmkh6xner/pujn7gEnEuKM","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialogform","category":"forms","tags":["forms","overlays"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialogform","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"percentage":{"type":"number"},"style":{"type":"string"},"title":{"type":"string"}},"required":["percentage"],"type":"object"}}}},"description":"Thin wrapper around `hb-dialog` that opens automatically while numeric `percentage` is non-zero and shows a Bootstrap progress bar filled to that value. Forwards `modalShow` from the inner dialog so parents can track open state; slots allow overriding the dialog title.","storybookArgs":{"percentage":{"control":{"type":"number"}},"modalShow":{"action":"modalShow"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""}],"i18n":[],"examples":[{"name":"default","data":{"percentage":10}},{"name":"empty","data":{"percentage":0}}],"iifeIntegrity":"sha384-2A6yKH23RgamwNTbG33iGPHpWWa11Jhp2xSdxGNMAz2XBlfxzK9tqhbzb+J90Gr0","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialog-loader","category":"overlays","tags":["overlays","modal","loading"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialog-loader","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"modalConfirm":{"additionalProperties":false,"properties":{"confirm":{"type":"boolean"},"id":{"type":"string"}},"required":["id","confirm"],"type":"object"},"modalShow":{"additionalProperties":false,"properties":{"id":{"type":"string"},"show":{"const":true,"type":"boolean"}},"required":["id","show"],"type":"object"}},"required":["modalConfirm","modalShow"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"backdrop":{"type":"boolean"},"close_btn_class":{"type":"string"},"closelabel":{"type":"string"},"confirm_btn_class":{"type":"string"},"confirmlabel":{"type":"string"},"content":{"type":"string"},"describedby":{"type":"string"},"disable_confirm":{"type":"boolean"},"hide_close":{"type":"boolean"},"hide_confirm":{"type":"boolean"},"id":{"type":"string"},"ignoreBackdrop":{"type":"boolean"},"keyboard":{"type":"boolean"},"labelledby":{"type":"string"},"show":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap-styled modal controlled by string `show` (`yes`/`no`): fade/fly transitions, optional backdrop click to close, Escape when `keyboard` is enabled, and `modal-open` on `document.body`. Slots replace title, body, footer, and button labels; default footer emits `modalConfirm` with `{ id, confirm }` and toggles visibility. Also emits `modalShow` when opened or closed.","storybookArgs":{"disable_confirm":{"control":{"type":"boolean"}},"show":{"control":{"type":"boolean"}},"confirm_btn_class":{"control":{"type":"text"}},"close_btn_class":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"backdrop":{"control":{"type":"boolean"}},"ignoreBackdrop":{"control":{"type":"text"}},"keyboard":{"control":{"type":"boolean"}},"hide_close":{"control":{"type":"boolean"}},"hide_confirm":{"control":{"type":"boolean"}},"describedby":{"control":{"type":"text"}},"labelledby":{"control":{"type":"text"}},"content":{"control":{"type":"text"}},"closelabel":{"control":{"type":"text"}},"confirmlabel":{"control":{"type":"text"}},"modalShow":{"action":"modalShow"},"modalConfirm":{"action":"modalConfirm"}},"styleSetup":{"vars":[{"name":"--hb-modal-max-width","valueType":"number","defaultValue":""}],"parts":[{"name":"modal-dialog","description":"The modal dialog"}]},"contributors":[],"htmlSlots":[{"name":"header"},{"name":"modal-footer"},{"name":"body-content"},{"name":"footer"},{"name":"close-button-label"},{"name":"confirm-button-label"}],"i18n":[],"examples":[{"name":"default","data":{"show":"yes"}}],"iifeIntegrity":"sha384-DhJWUAQSi/9BBLLBZUkMPrmFFHAbJHOyiXWpLV/A+nxo57i/QaPRNF7EVe91MhWh","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dialog","category":"overlays","tags":["overlays","modal"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dialog","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"dashboardIndicatorClick":{"additionalProperties":false,"properties":{"id":{"type":"string"}},"required":["id"],"type":"object"}},"required":["dashboardIndicatorClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"id":{"type":"string"},"link_label":{"type":"string"},"number":{"type":"number"},"style":{"type":"string"},"text":{"type":"string"}},"required":["number","icon"],"type":"object"}}}},"description":"Compact KPI tile: large `number`, caption `text`, and configurable Bootstrap Icon in a green panel. When `link_label` is set, a footer strip is shown and clicks dispatch `dashboardIndicatorClick` with the component `id`.","storybookArgs":{"number":{"control":{"type":"number"}},"text":{"control":{"type":"text"}},"icon":{"control":{"type":"text"}},"link_label":{"control":{"type":"text"}},"dashboardIndicatorClick":{"action":"dashboardIndicatorClickEvent"}},"styleSetup":{"vars":[{"name":"--hb--dashboard-indicator-background","valueType":"string","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"number":10,"text":"ritestawdmento","icon":"window","link_label":"testaggio"}},{"name":"default2","data":{"number":11,"icon":"window","link_label":"testaggio2"}}],"iifeIntegrity":"sha384-toKRoDwk48SSRjMwO/rKfpALlQ6L9G199OOwVlZQTJBDMyWw4meZwIbqNm1vr4GP","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-indicator","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-indicator","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"counterClick":{"additionalProperties":false,"properties":{"key":{"type":"string"}},"required":["key"],"type":"object"}},"required":["counterClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"id":{"type":"string"},"lines":{"items":{"$ref":"#/definitions/Line"},"type":"array"},"style":{"type":"string"}},"type":"object"},"Line":{"additionalProperties":false,"properties":{"icon":{"type":"string"},"index":{"type":"number"},"link":{"additionalProperties":false,"properties":{"type":{"enum":["tab","page","event"],"type":"string"},"uri":{"type":"string"}},"required":["type","uri"],"type":"object"},"text":{"type":"string"},"value":{"type":"string"}},"required":["text","value"],"type":"object"}}}},"description":"Vertical list of metric rows from JSON `lines`: each row shows optional Bootstrap Icon, label text, and a secondary badge value. `link.type` chooses behavior—open URI in a new tab, same-window navigation, custom `counterClick` event with a key, or a static row with no click handler.","storybookArgs":{"lines":{"control":{"type":"object"}},"counterClick":{"action":"counterClickEvent"}},"styleSetup":{"vars":[],"parts":[{"name":"item"},{"name":"icon"},{"name":"text"},{"name":"value"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","icon":"globe"},{"text":"consectetur adipiscing elit","value":"33","icon":"save"},{"text":"sed do eiusmod tempor incididunt","value":"44","icon":"clock"}]}},{"name":"default2","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"tab","uri":"https://www.google.com"},"icon":"pencil"}]}},{"name":"default3","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"page","uri":"https://www.google.com"},"icon":"window"}]}},{"name":"default4","data":{"lines":[{"text":"Lorem ipsum dolor sit amet","value":"10","link":{"type":"event","uri":"lorem"}}]}}],"iifeIntegrity":"sha384-B1sVNiOX8KndQfiMvUUq0fjn4djTF9ksvaz7bsz77p9LRu63YVO/eawZF9rRv4Ut","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-counter-lines","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-counter-lines","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"body":{"additionalProperties":false,"properties":{"noborder":{"type":"boolean"}},"type":"object"},"header":{"additionalProperties":false,"properties":{"badge":{"type":"string"},"icon":{"type":"string"},"label":{"type":"string"}},"required":["label"],"type":"object"},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Bootstrap card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned badge; JSON `body` can remove inner padding with `noborder`. Default slots `header_content` and `content` let you inject arbitrary markup between the standard header row and body.","storybookArgs":{"header":{"control":{"type":"object"}},"body":{"control":{"type":"object"}}},"styleSetup":{"vars":[],"parts":[{"name":"text_placeholder","description":"Text placeholder css div element part"},{"name":"badge","description":"badge"},{"name":"card","description":"main container"}]},"contributors":[],"htmlSlots":[{"name":"content","description":""}],"i18n":[],"examples":[{"name":"default","data":{"header":{"label":"label","icon":"window","badge":"badge"}}}],"iifeIntegrity":"sha384-V1fIvV/OakzZTl5gPMWtvzytYSUYLnv7Ewk1bSjPqSoVJXlN7zwBOjXOZ5Jg2J/T","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-dashboard-card1","category":"data","tags":["data","dashboard"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-dashboard-card1","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"acceptCookieLaw":{"additionalProperties":false,"properties":{"accepted":{"enum":["yes","no"],"type":"string"}},"required":["accepted"],"type":"object"}},"required":["acceptCookieLaw"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"allowdecline":{"enum":["yes","no"],"type":"string"},"capabilities":{"$ref":"#/definitions/ICapabilities"},"cookielawuri4more":{"type":"string"},"i18nlang":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"},"ICapabilities":{"additionalProperties":false,"properties":{"groups":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"label":{"type":"string"},"type":{"type":"string"}},"required":["_id","label","type"],"type":"object"},"type":"array"},"items":{"items":{"additionalProperties":false,"properties":{"_id":{"type":"string"},"cookieExpirationInSeconds":{"type":"number"},"cookieName":{"type":"string"},"description":{"type":"string"},"descriptionUrl":{"type":"string"},"groupId":{"type":"string"},"isMandatory":{"type":"boolean"},"isMarketing":{"type":"boolean"},"isSessionCookie":{"type":"boolean"},"isTechnical":{"type":"boolean"},"isThirdPartyOwned":{"type":"boolean"},"scope":{"type":"string"},"thirdCompanyName":{"type":"string"},"title":{"type":"string"}},"required":["groupId","title","scope","_id","cookieName"],"type":"object"},"type":"array"}},"required":["groups","items"],"type":"object"}}}},"description":"Bootstrap alert cookie notice shown until the user chooses accept or decline; the choice is stored in `localStorage` under `cookielaw` so the banner stays hidden on return visits. Supports i18n via `i18nlang`, optional `cookielawuri4more` link, JSON `capabilities` for extended consent, slots to override title/text, and dispatches `acceptCookieLaw` with `{ accepted: boolean }`.","storybookArgs":{"allowdecline":{"control":{"type":"boolean"}},"i18nlang":{"control":{"type":"text"}},"cookielawuri4more":{"control":{"type":"text"}},"capabilities":{"control":{"type":"object"}},"acceptCookieLaw":{"action":"acceptCookieLawEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"title","description":""},{"name":"text","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"default","data":{"allowdecline":"yes"}}],"iifeIntegrity":"sha384-ibQSTPd9EXOoN00vOqwXdpXVwQOQUsaF+9DCY+GbfAc64RNQpORmBaBKYlBMGss5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-cookie-law-banner","category":"layout","tags":["layout","compliance"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-cookie-law-banner","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"contactclick":{"additionalProperties":false,"properties":{"action":{"type":"string"},"options":{}},"required":["action","options"],"type":"object"}},"required":["contactclick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"address":{"$ref":"#/definitions/IAddress"},"config":{"$ref":"#/definitions/IConfig"},"email":{"$ref":"#/definitions/IEmail"},"id":{"type":"string"},"phone":{"$ref":"#/definitions/IPhone"},"site":{"$ref":"#/definitions/ISite"},"social":{"$ref":"#/definitions/ISocial"},"style":{"type":"string"}},"type":"object"},"IAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"latLang":{"items":{"type":"number"},"type":"array"},"mapUri":{"type":"string"},"shortAddress":{"type":"string"}},"required":["address"],"type":"object"},"IConfig":{"additionalProperties":false,"properties":{"dispatcher":{"type":"boolean"},"icon":{"additionalProperties":false,"properties":{"fill":{"type":"boolean"}},"type":"object"},"text":{"type":"boolean"}},"type":"object"},"IEmail":{"additionalProperties":false,"properties":{"address":{"type":"string"},"mailLink":{"type":"boolean"}},"required":["address"],"type":"object"},"IPhone":{"additionalProperties":false,"properties":{"callOnClick":{"type":"boolean"},"number":{"type":"string"}},"required":["number"],"type":"object"},"ISite":{"additionalProperties":false,"properties":{"label":{"type":"string"},"open":{"type":"boolean"},"uri":{"type":"string"}},"type":"object"},"ISocial":{"additionalProperties":false,"properties":{"label":{"type":"string"},"name":{"type":"string"},"pageUri":{"type":"string"}},"required":["name"],"type":"object"}}}},"description":"Single contact line (mutually exclusive props): phone, postal address, email, website, or social network. Renders a Bootstrap Icon and optional visible text; JSON `config` toggles icons (filled/outline), label text, and whether clicks dispatch `contactClick` with `{ action, options }` vs opening a window (maps URL, `mailto`, external site, or social page).","storybookArgs":{"id":{"control":{"disable":true}},"phone":{"control":{"type":"object"}},"address":{"control":{"type":"object"}},"email":{"control":{"type":"object"}},"site":{"control":{"type":"object"}},"config":{"control":{"type":"object"}},"contactclick":{"action":"contactClickEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"email":{"address":"dev@dariocaruso.info"}}}],"iifeIntegrity":"sha384-A3qsFTcreRirRJ3xOm+PyUEG3hwu+VwDXpB4CU4hHay4Ltv/8MRAsqYp7L93ZzxY","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-contact-item","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-contact-item","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"city":{"type":"string"},"country":{"type":"string"},"label":{"type":"string"},"postalCode":{"type":"string"},"state":{"type":"string"},"street":{"type":"string"},"type":{"enum":["home","work","billing","shipping","other"],"type":"string"}},"required":["type"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"actions_list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"data":{"$ref":"#/definitions/ContactData"},"i18nlang":{"type":"string"},"id":{"type":"string"},"show_header_collapse_button":{"enum":["yes","no"],"type":"string"},"start_collapsed":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"ContactData":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"avatar":{"type":"string"},"clickable":{"type":"boolean"},"company":{"type":"string"},"department":{"type":"string"},"emails":{"items":{"$ref":"#/definitions/EmailAddress"},"type":"array"},"firstName":{"type":"string"},"fullName":{"type":"string"},"jobTitle":{"type":"string"},"lastName":{"type":"string"},"latitude":{"type":"number"},"longitude":{"type":"number"},"notes":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/PhoneNumber"},"type":"array"},"socialMedia":{"items":{"$ref":"#/definitions/SocialMedia"},"type":"array"},"title":{"type":"string"},"website":{"type":"string"}},"type":"object"},"EmailAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"type":{"enum":["home","work","personal","other"],"type":"string"}},"required":["address","type"],"type":"object"},"Events":{"additionalProperties":false,"properties":{"addressClick":{"additionalProperties":false,"properties":{"address":{"$ref":"#/definitions/Address"},"id":{"type":"string"}},"required":["id","address"],"type":"object"},"collapseChange":{"additionalProperties":false,"properties":{"collapsed":{"type":"boolean"},"id":{"type":"string"}},"required":["id","collapsed"],"type":"object"},"contactClick":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"contactDelete":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"contactEdit":{"additionalProperties":false,"properties":{"contact":{"$ref":"#/definitions/Component"},"id":{"type":"string"}},"required":["id","contact"],"type":"object"},"emailClick":{"additionalProperties":false,"properties":{"email":{"$ref":"#/definitions/EmailAddress"},"id":{"type":"string"}},"required":["id","email"],"type":"object"},"phoneClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"phone":{"$ref":"#/definitions/PhoneNumber"}},"required":["id","phone"],"type":"object"},"socialClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"social":{"$ref":"#/definitions/SocialMedia"}},"required":["id","social"],"type":"object"},"websiteClick":{"additionalProperties":false,"properties":{"id":{"type":"string"},"website":{"type":"string"}},"required":["id","website"],"type":"object"}},"required":["contactClick","contactEdit","contactDelete","phoneClick","emailClick","websiteClick","socialClick","addressClick","collapseChange"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"},"PhoneNumber":{"additionalProperties":false,"properties":{"label":{"type":"string"},"number":{"type":"string"},"type":{"enum":["home","work","mobile","fax","other"],"type":"string"}},"required":["number","type"],"type":"object"},"SocialMedia":{"additionalProperties":false,"properties":{"platform":{"enum":["linkedin","twitter","facebook","instagram","github","youtube","tiktok","signal","whatsapp","telegram","other"],"type":"string"},"url":{"type":"string"},"username":{"type":"string"}},"required":["platform","url"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Address":{"additionalProperties":false,"properties":{"city":{"type":"string"},"country":{"type":"string"},"label":{"type":"string"},"postalCode":{"type":"string"},"state":{"type":"string"},"street":{"type":"string"},"type":{"enum":["home","work","billing","shipping","other"],"type":"string"}},"required":["type"],"type":"object"},"Component":{"additionalProperties":false,"properties":{"actions_list":{"items":{"$ref":"#/definitions/IDropDownMenuListItem"},"type":"array"},"data":{"$ref":"#/definitions/ContactData"},"i18nlang":{"type":"string"},"id":{"type":"string"},"show_header_collapse_button":{"enum":["yes","no"],"type":"string"},"start_collapsed":{"enum":["yes","no"],"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"},"ContactData":{"additionalProperties":false,"properties":{"addresses":{"items":{"$ref":"#/definitions/Address"},"type":"array"},"avatar":{"type":"string"},"clickable":{"type":"boolean"},"company":{"type":"string"},"department":{"type":"string"},"emails":{"items":{"$ref":"#/definitions/EmailAddress"},"type":"array"},"firstName":{"type":"string"},"fullName":{"type":"string"},"jobTitle":{"type":"string"},"lastName":{"type":"string"},"latitude":{"type":"number"},"longitude":{"type":"number"},"notes":{"type":"string"},"phones":{"items":{"$ref":"#/definitions/PhoneNumber"},"type":"array"},"socialMedia":{"items":{"$ref":"#/definitions/SocialMedia"},"type":"array"},"title":{"type":"string"},"website":{"type":"string"}},"type":"object"},"EmailAddress":{"additionalProperties":false,"properties":{"address":{"type":"string"},"label":{"type":"string"},"type":{"enum":["home","work","personal","other"],"type":"string"}},"required":["address","type"],"type":"object"},"IDropDownMenuListItem":{"additionalProperties":false,"properties":{"badge":{"type":"number"},"group":{"type":"string"},"key":{"type":"string"},"label":{"type":"string"},"linkHref":{"type":"string"}},"required":["key","label"],"type":"object"},"PhoneNumber":{"additionalProperties":false,"properties":{"label":{"type":"string"},"number":{"type":"string"},"type":{"enum":["home","work","mobile","fax","other"],"type":"string"}},"required":["number","type"],"type":"object"},"SocialMedia":{"additionalProperties":false,"properties":{"platform":{"enum":["linkedin","twitter","facebook","instagram","github","youtube","tiktok","signal","whatsapp","telegram","other"],"type":"string"},"url":{"type":"string"},"username":{"type":"string"}},"required":["platform","url"],"type":"object"}}}},"description":"A comprehensive contact card component that displays personal, contact, company, and social media information in a clean, Bootstrap-styled card format. Uses a single data object with structured arrays for phone numbers, addresses, and social media profiles. Features include avatar support with placeholder, clickable contact information, social media links, collapsible sections, and customizable action buttons with grouping, badges, and links support.","storybookArgs":{"data":{"control":{"type":"object"},"description":"Contact data object containing all contact information"},"actions_list":{"control":{"type":"array"},"description":"List of actions to display in the dropdown"},"i18nlang":{"control":{"type":"select"},"options":["en","it"],"description":"Language to use for the component"},"show_header_collapse_button":{"control":{"type":"select"},"options":["yes","no"],"description":"Show or hide the header collapse button (default: yes)"},"start_collapsed":{"control":{"type":"select"},"options":["yes","no"],"description":"Start with card body collapsed (default: no)"},"contactClick":{"action":"contactClickEvent"},"contactEdit":{"action":"contactEditEvent"},"contactDelete":{"action":"contactDeleteEvent"},"phoneClick":{"action":"phoneClickEvent"},"emailClick":{"action":"emailClickEvent"},"websiteClick":{"action":"websiteClickEvent"},"socialClick":{"action":"socialClickEvent"},"addressClick":{"action":"addressClickEvent"},"collapseChange":{"action":"collapseChangeEvent"}},"styleSetup":{"vars":[{"name":"--hb--contact-card-border-radius","valueType":"color","defaultValue":""},{"name":"--hb--contact-card-box-shadow","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-box-shadow-hover","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-danger","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-dark","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-info","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-light","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-primary","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-secondary","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-success","valueType":"string","defaultValue":""},{"name":"--hb--contact-card-warning","valueType":"string","defaultValue":""}],"parts":[{"name":"card","description":"The main card container"},{"name":"header","description":"The card header containing avatar and name"},{"name":"body","description":"The card body containing contact information"},{"name":"avatar","description":"The avatar image or placeholder"},{"name":"actions","description":"The action buttons dropdown"}]},"contributors":[],"htmlSlots":[],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"CompleteContact","description":"A contact card with all information filled","data":{"id":"contact-1","data":{"firstName":"John","lastName":"Doe","title":"Software Engineer","emails":[{"address":"john.doe@example.com","type":"work","label":"Work Email"},{"address":"john@personal.com","type":"personal","label":"Personal"}],"phones":[{"number":"+1 (555) 123-4567","type":"work","label":"Office"},{"number":"+1 (555) 987-6543","type":"mobile","label":"Personal"}],"website":"https://johndoe.dev","addresses":[{"street":"123 Main Street","city":"New York","state":"NY","postalCode":"10001","country":"United States","type":"home","label":"Home Address"}],"company":"Tech Corp","department":"Engineering","jobTitle":"Senior Software Engineer","notes":"Met at the tech conference last year. Very knowledgeable about React and Node.js.","avatar":"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/johndoe","username":"johndoe"},{"platform":"twitter","url":"https://twitter.com/johndoe","username":"johndoe"}],"clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact","group":"Actions"},{"key":"call","label":"Call","group":"Actions"},{"key":"email","label":"Send Email","group":"Actions"},{"key":"message","label":"Send Message","group":"Communication"},{"key":"schedule","label":"Schedule Meeting","group":"Communication"},{"key":"delete","label":"Delete Contact","group":"Danger"}]}},{"name":"MinimalContact","description":"A contact card with only basic information","data":{"id":"contact-2","show_header_collapse_button":"no","data":{"fullName":"Jane Smith","emails":[{"address":"jane@example.com","type":"personal"}],"phones":[{"number":"+1 (555) 456-7890","type":"mobile"}],"clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact"},{"key":"call","label":"Call"},{"key":"email","label":"Send Email"}]}},{"name":"BusinessContact","description":"A business contact with company information","data":{"id":"contact-3","data":{"firstName":"Michael","lastName":"Johnson","title":"CEO","emails":[{"address":"michael@company.com","type":"work","label":"Business Email"},{"address":"m.johnson@personal.com","type":"personal","label":"Personal"}],"phones":[{"number":"+1 (555) 789-0123","type":"work","label":"Direct Line"}],"addresses":[{"street":"456 Business Ave","city":"San Francisco","state":"CA","postalCode":"94105","country":"United States","type":"work","label":"Headquarters"}],"company":"Acme Corporation","jobTitle":"Chief Executive Officer","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/michaeljohnson","username":"michaeljohnson"}],"clickable":true},"actions_list":[{"key":"call","label":"Call","group":"Contact"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"linkedin","label":"View LinkedIn","group":"Social"},{"key":"schedule","label":"Schedule Meeting","group":"Business"},{"key":"notes","label":"Add Notes","group":"Business"}]}},{"name":"SocialMediaContact","description":"A contact with multiple social media profiles","data":{"id":"contact-4","data":{"fullName":"Sarah Wilson","title":"Digital Marketing Specialist","emails":[{"address":"sarah@marketing.com","type":"work","label":"Work Email"}],"company":"Digital Agency","socialMedia":[{"platform":"linkedin","url":"https://linkedin.com/in/sarahwilson","username":"sarahwilson"},{"platform":"twitter","url":"https://twitter.com/sarahwilson","username":"sarahwilson"},{"platform":"facebook","url":"https://facebook.com/sarahwilson","username":"sarahwilson"},{"platform":"instagram","url":"https://instagram.com/sarahwilson","username":"sarahwilson"},{"platform":"signal","url":"","username":"sarahwilson"},{"platform":"telegram","url":"","username":"sarahwilson"},{"platform":"whatsapp","url":"","username":"+15559998888"}],"clickable":true},"actions_list":[{"key":"email","label":"Send Email","group":"Contact"},{"key":"linkedin","label":"View LinkedIn","group":"Social"},{"key":"twitter","label":"View Twitter","group":"Social"},{"key":"facebook","label":"View Facebook","group":"Social"},{"key":"instagram","label":"View Instagram","group":"Social"},{"key":"follow","label":"Follow All","group":"Social"}]}},{"name":"MultipleAddressesContact","description":"A contact with multiple addresses and phone numbers","data":{"id":"contact-5","data":{"fullName":"Robert Brown","title":"Consultant","emails":[{"address":"robert@consulting.com","type":"work","label":"Business Email"}],"phones":[{"number":"+1 (555) 321-0987","type":"work","label":"Office"},{"number":"+1 (555) 321-0988","type":"mobile","label":"Cell"},{"number":"+1 (555) 321-0989","type":"fax","label":"Fax"}],"addresses":[{"street":"789 Office Plaza","city":"Chicago","state":"IL","postalCode":"60601","country":"United States","type":"work","label":"Office"},{"street":"456 Home Street","city":"Evanston","state":"IL","postalCode":"60201","country":"United States","type":"home","label":"Home"}],"company":"Brown Consulting","clickable":true},"actions_list":[{"key":"call_office","label":"Call Office","group":"Phone"},{"key":"call_mobile","label":"Call Mobile","group":"Phone"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"directions_office","label":"Directions to Office","group":"Location"},{"key":"directions_home","label":"Directions to Home","group":"Location"},{"key":"edit","label":"Edit Contact","group":"Actions"}]}},{"name":"CollapsedOnLoad","description":"Card initially rendered with body collapsed","data":{"id":"contact-8","start_collapsed":"yes","data":{"fullName":"Collapsed Example","title":"Sample","emails":[{"address":"collapsed@example.com","type":"work"}],"phones":[{"number":"+1 (555) 000-0000","type":"work"}],"company":"Example Inc."},"actions_list":[{"key":"email","label":"Send Email"},{"key":"call","label":"Call"}]}},{"name":"ReadOnlyContact","description":"A contact card that cannot be edited or clicked","data":{"id":"contact-6","show_header_collapse_button":"no","data":{"fullName":"Alice Johnson","title":"Consultant","emails":[{"address":"alice@consulting.com","type":"work","label":"Work Email"}],"phones":[{"number":"+1 (555) 999-8888","type":"mobile"}],"company":"Johnson Consulting","clickable":false},"actions_list":[]}},{"name":"AdvancedActionsContact","description":"A contact card with advanced actions including badges and links","data":{"id":"contact-7","data":{"fullName":"David Miller","title":"Project Manager","emails":[{"address":"david@project.com","type":"work","label":"Work Email"}],"phones":[{"number":"+1 (555) 111-2222","type":"work","label":"Office"}],"company":"Project Solutions Inc.","clickable":true},"actions_list":[{"key":"edit","label":"Edit Contact","group":"Actions"},{"key":"call","label":"Call","group":"Contact"},{"key":"email","label":"Send Email","group":"Contact"},{"key":"tasks","label":"View Tasks","group":"Project","badge":5},{"key":"meetings","label":"Schedule Meeting","group":"Project","badge":2},{"key":"documents","label":"View Documents","group":"Project","linkHref":"/documents/david-miller"},{"key":"reports","label":"Generate Report","group":"Project"},{"key":"archive","label":"Archive Contact","group":"Danger"}]}}],"iifeIntegrity":"sha384-LIVXvU6773ynR5LOg817i8m/LnwQ/nr7mtxZsQVGdpH8oS4jadqglfeCbFc2/07j","screenshots":[],"licenses":[{"type":"MIT","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-contact-card","category":"content","tags":["content","contact"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-contact-card","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"id":{"type":"string"},"payment":{"$ref":"#/definitions/IShoppingPayment"},"style":{"type":"string"}},"required":["payment"],"type":"object"},"IShopItem":{"additionalProperties":false,"properties":{"id":{"type":"string"},"name":{"type":"string"},"quantity":{"type":"number"},"taxPercentage":{"type":"number"},"unit":{"type":"string"},"unitaryPrice":{"type":"number"}},"required":["id","name","unitaryPrice","taxPercentage"],"type":"object"},"IShoppingPayment":{"additionalProperties":false,"properties":{"countryCode":{"enum":["IT","US","EU"],"type":"string"},"currencySymbol":{"enum":["€","$"],"type":"string"},"items":{"items":{"$ref":"#/definitions/IShopItem"},"type":"array"},"shipmentFee":{"type":"number"}},"required":["countryCode","items"],"type":"object"}}}},"description":"Order summary built on `hb-table`: maps `payment.items` into rows (name, quantity, line total), computes subtotal, tax, and grand total from item prices, and shows country/currency (with simple symbol defaults). When `completed` is enabled it switches to a compact “order placed” state; `payment` can be supplied as JSON.","storybookArgs":{"payment":{"control":{"type":"object"}},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--hb-checkout-border","valueType":"color","defaultValue":""}],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"payment":{"items":[{"id":"efewf","unitaryPrice":2,"taxPercentage":3,"name":"testitem"},{"id":"efewf4","unitaryPrice":5,"taxPercentage":7,"name":"testitem2"}],"countryCode":"IT"}}}],"iifeIntegrity":"sha384-okuMPs1ArsZXi659xwOMchVqElAOIMAqh6Cr04cAgk5dpdBBEostu/t+nGoKEeVO","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-checkout-shopping-cart","category":"commerce","tags":["commerce","cart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-checkout-shopping-cart","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"paymentCompleted":{"additionalProperties":false,"properties":{"completed":{"const":true,"type":"boolean"},"method":{"type":"string"},"total":{"type":"number"}},"required":["total","method","completed"],"type":"object"},"saveShipment":{"$ref":"#/definitions/IShipment"},"saveUser":{"$ref":"#/definitions/IUser"}},"required":["paymentCompleted","saveUser","saveShipment","completed"],"type":"object"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"completed":{"enum":["yes","no"],"type":"string"},"gateways":{"items":{"$ref":"#/definitions/IGateway"},"type":"array"},"id":{"type":"string"},"payment":{"$ref":"#/definitions/IPayment"},"shipments":{"items":{"$ref":"#/definitions/IShipment"},"type":"array"},"style":{"type":"string"},"user":{"$ref":"#/definitions/IUser"}},"required":["shipments","gateways","payment"],"type":"object"},"IGateway":{"additionalProperties":false,"properties":{"cardNetworks":{"items":{"type":"string"},"type":"array"},"currency":{"enum":["€","$"],"type":"string"},"fixedPrice":{"type":"number"},"gatewayId":{"type":"string"},"gatewayMerchantId":{"type":"string"},"id":{"enum":["google","paypal"],"type":"string"},"label":{"type":"string"},"merchantId":{"type":"string"},"paypalid":{"type":"string"},"percentagePrice":{"type":"number"}},"required":["id","label"],"type":"object"},"IPayment":{"additionalProperties":false,"properties":{"countryCode":{"type":"string"},"currencyCode":{"type":"string"},"merchantName":{"type":"string"},"shipmentFee":{"type":"number"},"total":{"type":"number"},"type":{"$ref":"#/definitions/IPaymentType"}},"required":["merchantName","total","currencyCode","countryCode"],"type":"object"},"IPaymentType":{"enum":["book","buy","checkout","donate","order","pay","plain","subscribe"],"type":"string"},"IShipment":{"additionalProperties":false,"properties":{"arriveDate":{"format":"date-time","type":"string"},"available":{"type":"boolean"},"currency":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"price":{"type":"number"},"selected":{"type":"boolean"},"standard":{"type":"boolean"}},"required":["price","arriveDate","available","id","label","currency"],"type":"object"},"IUser":{"additionalProperties":false,"properties":{"addressWithNumber":{"type":"string"},"city":{"type":"string"},"fixed":{"type":"boolean"},"fullName":{"type":"string"},"nationality":{"type":"string"},"zip":{"type":"string"}},"required":["fullName"],"type":"object"}}}},"description":"End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses string props into objects, merges card networks defaults, and tracks `completed` to switch between editable steps and a read-only confirmation summary with events for payment and form submissions.","storybookArgs":{"shipments":{"control":{"type":"array"}},"user":{"control":{"type":"object"}},"payment":{"control":{"type":"object"}},"paymentCompleted":{"action":"paymentCompleted"},"saveUser":{"action":"saveUser"},"saveShipment":{"action":"saveShipment"},"gateways":{"control":{"type":"array"}},"setGateway":{"action":"setGateway"},"completed":{"control":{"type":"radio"},"options":["yes","no"]}},"styleSetup":{"vars":[{"name":"--edit-color","valueType":"color","defaultValue":""},{"name":"--hb-checkout-border","valueType":"color","defaultValue":""},{"name":"--paypal-button-color","valueType":"color","defaultValue":""}],"parts":[{"name":"title"},{"name":"subtitle"}]},"contributors":[],"htmlSlots":[{"name":"payment_terms"},{"name":"payment_completed"},{"name":"userinfo"},{"name":"title"}],"i18n":[],"examples":[{"name":"default","data":{"shipments":[{"price":10,"currency":"€","arriveDate":"2022-01-20T08:03:57.562Z","available":true,"label":"zio barca","id":"ziobarca"},{"price":20,"currency":"€","arriveDate":"2022-01-21T02:22:57.562Z","available":true,"label":"zio barca2","id":"ziobarca2"}],"gateways":[{"id":"paypal","label":"bbbb","paypalid":"test"}],"payment":{"merchantName":"testmerchant","countryCode":"it","currencyCode":"EUR","total":45,"type":"buy"}}}],"iifeIntegrity":"sha384-C2b0JAd3BVT+SJQI7nGo562/YYyQs3+T85sMmJ0THyaCM1q+zunqz8Cw4xFRazdy","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-checkout","category":"commerce","tags":["commerce","checkout"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-checkout","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"chartClick":{"items":{"additionalProperties":false,"properties":{"label":{"type":"string"},"value":{}},"type":"object"},"type":"array"}},"required":["chartClick"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"data":{},"id":{"type":"string"},"style":{"type":"string"}},"required":["data"],"type":"object"}}}},"description":"Embeds Chart.js (line, bar, pie, radar, time scales, etc.) inside the shadow DOM. Pass a JSON `data` object with `type`, `data`, and optional `options`; the chart is recreated on data changes and when the container resizes (ResizeObserver + debounced window resize). Clicking the canvas dispatches `chartClick` with the nearest point’s label and value.","storybookArgs":{"data":{"control":{"type":"object"}},"chartClick":{"action":"chartClick"}},"styleSetup":{"vars":[],"parts":[{"name":"container","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"data":{"type":"line","data":{"labels":["January","February","March","April","May","June"],"datasets":[{"label":"My First dataset","backgroundColor":"rgb(255, 99, 132)","borderColor":"rgb(255, 99, 132)","data":[0,10,5,2,20,30,45]}]},"options":{}}}}],"iifeIntegrity":"sha384-mjWoCK2FCkqkbq5mvmay/YEejNWwGPfRnXu7FM4MQOSF4/qGPFrWegb85kpdClto","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-chartjs","category":"data","tags":["data","chart"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-chartjs","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"dateformat":{"type":"string"},"description":{"type":"string"},"id":{"type":"string"},"linklabel":{"type":"string"},"pageuri":{"type":"string"},"provider":{"enum":["youtube",""],"type":"string"},"style":{"type":"string"},"time":{"format":"date-time","type":"string"},"title":{"type":"string"},"videosrc":{"type":"string"}},"required":["videosrc"],"type":"object"}}}},"description":"Bootstrap card with a 16:9 media area: YouTube embed when `provider` is `youtube`, otherwise an HTML5 `<video>` with MP4 source. Optional title, truncated description (100 chars), formatted `time` via Day.js (`dateformat`), “read more” link label, and social share placeholders (Facebook/Twitter widgets) when `pageuri` is set.","storybookArgs":{"videosrc":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"provider":{"control":{"type":"text"}},"description":{"control":{"type":"text"}},"time":{"control":{"type":"date"}},"pageuri":{"control":{"type":"text"}},"linklabel":{"control":{"type":"text"}},"dateformat":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"card-footer","description":""}],"i18n":[],"examples":[{"name":"default","data":{"videosrc":"https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4","title":"aa","description":"desc6","time":"2021-08-15T18:55:22.135Z"}}],"iifeIntegrity":"sha384-JRVe2FE0zTg/ycWR3aXyH9IXVgqvMKz2vxiNxvXx3WAwps4AX+oGXLS5+iOA/umi","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-card-video","category":"media","tags":["media","video"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-card-video","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"googleRecaptchaRendered":{"additionalProperties":false,"properties":{"render":{"const":true,"type":"boolean"}},"required":["render"],"type":"object"},"googleRecaptchaV2Response":{"additionalProperties":false,"properties":{"response":{"type":"string"}},"required":["response"],"type":"object"}},"required":["googleRecaptchaV2Response","googleRecaptchaRendered"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"api_key":{"type":"string"},"get":{},"id":{"type":"string"},"style":{"type":"string"}},"type":"object"}}}},"description":"Loads the Google reCAPTCHA v2 invisible SDK, renders the widget with your `api_key`, and exposes `grecaptcha.execute()` / reset when the `get` attribute changes after render. Dispatches `googleRecaptchaRendered` once mounted and `googleRecaptchaV2Response` with the token from the verification callback.","storybookArgs":{"api_key":{"control":{"type":"text"}},"googleRecaptchaV2Response":{"action":"googleRecaptchaV2Response"},"googleRecaptchaRendered":{"action":"googleRecaptchaRendered"},"get":{"control":{"type":"boolean"}}},"styleSetup":{"vars":[],"parts":[{"name":"invalid-feedback","description":""}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"api_key":"6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"}}],"iifeIntegrity":"sha384-LKR7oNsRvJZHnsJa7ENJISmQQcsxd1XEw3w+f1q3vo7AQdDCgpYF3yE5sPeCcQ8Y","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-captcha-google-recaptcha-v2-invisible","category":"utilities","tags":["utilities","security"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-captcha-google-recaptcha-v2-invisible","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"calendarEventClick":{"additionalProperties":false,"properties":{"eventId":{"type":"string"}},"required":["eventId"],"type":"object"},"changeCalendarDate":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"}},"required":["date"],"type":"object"},"changeSelectedDate":{"additionalProperties":false,"properties":{"selectedDate":{"format":"date-time","type":"string"}},"required":["selectedDate"],"type":"object"}},"required":["calendarEventClick","changeCalendarDate","changeSelectedDate"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"disable_header":{"type":"boolean"},"events":{"items":{"$ref":"#/definitions/IEvent"},"type":"array"},"id":{"type":"string"},"selected":{"format":"date-time","type":"string"},"style":{"type":"string"}},"type":"object"},"IEvent":{"additionalProperties":false,"properties":{"color":{"type":"string"},"date":{"format":"date-time","type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["date","label","id"],"type":"object"}}}},"description":"Classic month grid (7-day week header and variable rows) with selectable cells, “today” styling, and event chips inside each day. Supports adjacent-month padding cells, Italian holidays, JSON `events`, and the same navigation/selection events as the appointments calendar (`changeCalendarDate`, `changeSelectedDate`, `calendarEventClick`).","storybookArgs":{"disable_header":{"control":{"type":"boolean"}},"events":{"control":{"type":"object"}},"date":{"control":{"type":"text"}},"selected":{"control":{"type":"text"}},"calendarEventClick":{"action":"calendarEventClickEvent"},"changeCalendarDate":{"action":"changeCalendarDateEvent"},"changeSelectedDate":{"action":"changeSelectedDateEvent"}},"styleSetup":{"vars":[{"name":"--hb-calendar-event-button-color","valueType":"color","defaultValue":""},{"name":"--hb-calendar-hover","valueType":"string","defaultValue":""},{"name":"--hb-calendar-selected","valueType":"string","defaultValue":""},{"name":"--hb-calendar-today","valueType":"string","defaultValue":""}],"parts":[{"name":"calendar-header"},{"name":"calendar-current-time-header"},{"name":"cell"}]},"contributors":[],"htmlSlots":[{"name":"header_month_icon_prev"},{"name":"header_month_icon_next"},{"name":"header"},{"name":"calendar_month"}],"i18n":[],"examples":[{"name":"BasicCalendar","data":{}},{"name":"CalendarWithEvents","data":{"events":[{"date":"2026-03-28T18:24:37.496Z","id":"test","label":"thetest"},{"date":"2026-02-28T18:24:37.496Z","id":"test2","label":"thetest start","color":"red"}]}}],"iifeIntegrity":"sha384-vUva8JfARvdiUZqlZ7v4rp60UkDsq3zDWHPecrVip5kVSpmHle3BanLpiy6LXVtz","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-calendar-events","category":"calendar","tags":["calendar"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-calendar-events","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"calendarEventClick":{"additionalProperties":false,"properties":{"eventId":{"type":"string"}},"required":["eventId"],"type":"object"},"changeCalendarDate":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"}},"required":["date"],"type":"object"},"changeSelectedDate":{"additionalProperties":false,"properties":{"selectedDate":{"format":"date-time","type":"string"}},"required":["selectedDate"],"type":"object"}},"required":["calendarEventClick","changeCalendarDate","changeSelectedDate"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"date":{"format":"date-time","type":"string"},"disable_header":{"type":"boolean"},"events":{"items":{"$ref":"#/definitions/IEvent"},"type":"array"},"id":{"type":"string"},"selected":{"format":"date-time","type":"string"},"style":{"type":"string"}},"type":"object"},"IEvent":{"additionalProperties":false,"properties":{"color":{"type":"string"},"date":{"format":"date-time","type":"string"},"icon":{"type":"string"},"id":{"type":"string"},"label":{"type":"string"},"link":{"type":"string"}},"required":["date","label","id"],"type":"object"}}}},"description":"Month agenda view: events for the current month are grouped by calendar day and listed chronologically with weekday, day number, time, and colored markers. Optional header with month navigation; changing month or selecting a day dispatches `changeCalendarDate`, `changeSelectedDate`, and clicking a row dispatches `calendarEventClick`. Uses Italian public holidays metadata and accepts `events` as JSON.","storybookArgs":{"disable_header":{"control":{"type":"boolean"}},"events":{"control":{"type":"object"}},"date":{"control":{"type":"text"}},"selected":{"control":{"type":"text"}},"calendarEventClick":{"action":"calendarEventClickEvent"},"changeCalendarDate":{"action":"changeCalendarDateEvent"},"changeSelectedDate":{"action":"changeSelectedDateEvent"}},"styleSetup":{"vars":[{"name":"--hb-calendar-event-button-color","valueType":"color","defaultValue":""},{"name":"--hb-calendar-hover","valueType":"string","defaultValue":""},{"name":"--hb-calendar-selected","valueType":"string","defaultValue":""},{"name":"--hb-calendar-today","valueType":"string","defaultValue":""}],"parts":[{"name":"calendar-header"},{"name":"calendar-current-time-header"},{"name":"cell"}]},"contributors":[],"htmlSlots":[{"name":"header_month_icon_prev"},{"name":"header_month_icon_next"},{"name":"header"},{"name":"calendar_month"}],"i18n":[],"examples":[{"name":"CalendarWithEvents","data":{"events":[{"date":"2026-03-28T18:24:39.738Z","id":"test","label":"thetest"},{"date":"2026-02-28T18:24:39.738Z","id":"test2","label":"thetest start","color":"red"}]}},{"name":"TotallyEmpty","data":{"events":[]}}],"iifeIntegrity":"sha384-fWv0UU5aeTz6ZMknCKEpjmlROhfM0SK4+Ql+cqOaPMd6L7DmoZuByXkh5BYqcIl5","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-calendar-appointments","category":"calendar","tags":["calendar","appointments"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-calendar-appointments","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"description":{"type":"string"},"id":{"type":"string"},"logouri":{"type":"string"},"style":{"type":"string"},"title":{"type":"string"}},"type":"object"}}}},"description":"Marketing-style hero strip: logo image beside a title and subtitle, using Bootstrap grid. Layout switches from side-by-side on large screens to stacked, centered content on smaller breakpoints (`d-none d-lg-block` / `d-lg-none`).","storybookArgs":{"logouri":{"control":{"type":"text"}},"title":{"control":{"type":"text"}},"description":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"title":"ciao","description":"desc","logouri":"https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"}}],"iifeIntegrity":"sha384-nmyh9wR90r+9xSANBUQ4QJ2Wo7MWK/wGWvpgR3deagQvR1SusaxwQzZJBtgm6/7F","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-banner","category":"content","tags":["content","marketing"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-banner","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"oauthFlowCustom":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"}},"required":["provider"],"type":"object"},"oauthFlowInit":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"},"redirect_uri":{"type":"string"},"tmpCode":{"type":"string"},"token":{"type":"string"}},"required":["provider"],"type":"object"},"oauthFlowSuccess":{"additionalProperties":false,"properties":{"token":{"type":"string"}},"required":["token"],"type":"object"}},"required":["oauthFlowSuccess","oauthFlowInit","oauthFlowCustom"],"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"auth_cookie_name":{"type":"string"},"id":{"type":"string"},"provider":{"additionalProperties":false,"properties":{"name":{"$ref":"#/definitions/IProvider"},"params":{"additionalProperties":false,"properties":{"auth_server_url":{"type":"string"},"client_id":{"type":"string"},"redirect_url":{"type":"string"},"scope":{"type":"string"}},"required":["redirect_url","client_id","scope"],"type":"object"},"url":{"type":"string"}},"required":["name"],"type":"object"},"redirectonlogin":{"type":"string"},"social_auth_server_url":{"type":"string"},"style":{"type":"string"}},"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}}},"description":"Clickable OAuth provider tile (default SVGs for Google, GitHub, GitLab, Facebook, Authentik; overridable via slot). Builds the provider authorization URL from `provider` params or redirects to a prebuilt `url`, then on return parses the current page URL to exchange the code/token with `simple-serverless-auth-client` when `social_auth_server_url` and `auth_cookie_name` are set. Emits `oauthFlowInit`, `oauthFlowSuccess`, or `oauthFlowCustom` for custom providers without composed URLs.","storybookArgs":{"provider":{"control":{"type":"object"}},"oauthFlowInit":{"action":"oauthFlowInitEvent"},"oauthFlowSuccess":{"action":"oauthFlowSuccessEvent"},"oauthFlowCustom":{"action":"oauthFlowCustomEvent"}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"facebook","data":{"provider":{"name":"facebook"}}},{"name":"gitlab","data":{"provider":{"name":"gitlab"}}},{"name":"github","data":{"provider":{"name":"github"}}},{"name":"google","data":{"provider":{"name":"google"}}}],"iifeIntegrity":"sha384-J7QAnCtXOoMoVkoL0B37fayu76+Yi4RiNAJvc8LAYN5WGq9e3zN2R4Su2y1OtGJ8","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-auth-social-login-button","category":"auth","tags":["auth","oauth"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-auth-social-login-button","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"login":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"},"rememberMe":{"type":"boolean"},"token":{"type":"string"}},"type":"object"},"oauthFlowCustom":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"}},"required":["provider"],"type":"object"},"oauthFlowInit":{"additionalProperties":false,"properties":{"provider":{"$ref":"#/definitions/IProvider"},"redirect_uri":{"type":"string"},"tmpCode":{"type":"string"},"token":{"type":"string"}},"required":["provider"],"type":"object"},"oauthFlowSuccess":{"additionalProperties":false,"properties":{"token":{"type":"string"}},"required":["token"],"type":"object"},"recoverOrActivate":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"},"recoverycode":{"type":"string"}},"required":["password","recoverycode","email"],"type":"object"},"recoverPassword":{"additionalProperties":false,"properties":{"email":{"type":"string"}},"required":["email"],"type":"object"},"register":{"properties":{"email":{"type":"string"},"password":{"type":"string"},"requestSent":{"additionalProperties":false,"properties":{"email":{"type":"string"},"password":{"type":"string"}},"required":["email","password"],"type":"object"}},"required":["email","password","requestSent"],"type":"object"}},"required":["login","register","recoverOrActivate","recoverPassword","oauthFlowInit","oauthFlowSuccess","oauthFlowCustom"],"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"activateuri":{"type":"string"},"appendbodyparams":{"type":"string"},"appendqueryparams":{"type":"string"},"disablelocal":{"type":"boolean"},"disableregister":{"type":"boolean"},"email":{"type":"string"},"enable_recover_password":{"type":"boolean"},"i18nlang":{"type":"string"},"id":{"type":"string"},"loginuri":{"type":"string"},"logouri":{"type":"string"},"oauth2providers":{"items":{"anyOf":[{"additionalProperties":false,"properties":{"name":{"$ref":"#/definitions/IProvider"},"params":{"additionalProperties":false,"properties":{"auth_server_url":{"type":"string"},"client_id":{"type":"string"},"redirect_url":{"type":"string"},"scope":{"type":"string"}},"required":["redirect_url","client_id","scope"],"type":"object"},"url":{"type":"string"}},"required":["name"],"type":"object"},{"not":{}}]},"type":"array"},"passwordpattern":{"type":"string"},"recoveruri":{"type":"string"},"recoverycode":{"type":"string"},"redirectoncreate":{"type":"string"},"redirectonlogin":{"type":"string"},"registeruri":{"type":"string"},"requestmethod":{"type":"string"},"sessionkey":{"type":"string"},"social_auth_server_url":{"type":"string"},"style":{"type":"string"},"type":{"enum":["login","register","activate","recover","forgotpassword","mailrecoverinfo","otp","2fa_code","2fa_config"],"type":"string"}},"type":"object"},"IProvider":{"enum":["facebook","google","gitlab","github","authentik"],"type":"string"}}}},"description":"Full authentication UI driven by the `type` attribute: local login and registration (with optional “remember me”), email activation, password recovery and related notices, OTP and two-factor setup/verification. Supports OAuth2 social providers via embedded social-login buttons, configurable backend URIs and HTTP options, optional i18n, and dispatches events for login, registration, recovery/activation, and OAuth flow steps.","storybookArgs":{"type":{"options":["login","register","activate","recover","mailrecoverinfo","forgotpassword","otp","2fa_code","2fa_config"],"control":{"type":"select"}},"enable_recover_password":{"control":{"type":"boolean"}},"i18nlang":{"control":{"type":"text"}},"disableregister":{"control":{"type":"boolean"}},"disablelocal":{"control":{"type":"boolean"}},"logouri":{"control":{"type":"text"}},"loginuri":{"control":{"type":"text"}},"registeruri":{"control":{"type":"text"}},"login":{"action":"loginEvent"},"register":{"action":"registerEvent"},"recoverOrActivate":{"action":"recoverOrActivateEvent"},"oauthFlowInit":{"action":"oauthFlowInit"},"oauthFlowSuccess":{"action":"oauthFlowSuccess"},"oauthFlowCustom":{"action":"oauthFlowCustomEvent"},"oauth2providers":{"control":{"type":"array"}},"sessionkey":{"control":{"type":"text"}},"redirectonlogin":{"control":{"type":"text"}},"redirectoncreate":{"control":{"type":"text"}},"activateuri":{"control":{"type":"text"}},"recoveruri":{"control":{"type":"text"}},"requestmethod":{"control":{"type":"text"}},"appendqueryparams":{"control":{"type":"text"}},"appendbodyparams":{"control":{"type":"text"}},"passwordpattern":{"control":{"type":"text"}},"recoverycode":{"control":{"type":"text"}},"email":{"control":{"type":"text"}}},"styleSetup":{"vars":[],"parts":[]},"contributors":[],"htmlSlots":[{"name":"header","description":""}],"i18n":[{"lang":"it","language":"italian"},{"lang":"en","language":"english"}],"examples":[{"name":"login","data":{"type":"login","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"register","data":{"type":"register","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"activate","data":{"type":"activate","recoverycode":"testcode","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"recover","data":{"type":"recover","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"LoginEn","data":{"type":"login","i18nlang":"en","disableregister":true}},{"name":"LoginItOnly","data":{"type":"login","i18nlang":"it","disableregister":true}},{"name":"LoginEnWithFetch","data":{"type":"login","i18nlang":"en","loginuri":"https://kernel.free.beeceptor.com/login","registeruri":"https://kernel.free.beeceptor.com/register"}},{"name":"LoginEnWithOauth","data":{"logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","type":"login","i18nlang":"en","loginuri":"https://kernel.free.beeceptor.com/login","registeruri":"https://kernel.free.beeceptor.com/register","oauth2providers":[{"name":"google","url":"https://accounts.google.com/o/oauth2/v2/auth?scope=https%3A//www.googleapis.com/auth/drive.metadata.readonly&include_granted_scopes=true&response_type=token&state=state_parameter_passthrough_value&redirect_uri=https%3A//oauth2.example.com/code&client_id=client_id"},{"name":"facebook","url":""},{"name":"gitlab","url":""},{"name":"github","url":""}]}},{"name":"LoginEnWithOauthOnly","data":{"type":"login","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg","disablelocal":true,"oauth2providers":[{"name":"google","url":"https://accounts.google.com/o/oauth2/v2/auth?scope=https%3A//www.googleapis.com/auth/drive.metadata.readonly&include_granted_scopes=true&response_type=token&state=state_parameter_passthrough_value&redirect_uri=https%3A//oauth2.example.com/code&client_id=client_id"},{"name":"facebook","url":""},{"name":"gitlab","url":""},{"name":"github","url":""}]}},{"name":"forgotpassword","data":{"enable_recover_password":true,"type":"forgotpassword","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}},{"name":"mailrecoverinfo","data":{"type":"mailrecoverinfo","logouri":"https://upload.wikimedia.org/wikipedia/commons/a/af/Free_Content_Logo.svg"}}],"iifeIntegrity":"sha384-lSPPlc+le+5BlYbJxnb4tGEdGishrVHrp/uHvrvD8oN/AmZPynQe5ExLBa8SJTCY","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-auth","category":"auth","tags":["auth"],"size":{"layout":"fullscreen"},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-auth","version":"0.66.8"},{"definitions":{"events":{"$ref":"#/definitions/Events","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Events":{"additionalProperties":false,"properties":{"clipboardCopyText":{"additionalProperties":false,"properties":{"text":{"type":"string"}},"required":["text"],"type":"object"}},"required":["clipboardCopyText"],"type":"object"}}},"component":{"$ref":"#/definitions/Component","$schema":"http://json-schema.org/draft-07/schema#","definitions":{"Component":{"additionalProperties":false,"properties":{"content":{"type":"string"},"id":{"type":"string"},"style":{"type":"string"}},"required":["content"],"type":"object"}}}},"description":"Displays arbitrary text inside a `<code>` block with a themed background. A small copy button copies the content to the clipboard, briefly shows confirmation, and dispatches a `clipboardCopyText` custom event with the copied string.","storybookArgs":{"content":{"control":{"type":"text"}},"clipboardCopyText":{"action":"clipboardCopyTextEvent"}},"styleSetup":{"vars":[{"name":"--hb-area-code-background","valueType":"string","defaultValue":""}],"parts":[{"name":"content","description":"the code html tag"}]},"contributors":[],"htmlSlots":[],"i18n":[],"examples":[{"name":"default","data":{"content":"desc"}},{"name":"longText","data":{"content":"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}}],"iifeIntegrity":"sha384-LbXh+fg0OPWXlDpzkd5R2qcSSHjY1pALs4Athq8G7PxnlyObfg1XnyZ1V4s+9gm6","screenshots":[],"licenses":[{"type":"Apache-2.0","path":"LICENSE.md","cost":0,"currency":"EUR"}],"readmePath":"README.md","name":"hb-area-code","category":"utilities","tags":["utilities","developer"],"size":{},"iifePath":"main.iife.js","repoName":"@htmlbricks/hb-area-code","version":"0.66.8"}],"version":"0.66.8"}