[{"data":1,"prerenderedAt":1220},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":134,"api-none":377,"page-en-\u002Fcomponents\u002Fbb-pagination":378,"pt-showcase-BbPagination":1083},{"\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",null,{"id":379,"title":324,"body":380,"component":324,"description":1070,"extension":1071,"group":312,"meta":1072,"navigation":919,"order":177,"path":325,"sections":1073,"seo":1080,"stem":1081,"__hash__":1082},"docs_en\u002Fcomponents\u002Fbb-pagination.md",{"type":381,"value":382,"toc":1062},"minimark",[383,417,422,430,433,437,459,483,509,519,525,550,553,563,577,594,600,603,606,627,630,661,667,683,686,698,729,736,742,772,850,864,871,969,998,1004,1037,1040,1051,1058],[384,385,386,394],"when",{},[387,388,389,390,393],"p",{},"Reach for ",[391,392,324],"code",{}," when a list is too long for one screen and people need\ndeterministic, jump-anywhere access — search results, an invoice ledger, an audit\nlog. Prefer it over infinite scroll whenever someone has to find their place\nagain, or refer to \"page 4\".",[395,396,398],"template",{"v-slot:else":397},"",[399,400,401,410],"ul",{},[402,403,404,409],"li",{},[405,406,407],"a",{"href":16},[391,408,318],{}," — the reader is moving\nthrough a hierarchy, not a sequence",[402,411,412,416],{},[405,413,414],{"href":86},[391,415,327],{}," — they are peer views of the same record",[387,418,419,421],{},[391,420,324],{}," selects a page. Your application owns the page state, visible\nrows, request and loading feedback.",[423,424,426],"h2",{"id":425},"default",[427,428,429],"span",{},"Paginating an application list",[387,431,432],{},"Start with a real list. Bind the 1-based page, derive the visible rows from it,\nand pass the result count back to the control.",[434,435],"demo",{"name":436},"BbPagination\u002FInvoiceList",[387,438,439,440,443,444,447,448,451,452,458],{},"The list owns ",[391,441,442],{},"page",", ",[391,445,446],{},"rows"," and ",[391,449,450],{},"loading",". The pager emits only the next page.\nWhile the request runs, ",[405,453,455],{"href":454},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-disabled",[391,456,457],{},"disabled"," prevents overlapping navigation and the list\nkeeps the loading message where readers are already looking.",[387,460,461,462,468,469,475,476,482],{},"Pass ",[405,463,465],{"href":464},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-totalItems",[391,466,467],{},"total-items"," with ",[405,470,472],{"href":471},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-perPage",[391,473,474],{},"per-page"," when the API reports a row count. Use\n",[405,477,479],{"href":478},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-totalPages",[391,480,481],{},"total-pages"," when it reports only a page count. A derived count wins when both\nare present.",[387,484,485,489,490,493,494,497,498,501,502,447,505,508],{},[486,487,488],"strong",{},"A range line beside the pager"," (\"6–10 of 20\"): the pager takes the whole row\nand fits its buttons to it, so a plain ",[391,491,492],{},"\u003Cp>"," beside it gets squeezed to one word\nper line. Put the line in a ",[391,495,496],{},"flex items-center gap-2"," row and give it\n",[391,499,500],{},"shrink-0 whitespace-nowrap",". Skip ",[391,503,504],{},"justify-between",[391,506,507],{},"flex-wrap",".",[387,510,511,512,518],{},"Always set ",[405,513,515],{"href":514},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-label",[391,516,517],{},"label"," to name the list. The localized “Pagination” fallback is too\ngeneric when a screen has more than one result set.",[423,520,522],{"id":521},"data",[427,523,524],{},"State ownership",[387,526,527,533,534,537,538,541,542,545,546,549],{},[405,528,530],{"href":529},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#model-modelValue",[391,531,532],{},"v-model"," is the current page. A standalone pager clamps it to\n",[391,535,536],{},"1..totalPages","; page ",[391,539,540],{},"0"," becomes ",[391,543,544],{},"1"," and page ",[391,547,548],{},"99"," becomes the last page.\nWith one page, every control is disabled, so you can omit the pager.",[434,551],{"name":552},"BbPagination\u002FBasic",[387,554,555,556,562],{},"Listen to ",[405,557,559],{"href":558},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#event-update:modelValue",[391,560,561],{},"update:modelValue",", never button clicks. Button availability and the\nellipsis window are internal.",[387,564,565,566,572,573,576],{},"Every control is a button, or a link under ",[405,567,569],{"href":568},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-navigation",[391,570,571],{},"navigation",". The active page carries\n",[391,574,575],{},"aria-current=\"page\""," and Previous\u002FNext include localized accessible text.",[578,579,581],"migration",{"title":580},"loading prop",[387,582,583,584,586,587,590,591,593],{},"In v3 there is no ",[391,585,450],{}," prop. It was removed, not renamed. A leftover\n",[391,588,589],{},":loading=\"fetching\""," compiles and has no effect; a development build warns that\nit was removed. Use ",[391,592,457],{}," and keep the\nloading affordance on the list or table.",[423,595,597],{"id":596},"fold",[427,598,599],{},"Long ranges and narrow containers",[387,601,602],{},"Long ranges fold around the current page with ellipses, and you never compute the\nwindow yourself.",[434,604],{"name":605},"BbPagination\u002FFolding",[387,607,608,614,615,617,618,622,623,626],{},[405,609,611],{"href":610},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-maxSize",[391,612,613],{},"max-size"," (default 6) caps how many ",[486,616,442],{}," buttons show at once. The count\nexcludes the ellipses and ",[619,620,621],"em",{},"Previous"," \u002F ",[619,624,625],{},"Next",", and carries a ±1 tolerance so odd\nand even windows stay balanced around the current page.",[387,628,629],{},"It is a maximum, not a promise. When the container is too narrow, the control\ndrops page buttons, never below three, and adds them back when the space\nreturns. That is why the demo above changes width.",[387,631,632,638,639,642,643,443,646,649,650,656,657,660],{},[405,633,635],{"href":634},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-align",[391,636,637],{},"align"," places the control inside its full-width row (",[391,640,641],{},"right"," by default,\n",[391,644,645],{},"center",[391,647,648],{},"left","), and ",[405,651,653],{"href":652},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-ellipsis",[391,654,655],{},"ellipsis"," swaps the ",[391,658,659],{},"..."," placeholder text. Neither the\nwindow nor the ellipses should be rebuilt by hand: hiding buttons with CSS breaks\nthe fit logic that is already running.",[423,662,664],{"id":663},"table",[427,665,666],{},"Paired with a table",[387,668,669,670,672,673,676,677,508],{},"When the list is a ",[391,671,363],{},", skip the wiring: give the table an ",[391,674,675],{},"id"," and the\npagination the matching ",[405,678,680],{"href":679},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-tableId",[391,681,682],{},"table-id",[434,684],{"name":685},"BbPagination\u002FTablePairing",[387,687,688,689,693,694,697],{},"Both components publish their pagination props into the shared table context, so\nthe page count is derived automatically and the current page stays two-way\nsynced. There is no ",[405,690,691],{"href":529},[391,692,532],{}," here, mount order does not matter, the server render\nalready shows the right page count, and any other\ncomponent can join the same rendezvous with ",[391,695,696],{},"useBbTableContext('orders-pager')"," —\na toolbar that resets the page after a filter change, a footer that shows the\nrange.",[387,699,700,701,443,703,443,707,447,711,715,716,719,720,722,723,725,726,728],{},"The props are symmetric: ",[391,702,442],{},[405,704,705],{"href":471},[391,706,474],{},[405,708,709],{"href":464},[391,710,467],{},[405,712,713],{"href":478},[391,714,481],{}," are\naccepted by both sides, so the server's fields can go wherever is convenient.\nPass each fact to ",[486,717,718],{},"one"," place, though — giving the table and the pager\ndifferent ",[391,721,467],{}," is an author error the library resolves arbitrarily. One\nrule settles conflicts: a count derived from a real ",[391,724,467],{}," always wins,\nand ",[391,727,481],{}," is only a seed for when no row count is known.",[387,730,731,732,735],{},"Paired with a table the control ",[486,733,734],{},"does not clamp",". The context owns the page, so\nan out-of-range value is the consumer's to fix — correcting it here would push a\npage nobody asked for. And mind the id: a typo does not throw, it pairs with\nnothing, and a development build warns the first time someone pages with no\ntable mounted for that id.",[423,737,739],{"id":738},"url",[427,740,741],{},"Pages that survive a reload",[387,743,744,745,749,750,756,757,759,760,763,764,767,768,771],{},"Set ",[405,746,747],{"href":568},[391,748,571],{}," and the current page is reflected in the URL, so it is\nbookmarkable and survives a reload. ",[405,751,753],{"href":752},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-queryKey",[391,754,755],{},"query-key"," names the parameter, ",[391,758,442],{}," by\ndefault. Under Vue Router or Nuxt every enabled button becomes a ",[391,761,762],{},"to"," link that\nmerges the parameter into the current route's query, leaving other parameters\nalone; without a router it falls back to real ",[391,765,766],{},"href","s built from\n",[391,769,770],{},"window.location",", so the same markup deep-links in a plain SPA. Disabled\nbuttons never carry a link, so crawlers and middle-clicks cannot reach invalid\npages.",[773,774,778],"pre",{"className":775,"code":776,"language":777,"meta":397,"style":397},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003CBbPagination\n    v-model=\"page\"\n    label=\"Exports pagination\"\n    navigation\n    replace\n    :total-pages=\"totalPages\"\n\u002F>\n","vue",[391,779,780,791,808,819,824,829,845],{"__ignoreMap":397},[427,781,783,787],{"class":782,"line":141},"line",[427,784,786],{"class":785},"suds8","\u003C",[427,788,790],{"class":789},"sne4z","BbPagination\n",[427,792,793,797,800,803,805],{"class":782,"line":145},[427,794,796],{"class":795},"s-5SL","    v-model",[427,798,799],{"class":785},"=",[427,801,802],{"class":785},"\"",[427,804,442],{"class":785},[427,806,807],{"class":785},"\"\n",[427,809,810,813,815],{"class":782,"line":149},[427,811,812],{"class":795},"    label",[427,814,799],{"class":785},[427,816,818],{"class":817},"sT6z2","\"Exports pagination\"\n",[427,820,821],{"class":782,"line":177},[427,822,823],{"class":795},"    navigation\n",[427,825,826],{"class":782,"line":181},[427,827,828],{"class":795},"    replace\n",[427,830,831,834,836,838,840,843],{"class":782,"line":185},[427,832,833],{"class":785},"    :",[427,835,481],{"class":795},[427,837,799],{"class":785},[427,839,802],{"class":785},[427,841,842],{"class":785},"totalPages",[427,844,807],{"class":785},[427,846,847],{"class":782,"line":225},[427,848,849],{"class":785},"\u002F>\n",[387,851,852,863],{},[486,853,854,855,468,857,508],{},"Pair ",[391,856,571],{},[405,858,860],{"href":859},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#prop-replace",[391,861,862],{},"replace"," Paging is a view control, not a journey:\nwithout it every click pushes a history entry, and someone who walked to page 12\nneeds eleven presses of Back to escape the list. With it the URL stays current —\nstill deep-linkable, still reload-proof — and one Back returns to wherever they\ncame from.",[387,865,866,867,870],{},"One thing stays yours: ",[486,868,869],{},"the component writes the URL, it never reads it."," Seed\nthe model from the route once, at setup, or a shared link lands on page 1:",[773,872,876],{"className":873,"code":874,"language":875,"meta":397,"style":397},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","import { ref } from 'vue';\nimport { useRoute } from 'vue-router'; \u002F\u002F or '#imports' in Nuxt\n\nconst route = useRoute();\nconst page = ref(Number(route.query.page) || 1);\n","ts",[391,877,878,896,915,921,939],{"__ignoreMap":397},[427,879,880,884,887,890,893],{"class":782,"line":141},[427,881,883],{"class":882},"sHUrx","import",[427,885,886],{"class":785}," { ref } ",[427,888,889],{"class":882},"from",[427,891,892],{"class":817}," 'vue'",[427,894,895],{"class":785},";\n",[427,897,898,900,903,905,908,911],{"class":782,"line":145},[427,899,883],{"class":882},[427,901,902],{"class":785}," { useRoute } ",[427,904,889],{"class":882},[427,906,907],{"class":817}," 'vue-router'",[427,909,910],{"class":785},"; ",[427,912,914],{"class":913},"sLBg1","\u002F\u002F or '#imports' in Nuxt\n",[427,916,917],{"class":782,"line":149},[427,918,920],{"emptyLinePlaceholder":919},true,"\n",[427,922,923,926,929,932,936],{"class":782,"line":177},[427,924,925],{"class":882},"const",[427,927,928],{"class":795}," route",[427,930,931],{"class":882}," =",[427,933,935],{"class":934},"sKwhi"," useRoute",[427,937,938],{"class":785},"();\n",[427,940,941,943,946,948,951,954,957,960,963,966],{"class":782,"line":181},[427,942,925],{"class":882},[427,944,945],{"class":795}," page",[427,947,931],{"class":882},[427,949,950],{"class":934}," ref",[427,952,953],{"class":785},"(",[427,955,956],{"class":934},"Number",[427,958,959],{"class":785},"(route.query.page) ",[427,961,962],{"class":882},"||",[427,964,965],{"class":795}," 1",[427,967,968],{"class":785},");\n",[578,970,972],{"title":971},"querykey → queryKey",[387,973,974,975,978,979,982,983,985,986,989,990,993,994,997],{},"The prop was ",[391,976,977],{},"querykey",", all lowercase, and it is now ",[391,980,981],{},"queryKey",". The compiler\ncannot see it: a leftover ",[391,984,977],{}," is ignored, URL sync moves back to\n",[391,987,988],{},"?page=",", and every deep link and server route reading the old parameter stops\nmatching. A development build warns, ",[391,991,992],{},"npx bitboss-ui check --fix"," renames it,\nand ",[391,995,996],{},"rg -i querykey"," finds the links and routes too.",[423,999,1001],{"id":1000},"slots",[427,1002,1003],{},"Custom button content",[387,1005,1006,1007,1013,1014,1017,1018,447,1024,1030,1031,1036],{},"Four slots repaint the buttons without touching their behaviour: ",[405,1008,1010],{"href":1009},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#slot-item",[391,1011,1012],{},"item"," receives\n",[391,1015,1016],{},"{ item, active, disabled }"," for each page number, ",[405,1019,1021],{"href":1020},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#slot-previous",[391,1022,1023],{},"previous",[405,1025,1027],{"href":1026},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#slot-next",[391,1028,1029],{},"next"," replace\nthe chevrons, and ",[405,1032,1034],{"href":1033},"\u002Fen\u002Fcomponents\u002Fbb-pagination\u002Fapi#slot-ellipsis",[391,1035,655],{}," replaces the fold marker.",[434,1038],{"name":1039},"BbPagination\u002FReaderControls",[387,1041,1042,447,1044,1046,1047,1050],{},[391,1043,1023],{},[391,1045,1029],{}," come with an accessibility bill. The chevrons ship with\nvisually hidden, localized text behind them; replacing the slot content replaces\nthat text too. Put a word in the button, or an ",[391,1048,1049],{},"sr-only"," span — but do not leave\ntwo buttons whose only content is an icon.",[387,1052,1053,1054,1057],{},"The ellipsis is not a button: it renders as a plain ",[391,1055,1056],{},"aria-hidden"," span, so it\nnever lands in the accessibility tree as focusless noise. The page buttons stay\nreal buttons with all their wiring; the slots only change what is painted inside\nthem.",[1059,1060,1061],"style",{},"html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sne4z, html code.shiki .sne4z{--shiki-default:#024C1A;--shiki-dark:#72F088}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .sKwhi, html code.shiki .sKwhi{--shiki-default:#622CBC;--shiki-dark:#DBB7FF}",{"title":397,"searchDepth":149,"depth":149,"links":1063},[1064,1065,1066,1067,1068,1069],{"id":425,"depth":145,"text":429},{"id":521,"depth":145,"text":524},{"id":596,"depth":145,"text":599},{"id":663,"depth":145,"text":666},{"id":738,"depth":145,"text":741},{"id":1000,"depth":145,"text":1003},"A page selector for long lists that folds long ranges, fits its container and tells you which page to load.","md",{},[1074,1075,1076,1077,1078,1079],{"id":425,"title":429},{"id":521,"title":524},{"id":596,"title":599},{"id":663,"title":666},{"id":738,"title":741},{"id":1000,"title":1003},{"title":324,"description":1070},"components\u002Fbb-pagination","bSQPTbGIFLYBt4NlkWnSGeq2e4u_XD439b7jQAc_Mdg",{"name":324,"slug":1084,"group":312,"description":1085,"entrypoint":1086,"docs":1087,"props":1090,"models":1152,"events":1155,"slots":1160,"exposed":1175,"pt":1176,"validated":377,"migration":1197},"bb-pagination","Navigates paginated data sets by page index.","bitboss-ui",{"contract":1088,"source":1089},"ai\u002FBbPagination.md","ai\u002Fsource\u002FBbPagination.md",[1091,1097,1102,1106,1109,1115,1119,1122,1125,1129,1134,1138,1141,1145,1149],{"name":637,"type":1092,"required":1093,"default":1094,"description":1095,"note":1096,"demo":596},"\"left\" | \"center\" | \"right\" | undefined",false,"\"right\"","Alignment of the pagination control.","Places the control inside its full-width row. `right` is the default because a pager usually sits under the trailing edge of a table.",{"name":457,"type":1098,"required":1093,"default":1099,"description":1100,"note":1101,"demo":425},"boolean | undefined","false","Disables the component","Disable navigation while the application loads a page. Keep loading feedback on the list; v3 has no `loading` prop.",{"name":655,"type":1103,"required":1093,"default":1104,"description":1105,"note":377,"demo":377},"string | undefined","\"...\"","String of text displayed in place of hidden pages.",{"name":517,"type":1103,"required":1093,"default":377,"description":1107,"note":1108,"demo":425},"Label of the pagination navigation landmark. When unset, falls back to the localized `pagination.label` (`'Pagination'` \u002F `'Paginazione'`).","Names the `nav` landmark. The localized default reads \"Pagination\", which stops being useful the moment a page has two lists — say which one this pages.",{"name":1110,"type":1111,"required":1093,"default":1112,"description":1113,"note":1114,"demo":596},"maxSize","string | number | undefined","6","Maximum number of clickable pages displayed at all times. This has a tolerance of +\u002F- 1 for odd \u002F even numbering. It does not include ellipses.","A maximum, not a promise — the strip also drops buttons when the container is too narrow, never below three. The count excludes the ellipses and Previous\u002FNext, with a ±1 tolerance so the window stays balanced around the current page.",{"name":1116,"type":1117,"required":1093,"default":544,"description":1118,"note":377,"demo":377},"modelValue","number | undefined","Used by v-model. The 1-based index of the current page — pagination starts on the first page, not page `0`.",{"name":571,"type":1098,"required":1093,"default":1099,"description":1120,"note":1121,"demo":738},"Synchronizes the current page with the URL.\n\nPair it with `replace` — see that prop.","Writes the page into the URL; it never reads it. Seed the model from the route once at setup, or a shared link lands on page 1.",{"name":1123,"type":1111,"required":1093,"default":377,"description":1124,"note":377,"demo":377},"perPage","Number of items per page. Together with `totalItems` it derives the page count (`ceil(totalItems \u002F perPage)`); when unset, one page holds everything. With a `tableId` it is also published to the shared table context, exactly like the table's own `per-page` prop.",{"name":1126,"type":1127,"required":1093,"default":377,"description":1128,"note":377,"demo":377},"pt","(PtMap\u003CBbPaginationPtPart, \"disabled\"> & { 'item:active'?: PtValue | undefined; }) | undefined","Passthrough, object form: the same keys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":1130,"type":1131,"required":1093,"default":377,"description":1132,"note":377,"demo":1133},"pt:\u003Cpart>","PtValue | undefined","Passthrough, attribute form: one attribute per part, `pt:\u003Cpart>`, and per part and state, `pt:\u003Cpart>:\u003Cstate>`. Parts: `arrow`, `ellipsis`, `icon`, `item`, `root`. States: `active`, `disabled`.","passthrough",{"name":981,"type":1103,"required":1093,"default":1135,"description":1136,"note":1137,"demo":738},"\"page\"","Defines the query key to reference for maintaining navigation.","Renamed from v2's all-lowercase `querykey`, and the break is silent: the old spelling is ignored, the parameter falls back to `page`, and every deep link and server route reading the old name breaks quietly.",{"name":862,"type":1098,"required":1093,"default":1099,"description":1139,"note":1140,"demo":738},"Replaces the history entry instead of pushing one when the page changes. Recommended with `navigation`: the URL keeps the page while Back leaves the list (without it, page 12 takes eleven Backs).","Effectively mandatory with `navigation`. Without it a reader who paged to 12 needs eleven presses of Back to leave the list.",{"name":1142,"type":1103,"required":1093,"default":377,"description":1143,"note":1144,"demo":663},"tableId","Pairs with the `BbTable` whose `id` matches, through the shared table context: the page syncs both ways and the context's page count drives the control. `totalItems`, `perPage` and `totalPages` set here are published to that context.","Replaces the manual wiring: no `v-model`, and mount order does not matter. A typo does not error — it just pairs with nothing and leaves you with a control that reports a page nobody reads.",{"name":1146,"type":1111,"required":1093,"default":377,"description":1147,"note":1148,"demo":425},"totalItems","Total number of items across all pages. When set, the page count is derived as `ceil(totalItems \u002F perPage)` and wins over `totalPages`. With a `tableId` it is also published to the shared table context, exactly like the table's own `total-items` prop.","With `per-page` this derives the page count, and a derived count always wins over `total-pages`. Pass each fact to one component only when a table is paired — two different totals is an author error the library resolves arbitrarily.",{"name":842,"type":1111,"required":1093,"default":377,"description":1150,"note":1151,"demo":425},"Total number of pages. A shortcut for when the server reports a page count rather than a row count — a page count derived from `totalItems` (locally or through the shared table context) always wins over it. Falls back to `1` when nothing provides a count.","The shortcut for a server that reports pages rather than rows. It is only a seed: as soon as a real `total-items` exists, locally or through the shared table context, the derived count wins.",[1153],{"name":1116,"type":1117,"note":1154,"demo":521},"The application-owned, 1-based page. A standalone pager clamps it; with `table-id`, the shared table context owns it.",[1156],{"name":561,"signature":1157,"description":1158,"note":1159,"demo":521},"(value: number): void","Emitted with the new value whenever `v-model` changes.","The one event, and the only thing worth listening to — which buttons disable and where the ellipses fall is internal. Fetch or slice from the model, never from a click handler on a button.",[1161,1165,1169,1172],{"name":655,"type":1162,"description":1163,"note":1164,"demo":1000},"Record\u003Cstring, never>","Replaces the default `…` ellipsis shown when pages overflow the visible range.","The fold marker is not a button — it renders as an `aria-hidden` span, so it never lands in the accessibility tree as focusless noise.",{"name":1012,"type":1166,"description":1167,"note":1168,"demo":1000},"BbPaginationItemSlotProps","Replaces the default page number button content for each individual page.","Repaints a page button; the button, its disabled state and its `aria-current` stay the component's. The scope carries `active` so the current page can look different.",{"name":1029,"type":1162,"description":1170,"note":1171,"demo":1000},"Replaces the default \"next page\" button content.","Same accessibility bill as `previous`: whatever you render here is now the button's entire accessible name.",{"name":1023,"type":1162,"description":1173,"note":1174,"demo":1000},"Replaces the default \"previous page\" button content.","Replacing the chevron also replaces the visually hidden localized label behind it. Put a word in the button, or an `sr-only` span — the same applies to `next`.",[],{"parts":1177,"states":1191},[1178,1181,1183,1186,1188],{"name":1179,"description":1180},"root","The component root.",{"name":1012,"description":1182},"Every numbered page — a broadcast resolved per page. Neither the previous \u002F next buttons (`arrow`) nor the gap markers (`ellipsis`).",{"name":1184,"description":1185},"arrow","The previous \u002F next buttons — a broadcast resolved per button, with its own `disabled` (previous on the first page, next on the last). The same word as BbCalendar's previous \u002F next buttons.",{"name":655,"description":1187},"The gap markers between page runs — a broadcast. Not a control (a hidden `\u003Cspan>`, no `active` \u002F `disabled`).",{"name":1189,"description":1190},"icon","The chevrons inside the `arrow` buttons — a broadcast.",[1192,1195],{"name":1193,"description":1194},"active","Per node, on `item`: the current page.",{"name":457,"description":1196},"Component-wide while the pagination is `disabled`; also per node, on `item` and `arrow`: a control that cannot be pressed — previous on the first page, next on the last.",{"removed":1198,"renamed":1217},[1199,1205,1211,1214],{"name":450,"surface":1200,"replacedBy":377,"hint":377,"since":1201,"migration":1202,"silent":919,"fix":1203},"prop","3.0.0-alpha.1","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-pagination.md",{"kind":1204},"manual",{"name":1206,"surface":1126,"replacedBy":377,"hint":1207,"since":1208,"migration":1202,"silent":919,"fix":1209},"pt:icon:active","it never applied anything: `active` (the current page) is a state of `item` only (`pt:item:active`)","3.0.0-beta.33",{"kind":1210},"remove",{"name":1212,"surface":1126,"replacedBy":377,"hint":1207,"since":1208,"migration":1202,"silent":919,"fix":1213},"pt:root:active",{"kind":1210},{"name":977,"surface":1200,"replacedBy":981,"hint":377,"since":1201,"migration":1202,"silent":919,"fix":1215},{"kind":1216},"rename",[1218],{"from":977,"to":981,"surface":1200,"since":1201,"migration":1202,"fix":1219},{"kind":1216},1793055142533]