[{"data":1,"prerenderedAt":171},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fpagination":3,"component-meta:UiPagination":106},{"id":4,"title":5,"body":6,"component":91,"dependsOn":92,"description":93,"emitDescriptions":94,"extension":97,"meta":98,"navigation":99,"order":100,"path":101,"seo":102,"status":103,"stem":104,"__hash__":105},"docs\u002Fdocs\u002Fcomponents\u002Fpagination.md","Pagination",{"type":7,"value":8,"toc":82},"minimark",[9,13,18,23,27,30,34,42,46,49,60,64],[10,11,12],"p",{},"Зведено з кількох реалізацій TablePagination — діапазон «1–20 з 437», вибір розміру\nсторінки, усічений ряд номерів із «…». На мобільному ряд номерів ховається\n— лишається «X з Y» і стрілки, бо влучити пальцем у «14» з восьми\nквадратиків по 32px нереально.",[14,15,17],"h2",{"id":16},"приклад","Приклад",[19,20],"component-preview",{"name":21,"stage":22},"pagination-basic","min-h-24",[14,24,26],{"id":25},"api","API",[28,29],"component-api",{},[14,31,33],{"id":32},"коли-використовувати","Коли використовувати",[10,35,36,37,41],{},"Для серверної пагінації таблиць і списків. Разом з UiTable: активуйте\n",[38,39,40],"code",{},"rowClickable"," у таблиці й керуйте сторінкою ззовні.",[14,43,45],{"id":44},"коли-не-використовувати","Коли НЕ використовувати",[10,47,48],{},"Для стрічок, що підтягуються нескінченно (feed), — там пагінація ламає\nскрол; потрібен «Показати ще».",[10,50,51,52,55,56,59],{},"Не показуйте компонент для однієї сторінки: він сам не рендериться, коли\n",[38,53,54],{},"totalPages ≤ 1"," і немає ",[38,57,58],{},"pageSizeOptions",".",[14,61,63],{"id":62},"доступність","Доступність",[10,65,66,67,70,71,74,75,78,79,59],{},"Контейнер — ",[38,68,69],{},"\u003Cnav aria-label=\"Пагінація\">",", активна сторінка —\n",[38,72,73],{},"aria-current=\"page\"",". Стрілки мають ",[38,76,77],{},"aria-label",", бо іконки без тексту\nдля скрінрідера безіменні. Числові колонки вирівняні ",[38,80,81],{},"tabular-nums",{"title":83,"searchDepth":84,"depth":84,"links":85},"",2,[86,87,88,89,90],{"id":16,"depth":84,"text":17},{"id":25,"depth":84,"text":26},{"id":32,"depth":84,"text":33},{"id":44,"depth":84,"text":45},{"id":62,"depth":84,"text":63},"UiPagination",[],"Пагінація з діапазоном записів, розміром сторінки та мобільним виглядом «X з Y».",{"update:page":95,"update:pageSize":96},"Новий номер сторінки. Використовуйте через `v-model:page`.","Новий розмір сторінки. Використовуйте через `v-model:page-size`.","md",{},true,23,"\u002Fdocs\u002Fcomponents\u002Fpagination",{"title":5,"description":93},"stable","docs\u002Fcomponents\u002Fpagination","kGdzyq_80B1F9u-7mczsgJNsc1BqcUInFAyuYZgSb8w",{"mode":107,"prefetch":108,"preload":108,"filePath":109,"declarationPath":110,"pascalName":91,"kebabName":111,"chunkName":112,"priority":113,"_scanned":99,"meta":114},"all",false,"app\u002Fcomponents\u002Fui\u002FUiPagination.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiPagination.vue","ui-pagination","components\u002Fui-pagination",1,{"type":113,"props":115,"slots":156,"events":157,"exposed":169,"hash":170},[116,121,125,130,135,142,147],{"name":117,"global":108,"description":118,"tags":119,"required":99,"type":120,"schema":120},"page","Поточна сторінка. Використовуйте через `v-model:page`.",[],"number",{"name":122,"global":108,"description":123,"tags":124,"required":99,"type":120,"schema":120},"totalPages","Скільки всього сторінок.",[],{"name":126,"global":108,"default":127,"description":128,"tags":129,"required":108,"type":120,"schema":120},"totalItems","null","Загальна кількість записів — для тексту «1–20 з 437».",[],{"name":131,"global":108,"default":132,"description":133,"tags":134,"required":108,"type":120,"schema":120},"pageSize","undefined","Розмір сторінки. Використовуйте через `v-model:pageSize`.",[],{"name":58,"global":108,"default":132,"description":136,"tags":137,"required":108,"type":138,"schema":139},"Варіанти розміру сторінки. Порожньо — селект не рендериться.",[],"number[]",{"kind":140,"type":138,"schema":141},"array",{"0":120},{"name":143,"global":108,"default":144,"description":145,"tags":146,"required":108,"type":120,"schema":120},"siblingCount","1","Скільки сусідніх сторінок показувати навколо активної.",[],{"name":148,"global":108,"default":149,"description":83,"tags":150,"required":108,"type":151,"schema":152},"disabled","false",[],"boolean",{"kind":153,"type":151,"schema":154},"enum",{"0":149,"1":155},"true",[],[158,164],{"name":159,"description":83,"tags":160,"type":161,"signature":162,"schema":163},"update:page",[],"[value: number]","(event: \"update:page\", value: number): void",[120],{"name":165,"description":83,"tags":166,"type":161,"signature":167,"schema":168},"update:pageSize",[],"(event: \"update:pageSize\", value: number): void",[120],[],"pmYxyX6d3W3gt5mYdJI7S54Lbbz9piLFKI3eKrjZX1c",1788072639724]