[{"data":1,"prerenderedAt":696},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-BbSlider":377,"page-en-\u002Fcomponents\u002Fbb-slider\u002Fapi":389},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-calendar":20,"\u002Fen\u002Fcomponents\u002Fbb-calendar":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":23,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":24,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":25,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":26,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":28,"\u002Fen\u002Fcomponents\u002Fbb-color-input":29,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":30,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":31,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":32,"\u002Fen\u002Fcomponents\u002Fbb-confirm":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":35,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":36,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":37,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":38,"\u002Fen\u002Fcomponents\u002Fbb-dialog":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":42,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":43,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":44,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":45,"\u002Fit\u002Fcomponenti\u002Fbb-form":46,"\u002Fen\u002Fcomponents\u002Fbb-form":47,"\u002Fit\u002Fcomponenti\u002Fbb-hover-card":48,"\u002Fen\u002Fcomponents\u002Fbb-hover-card":49,"\u002Fit\u002Fcomponenti\u002Fbb-icon":50,"\u002Fen\u002Fcomponents\u002Fbb-icon":51,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":52,"\u002Fen\u002Fcomponents\u002Fbb-indicator":53,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":54,"\u002Fen\u002Fcomponents\u002Fbb-number-input":55,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":56,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":57,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":58,"\u002Fen\u002Fcomponents\u002Fbb-pagination":59,"\u002Fit\u002Fcomponenti\u002Fbb-popover":60,"\u002Fen\u002Fcomponents\u002Fbb-popover":61,"\u002Fit\u002Fcomponenti\u002Fbb-progress":62,"\u002Fen\u002Fcomponents\u002Fbb-progress":63,"\u002Fit\u002Fcomponenti\u002Fbb-radio":64,"\u002Fen\u002Fcomponents\u002Fbb-radio":65,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":66,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":67,"\u002Fit\u002Fcomponenti\u002Fbb-rating":68,"\u002Fen\u002Fcomponents\u002Fbb-rating":69,"\u002Fit\u002Fcomponenti\u002Fbb-select":70,"\u002Fen\u002Fcomponents\u002Fbb-select":71,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":72,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":73,"\u002Fit\u002Fcomponenti\u002Fbb-slider":74,"\u002Fen\u002Fcomponents\u002Fbb-slider":75,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":76,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":77,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":78,"\u002Fen\u002Fcomponents\u002Fbb-spinner":79,"\u002Fit\u002Fcomponenti\u002Fbb-switch":80,"\u002Fen\u002Fcomponents\u002Fbb-switch":81,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":82,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":83,"\u002Fit\u002Fcomponenti\u002Fbb-table":84,"\u002Fen\u002Fcomponents\u002Fbb-table":85,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":86,"\u002Fen\u002Fcomponents\u002Fbb-tabs":87,"\u002Fit\u002Fcomponenti\u002Fbb-tag":88,"\u002Fen\u002Fcomponents\u002Fbb-tag":89,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":90,"\u002Fen\u002Fcomponents\u002Fbb-text-input":91,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":92,"\u002Fen\u002Fcomponents\u002Fbb-textarea":93,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":94,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":95,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":96,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":97,"\u002Fit\u002Fcomponenti\u002Fbb-toast":98,"\u002Fen\u002Fcomponents\u002Fbb-toast":99,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":100,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":101,"\u002Fit\u002Fcomponenti\u002Fbb-tree":102,"\u002Fen\u002Fcomponents\u002Fbb-tree":103,"\u002Fit\u002Fguide\u002Fadoption-checklist":104,"\u002Fen\u002Fguides\u002Fadoption-checklist":105,"\u002Fit\u002Fguide\u002Fai-agents":106,"\u002Fen\u002Fguides\u002Fai-agents":107,"\u002Fit\u002Fguide\u002Fcoherence":108,"\u002Fen\u002Fguides\u002Fcoherence":109,"\u002Fit\u002Fguide\u002Fdesign-language":110,"\u002Fen\u002Fguides\u002Fdesign-language":111,"\u002Fit\u002Fguide\u002Fdesign-tokens":112,"\u002Fen\u002Fguides\u002Fdesign-tokens":113,"\u002Fit\u002Fguide\u002Ffetching-data":114,"\u002Fen\u002Fguides\u002Ffetching-data":115,"\u002Fit\u002Fguide\u002Ficons":116,"\u002Fen\u002Fguides\u002Ficons":117,"\u002Fit\u002Fguide\u002Finertia":118,"\u002Fen\u002Fguides\u002Finertia":119,"\u002Fit\u002Fguide\u002Finstallation":120,"\u002Fen\u002Fguides\u002Finstallation":121,"\u002Fit\u002Fguide\u002Fmigration":122,"\u002Fen\u002Fguides\u002Fmigration":123,"\u002Fit\u002Fguide\u002Fnuxt":124,"\u002Fen\u002Fguides\u002Fnuxt":125,"\u002Fit\u002Fguide\u002Foptions-and-items":126,"\u002Fen\u002Fguides\u002Foptions-and-items":127,"\u002Fit\u002Fguide\u002Fpassthrough":128,"\u002Fen\u002Fguides\u002Fpassthrough":129,"\u002Fit\u002Fguide\u002Fpreset-components":130,"\u002Fen\u002Fguides\u002Fpreset-components":131,"\u002Fit\u002Fguide\u002Fvalidated-forms":132,"\u002Fen\u002Fguides\u002Fvalidated-forms":133},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-calendar","\u002Fit\u002Fcomponenti\u002Fbb-calendar","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-hover-card","\u002Fit\u002Fcomponenti\u002Fbb-hover-card","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fadoption-checklist","\u002Fit\u002Fguide\u002Fadoption-checklist","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fpassthrough","\u002Fit\u002Fguide\u002Fpassthrough","\u002Fen\u002Fguides\u002Fpreset-components","\u002Fit\u002Fguide\u002Fpreset-components","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[135,150,162,186,198,242,275,311,332,353,365,371],{"label":136,"entries":137},"Getting started",[138,142,146],{"title":139,"path":140,"order":141},"Installation","\u002Fguides\u002Finstallation",1,{"title":143,"path":144,"order":145},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"title":147,"path":148,"order":149},"Adoption checklist","\u002Fguides\u002Fadoption-checklist",3,{"label":151,"entries":152},"Design system",[153,156,159],{"title":154,"path":155,"order":141},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":157,"path":158,"order":145},"Design language","\u002Fguides\u002Fdesign-language",{"title":160,"path":161,"order":149},"Passthrough","\u002Fguides\u002Fpassthrough",{"label":163,"entries":164},"Playbooks",[165,168,171,174,178,182],{"title":166,"path":167,"order":141},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":169,"path":170,"order":145},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":172,"path":173,"order":149},"Coherence","\u002Fguides\u002Fcoherence",{"title":175,"path":176,"order":177},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":179,"path":180,"order":181},"Icons","\u002Fguides\u002Ficons",5,{"title":183,"path":184,"order":185},"Preset components","\u002Fguides\u002Fpreset-components",6,{"label":187,"entries":188},"Ecosystem",[189,192,195],{"title":190,"path":191,"order":141},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":193,"path":194,"order":145},"Nuxt","\u002Fguides\u002Fnuxt",{"title":196,"path":197,"order":149},"AI agents","\u002Fguides\u002Fai-agents",{"label":199,"entries":200},"Inputs",[201,204,207,210,213,216,219,222,226,230,234,238],{"title":202,"path":203,"component":202,"order":141},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":205,"path":206,"component":205,"order":145},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":208,"path":209,"component":208,"order":149},"BbCalendar","\u002Fcomponents\u002Fbb-calendar",{"title":211,"path":212,"component":211,"order":149},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":214,"path":215,"component":214,"order":177},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":217,"path":218,"component":217,"order":181},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":220,"path":221,"component":220,"order":185},"BbForm","\u002Fcomponents\u002Fbb-form",{"title":223,"path":224,"component":223,"order":225},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":227,"path":228,"component":227,"order":229},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":231,"path":232,"component":231,"order":233},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":235,"path":236,"component":235,"order":237},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":239,"path":240,"component":239,"order":241},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":243,"entries":244},"Selection",[245,248,251,254,257,260,263,266,269,272],{"title":246,"path":247,"component":246,"order":141},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":249,"path":250,"component":249,"order":145},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":252,"path":253,"component":252,"order":149},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":255,"path":256,"component":255,"order":177},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":258,"path":259,"component":258,"order":181},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":261,"path":262,"component":261,"order":185},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":264,"path":265,"component":264,"order":225},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":267,"path":268,"component":267,"order":229},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":270,"path":271,"component":270,"order":233},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":273,"path":274,"component":273,"order":237},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":276,"entries":277},"Overlay",[278,281,284,287,290,293,296,299,302,305,308],{"title":279,"path":280,"component":279,"order":141},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":282,"path":283,"component":282,"order":145},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":285,"path":286,"component":285,"order":149},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":288,"path":289,"component":288,"order":177},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":291,"path":292,"component":291,"order":181},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":294,"path":295,"component":294,"order":185},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":297,"path":298,"component":297,"order":225},"BbHoverCard","\u002Fcomponents\u002Fbb-hover-card",{"title":300,"path":301,"component":300,"order":225},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":303,"path":304,"component":303,"order":229},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":306,"path":307,"component":306,"order":233},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":309,"path":310,"component":309,"order":237},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":312,"entries":313},"Navigation",[314,317,320,323,326,329],{"title":315,"path":316,"component":315,"order":141},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":318,"path":319,"component":318,"order":145},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":321,"path":322,"component":321,"order":149},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":324,"path":325,"component":324,"order":177},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":327,"path":328,"component":327,"order":181},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":330,"path":331,"component":330,"order":185},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":333,"entries":334},"Feedback",[335,338,341,344,347,350],{"title":336,"path":337,"component":336,"order":141},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":339,"path":340,"component":339,"order":145},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":342,"path":343,"component":342,"order":149},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":345,"path":346,"component":345,"order":177},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":348,"path":349,"component":348,"order":181},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":351,"path":352,"component":351,"order":185},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":354,"entries":355},"Data Display",[356,359,362],{"title":357,"path":358,"component":357,"order":141},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":360,"path":361,"component":360,"order":145},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":363,"path":364,"component":363,"order":149},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":366,"entries":367},"Layout & Utility",[368],{"title":369,"path":370,"component":369,"order":141},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":372,"entries":373},"Other",[374],{"title":375,"path":376,"component":375,"order":141},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"name":267,"slug":378,"group":243,"description":379,"entrypoint":380,"docs":381,"props":384,"models":537,"events":540,"slots":571,"exposed":605,"pt":606,"validated":389,"migration":649},"bb-slider","Selects numeric values across a bounded range.","bitboss-ui",{"contract":382,"source":383},"ai\u002FBbSlider.md","ai\u002Fsource\u002FBbSlider.md",[385,391,398,404,408,412,417,422,425,428,433,436,439,443,448,451,456,460,465,471,476,481,485,489,492,496,501,504,508,511,516,522,526,529,533],{"name":386,"type":387,"required":388,"default":389,"description":390,"note":389,"demo":389},"autofocus","Booleanish | undefined",false,null,"Focuses the field when it mounts (a dialog already open included), unless the user is typing in another field.",{"name":392,"type":393,"required":388,"default":394,"description":395,"note":396,"demo":397},"compact","boolean | undefined","false","Compact density. The track's height follows `--bb-input-h-compact` and the label gap `--bb-label-spacing-y-compact`, so a `--bb-input-h` or `--bb-label-spacing-y` you set on the component is ignored while `compact` is on: set the `-compact` tokens instead.","A property of a screen, not of a control. One dense slider among five roomy ones reads as a mistake.","default",{"name":399,"type":400,"required":388,"default":389,"description":401,"note":402,"demo":403},"description","string | undefined","Text between the label and the input. Unlike the hint it is always visible; it joins the input's `aria-describedby` after any `errors` \u002F `warnings`, before the `hint`.","Read before anything moves, which makes it the place to say what the interval means, and to explain a `readonly` slider.","states",{"name":405,"type":393,"required":388,"default":394,"description":406,"note":407,"demo":403},"disabled","Disables the component.","Removes the thumb from the tab order, so a disabled value is unreachable for someone navigating by keyboard. Prefer `readonly` for a value the user may read but not set.",{"name":409,"type":393,"required":388,"default":394,"description":410,"note":411,"demo":389},"disableThumbTranslate","Disables the proportional thumb translation that keeps the thumb on track (enabled by default). Set it when displaying ticks so they align with less effort.","Turns off the proportional nudge that keeps the thumb over the track at the extremes; set it with `ticks` when the handle should sit exactly on each mark. This is v2's `thumbTranslate` renamed with its polarity inverted, so `:thumb-translate=\"false\"` becomes a bare `disable-thumb-translate` and an untouched default needs no change.",{"name":413,"type":414,"required":388,"default":389,"description":415,"note":416,"demo":403},"errors","string | string[] | undefined","Error messages under the field, a string or array, in an `aria-live=\"polite\"` region and first in the control's `aria-describedby`, so they are re-read when it regains focus.","Rare on a bounded control (the interval already prevents most invalid values), but available for the rules a range cannot express. Wired to every thumb through `aria-describedby`, so a range slider announces them from either handle.",{"name":418,"type":393,"required":388,"default":394,"description":419,"note":420,"demo":421},"formless","Keep this control out of the enclosing `BbForm` entirely: not submitted, not dirty, not reset, not validated. For a control that is not form data (a filter, a \"show advanced\" switch).","For a slider inside a form that is not form data, such as a zoom level or a preview size.","form",{"name":423,"type":393,"required":388,"default":394,"description":424,"note":389,"demo":389},"hasErrors","Define if the component should be in an error state. It usually attaches a CSS class for styling purposes.",{"name":426,"type":393,"required":388,"default":394,"description":427,"note":389,"demo":389},"hasWarnings","Define if the component should be in a warning state. Same chrome as errors with `--bb-warn`; errors take priority.",{"name":429,"type":393,"required":388,"default":394,"description":430,"note":431,"demo":432},"hideLabel","Visually hides the label of the input while maintaining accessibility.","Keeps the accessible name and removes only the visible text, for a filter whose surrounding heading already names it. Omitting `label` is not an option: the type requires it.","range",{"name":434,"type":400,"required":388,"default":389,"description":435,"note":389,"demo":389},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":437,"type":400,"required":388,"default":389,"description":438,"note":389,"demo":389},"id","The `id` of the native control; the label's `for` and the description and message ids derive from it. Generated when omitted.",{"name":440,"type":441,"required":388,"default":389,"description":442,"note":389,"demo":389},"inputAlign","FieldCrossAlign | undefined","Vertical position of the control in a side-by-side row; not `inputPosition`, the horizontal one. Omitted, the control's first line meets the label's.",{"name":444,"type":445,"required":446,"default":389,"description":447,"note":389,"demo":389},"label","string",true,"Text content of the label of the element.",{"name":449,"type":441,"required":388,"default":389,"description":450,"note":389,"demo":389},"labelAlign","Vertical position of the label block in a side-by-side row; not `labelPosition`, the horizontal one. Omitted, the label's first line meets the control's.",{"name":452,"type":453,"required":388,"default":389,"description":454,"note":455,"demo":389},"labelMode","\"outside\" | \"inside\" | undefined","Label rendering mode. Sliders do not support `floating` labels.","Two values, not three. A slider has no empty-versus-filled state for a label to float against, so an explicit `\"floating\"` warns in development and falls back to `outside`, while a project-wide `defaultInputLabelMode: 'floating'` degrades to `outside` with no warning at all.",{"name":457,"type":458,"required":388,"default":389,"description":459,"note":389,"demo":389},"labelPosition","\"left\" | \"center\" | \"right\" | undefined","Sets the text alignment of the label.",{"name":461,"type":462,"required":388,"default":389,"description":463,"note":464,"demo":389},"layout","Responsive\u003CFieldLayout> | undefined","How label and input sit together: `'vertical'`, `'horizontal'` (50\u002F50), `'auto'`, `'label-fill'`, `'input-fill'`, a ratio like `'xx xxxxx'`, or a per-breakpoint map (`{ default: 'vertical', md: 'xx xxxxx' }`).","Applies only while the resolved label mode is `outside`. `label-mode=\"inside\"` embeds the label in the field shell and forces the vertical layout, ignoring this silently.",{"name":466,"type":467,"required":388,"default":468,"description":469,"note":470,"demo":397},"max","number | undefined","100","Maximum value cap.","Validated at mount together with `min`: it must be strictly greater, finite, and inside the safe-integer range, or the component throws a `RangeError`.",{"name":472,"type":467,"required":388,"default":473,"description":474,"note":475,"demo":389},"maxPrecision","2","Maximum decimal places to retain in emitted values.","What keeps `10.000000000000002` out of the model. A `step` finer than `0.01` needs this raised to match (`:step=\"0.001\"` with `:max-precision=\"3\"`), or the digits are rounded away as fast as you step through them.",{"name":477,"type":467,"required":388,"default":478,"description":479,"note":480,"demo":397},"min","0","Minimum value cap.","Validated at mount; see `max`. Together with `step` these are hard invariants rather than hints, because a slider with a nonsense interval is a control nobody can operate.",{"name":482,"type":483,"required":388,"default":478,"description":484,"note":389,"demo":389},"modelValue","number | number[] | null | undefined","Used by v-model.",{"name":486,"type":400,"required":388,"default":389,"description":487,"note":488,"demo":421},"name","Defines the name of the input.","The key inside a `BbForm`, and the name of the hidden inputs for a classic form post: one field for a single value, one per value for a range (`price=20&price=80`; write `price[]` for PHP and Laravel). A `null` value posts nothing.",{"name":490,"type":393,"required":388,"default":394,"description":491,"note":389,"demo":389},"persistentHint","Keeps the hint displayed.",{"name":493,"type":494,"required":388,"default":389,"description":495,"note":389,"demo":389},"pt","PtMap\u003CBbSliderPtPart, BbSliderPtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":497,"type":498,"required":388,"default":389,"description":499,"note":389,"demo":500},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `bar`, `box`, `description`, `hint`, `label`, `message`, `root`, `thumb`, `tick`, `ticks`, `track`. States: `active`, `disabled`, `errors`, `inRange`, `readonly`, `warnings`.","passthrough",{"name":432,"type":393,"required":388,"default":394,"description":502,"note":503,"demo":432},"Set the input as range. modelValue must be an array.","Only one of the two mismatches is loud: `range` with a scalar model throws at mount, while an array model without `range` renders one thumb and silently ignores everything past the first element.",{"name":505,"type":393,"required":388,"default":394,"description":506,"note":507,"demo":403},"readonly","Sets the input in a readonly state.","Keeps the thumb focusable and exposes `aria-readonly`, which is why it beats `disabled` for a locked quota. Say why it is locked in the `description` or the `hint`.",{"name":509,"type":393,"required":388,"default":394,"description":510,"note":389,"demo":389},"reverse","Reverses the layout. Applicable in every direction the order of the label and the input is swapped.",{"name":512,"type":513,"required":388,"default":389,"description":514,"note":515,"demo":421},"rules","RuleExpression\u003Cnumber | number[] | null>","vee-validate rules for this field. Only inside a `BbForm`.","Rules that restate `min` or `max` have nothing left to catch (the model never settles outside the interval), so use them for what the bounds cannot say, such as a minimum gap between the two ends of a range.",{"name":517,"type":467,"required":388,"default":518,"description":519,"note":520,"demo":521},"step","1","The step attribute specifies the granularity that the value must adhere to.","The grid every value snaps to, from the pointer, the keys and the steppers alike. When `max` is off the grid the top is the last grid point: `0`–`10` by `3` stops at `9`. Must be finite and greater than zero, or the component throws at mount.","steps",{"name":523,"type":393,"required":388,"default":394,"description":524,"note":525,"demo":521},"ticks","Displays ticks on step.","Lays out one positioned element per step below the track and renders the `tick` slot into each. Without that slot it produces empty spans and no visible marks: the mark itself is yours to draw.",{"name":527,"type":400,"required":388,"default":389,"description":528,"note":389,"demo":389},"validationLabel","The field's name in validation messages (`{field}`): \"Email is not valid\". Defaults to the `label` (or `legend`), then \"This field\"; never the `name`. Set it when the label is hidden or reads badly in a sentence (icon-only, a question). `BbForm` only.",{"name":530,"type":531,"required":388,"default":389,"description":532,"note":389,"demo":389},"validationMode","ValidationMode | undefined","When the field validates: `aggressive` (each change), `balanced` (on leave, then live while in error), `lazy` (on leave), `submit-only`, `submit-live`. Unset: the `BbForm`'s `validation-mode`, then `formControls.validationMode` (`'balanced'`). `BbForm` only.",{"name":534,"type":414,"required":388,"default":389,"description":535,"note":536,"demo":403},"warnings","Warning messages under the field, a string or array: amber, in their own `aria-live` region and in the control's `aria-describedby` after the errors. Non-empty turns on the warning state; errors win when both are set.","The amber channel: accepted, and worth a second look. Suppressed entirely when the slider also has errors.",[538],{"name":482,"type":483,"note":539,"demo":397},"`number` for a single value, a two-element array with `range`, `null` for unset. v2 also accepted a string; in v3 it does not compile, so parse at the boundary rather than binding what an API returned.",[541,545,549,553,557,561,564,567],{"name":542,"signature":543,"description":544,"note":389,"demo":389},"active","(): void","Emitted when the slider gains focus and becomes interactive.",{"name":546,"signature":547,"description":548,"note":389,"demo":389},"focus","(event: FocusEvent): void","Emitted when a thumb gains focus. Forwards the original DOM `FocusEvent`.",{"name":550,"signature":543,"description":551,"note":552,"demo":389},"inactive","Emitted when focus\u002Fclick moves outside the slider after it was active.","Fires when the interaction ends: the hook for a commit-on-release save. Never derive the value from it: `update:modelValue` already carries the clamped, snapped result.",{"name":554,"signature":555,"description":556,"note":389,"demo":389},"keydown","(event: KeyboardEvent): void","Emitted for keyboard interaction on a thumb. Forwards the original DOM `KeyboardEvent`.",{"name":558,"signature":559,"description":560,"note":389,"demo":389},"pointerdown","(event: PointerEvent): void","Emitted when a pointer device is pressed on a thumb. Forwards the original DOM `PointerEvent`.",{"name":562,"signature":559,"description":563,"note":389,"demo":389},"pointermove","Emitted as a pointer device moves while dragging a thumb. Forwards the original DOM `PointerEvent`.",{"name":565,"signature":559,"description":566,"note":389,"demo":389},"pointerup","Emitted when a pointer device is released after dragging. Forwards the original DOM `PointerEvent`.",{"name":568,"signature":569,"description":570,"note":389,"demo":389},"update:modelValue","(value: number | number[]): void","Emitted with new value(s) whenever the slider position changes. Single number for single slider, array for range mode.",[572,577,580,583,587,592,596,600],{"name":573,"type":574,"description":575,"note":576,"demo":521},"append","BbSliderStepSlotProps","Content rendered after the slider track, typically used to add a max-value label or button.","The other half of the stepper pair; see `prepend`. Icon-only buttons here need an `aria-label` each.",{"name":399,"type":578,"description":579,"note":389,"demo":389},"BbSliderDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still renders the description region and wires it into `aria-describedby`.",{"name":444,"type":581,"description":582,"note":389,"demo":389},"BbSliderLabelSlotProps","Replaces the default label text rendered above the slider.",{"name":584,"type":574,"description":585,"note":586,"demo":521},"prepend","Content rendered before the slider track, typically used to add a min-value label or button.","Receives `{ increase, decrease, disabled }`: the callbacks move one `step` and clamp to the interval; `disabled` is true when this side would do nothing (at `min`, or while the slider is disabled, readonly or a `range`), so bind it to your button. The callbacks are single-value only and early-return in `range` mode.",{"name":588,"type":589,"description":590,"note":591,"demo":389},"thumb","BbSliderThumbSlotProps","Fallback thumb used for non-range sliders (or inside `thumb:higher`\u002F`thumb:lower` when not overridden separately).","Renders inside the thumb rather than replacing it, so content positioned against it travels with the handle. Receives `{ value, percent, focused }`.",{"name":593,"type":589,"description":594,"note":595,"demo":389},"thumb:higher","Replaces the default higher-value thumb in range mode (`range: true`).","The higher handle of a range. Falls back to `thumb` when unset.",{"name":597,"type":589,"description":598,"note":599,"demo":389},"thumb:lower","Replaces the default lower-value thumb in range mode (`range: true`).","The lower handle of a range. Falls back to `thumb` when unset.",{"name":601,"type":602,"description":603,"note":604,"demo":521},"tick","BbSliderTickSlotProps","Replaces the default tick mark rendered at each step when ticks are enabled.","Receives `{ value, percent, active }`. This is where the tick mark or the per-step label is drawn; `ticks` positions the slot and draws nothing itself.",[],{"parts":607,"states":635},[608,611,613,615,618,620,623,626,629,631,633],{"name":609,"description":610},"root","The slider's container: the label, the track and the lines under them.",{"name":444,"description":612},"The label text (the `label` prop).",{"name":399,"description":614},"The muted line under the label (the `description` prop).",{"name":616,"description":617},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":434,"description":619},"The helper line (the `hint` prop).",{"name":621,"description":622},"box","The box around the rail, ticks and thumbs: bare by default, the bordered field look in inside-label mode. The slider's look locals (`--accent`, `--track-color`, `--thumb`, `--track`, `--bg`, `--bw`, …) set here reach everything inside.",{"name":624,"description":625},"track","The rail the thumbs slide on: its full length, painted with `--track-color`.",{"name":627,"description":628},"bar","The coloured bar on the rail: from the start to the value, or between the two thumbs in `range` mode. Painted with `--accent`; its size and position are set from the value (the same word as BbProgress's fill).",{"name":523,"description":630},"The row that holds the tick marks (`ticks` prop).",{"name":601,"description":632},"Every tick mark; a broadcast, resolved per tick with its own `inRange`. Its content is the `tick` slot.",{"name":588,"description":634},"Every handle — one, or two in `range` mode; a broadcast.",[636,638,640,642,645,647],{"name":542,"description":637},"Component-wide: the slider is engaged — a thumb focused or dragged, until focus and pointer leave it.",{"name":405,"description":639},"Component-wide: the slider is `disabled`.",{"name":413,"description":641},"Component-wide: the slider shows errors.",{"name":643,"description":644},"inRange","Per node, on `tick`: the tick sits inside the selected span (under the `bar`).",{"name":505,"description":646},"Component-wide: the slider is `readonly`.",{"name":534,"description":648},"Component-wide: the slider shows warnings and no errors.",{"removed":650,"renamed":687},[651,658,663,668,673,677,682],{"name":652,"surface":653,"replacedBy":389,"hint":389,"since":654,"migration":655,"silent":446,"fix":656},"color","prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-slider.md",{"kind":657},"manual",{"name":659,"surface":653,"replacedBy":461,"hint":389,"since":660,"migration":655,"silent":446,"fix":661},"direction","3.0.0-beta.33",{"kind":662},"rename",{"name":664,"surface":653,"replacedBy":426,"hint":389,"since":665,"migration":666,"silent":446,"fix":667},"hasWarning","3.0.0-beta.26","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":662},{"name":669,"surface":653,"replacedBy":389,"hint":670,"since":671,"migration":655,"silent":446,"fix":672},"required","a slider's role cannot carry `required`, so it carries none (like BbCheckboxGroup \u002F BbSwitchGroup). Delete the prop; inside a BbForm a `required` rule or the schema still validates it and shows the asterisk","3.0.0-beta.42",{"kind":657},{"name":674,"surface":653,"replacedBy":409,"hint":389,"since":654,"migration":655,"silent":446,"fix":675},"thumbTranslate",{"kind":676},"invert",{"name":678,"surface":653,"replacedBy":530,"hint":679,"since":680,"migration":666,"silent":446,"fix":681},"validateOn","an array of events became one mode (`aggressive` | `balanced` | `lazy` | `submit-only` | `submit-live`). The old defaults (`['blur']`, `['inactive']`, a toggle's `['update:modelValue', 'change', 'blur']`) are `balanced`, the new default: delete the prop. A text field on `['update:modelValue']` is `validation-mode=\"aggressive\"`. Set it once on `\u003CBbForm validation-mode>` instead of per field","3.0.0-beta.41",{"kind":657},{"name":683,"surface":653,"replacedBy":389,"hint":684,"since":680,"migration":666,"silent":446,"fix":685},"vid","a display name (v2: `vid=\"Email address\"`) is now `validation-label`; a field path (3.0 betas: `vid=\"address.city\"`) is now `name` (brackets for a native post: `address[city]`). `check --fix` picks by the value",{"kind":686,"display":527,"key":486},"byValue",[688,690,692,694],{"from":659,"to":461,"surface":653,"since":660,"migration":655,"fix":689},{"kind":662},{"from":664,"to":426,"surface":653,"since":665,"migration":666,"fix":691},{"kind":662},{"from":674,"to":409,"surface":653,"since":654,"migration":655,"fix":693},{"kind":676},{"from":678,"to":530,"surface":653,"since":680,"migration":666,"fix":695},{"kind":657},1793055153878]