28:null 29:["$","title",null,{"children":"Avery 5160 Barcode Labels Template | Grant Nestor | Observable"}] 2e:T5f8,createPages = (items) => { window.setTimeout(() => { JsBarcode(".barcode").init(); }, 30); return html`

${split(items, 30).map( (page) => `

${page .map( ({ sku, barcode }) => `

${sku}

` ) .join("\n")}

` )}

`; }2f:[] 2c:{"id":"7d35db2b3cbac4df","slug":"avery-5160","title":"Avery 5160 Barcode Labels Template","thumbnail":"a9c009a563380adf1ae27aa5476a3b8fa3bc59de3f39fb0304a4e62a2c5a42a7","access_level":"public","create_time":"$D2022-12-22T04:33:26.283Z","update_time":"$D2024-10-16T05:48:35.565Z","view_time":null,"first_public_time":"$D2022-12-22T04:44:02.072Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"962709e0f5253dc8","login":"gnestor","name":"Grant Nestor","avatar_url":"https://avatars-next.observableusercontent.com/e66e4935d208e6dfa00e02d3a77647063ac7b3c570a91b6c84a6f4f8107364f1","tier":"starter_2024"},"version":68,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0ae759681a97e281","login":"gnestor","name":"Grant Nestor","avatar_url":"https://avatars-next.observableusercontent.com/e66e4935d208e6dfa00e02d3a77647063ac7b3c570a91b6c84a6f4f8107364f1","tier":null}],"members":[{"type":"individual","id":"0ae759681a97e281","login":"gnestor","name":"Grant Nestor","avatar_url":"https://avatars-next.observableusercontent.com/e66e4935d208e6dfa00e02d3a77647063ac7b3c570a91b6c84a6f4f8107364f1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"9e0b4f1f015f1a5e","slug":"utilities","title":"Libraries","owner":{"id":"962709e0f5253dc8","login":"gnestor","name":"Grant Nestor"}},"type":"notebook","body":{"title":"Avery 5160 Barcode Labels Template","cells":[{"id":0,"value":"# Avery 5160 Barcode Labels Template\n\n## Usage\n\nCreate printable pages with your SKU/barcode labels\n\n```js\nimport { createPages, printButton } from \"@gnestor/avery-5160\"\n```\n\n```js\npages = {\n const items = [...Array(60).keys()].map((int) => ({\n sku: `HAM00\\${int}`,\n barcode: Math.floor(Math.random() * 1000000)\n }));\n return createPages(items);\n}\n```\n\nCreate a button that will print you pages\n\n```js\nprintButton(pages)\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"printButton = (element) =>\n Inputs.button(\"Print\", {\n reduce: () => {\n const body = element.innerHTML;\n const a = window.open(\"\", \"\", \"height='11in', width='8.5in'\");\n a.document.write(\"\");\n a.document.write(body);\n a.document.write(\"\");\n a.document.close();\n a.print();\n }\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"split = (array, n) => {\n let [...arr] = array;\n var result = [];\n while (arr.length) {\n result.push(arr.splice(0, n));\n }\n return result;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"import { JsBarcode } from \"@gnestor/jsbarcode\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"Thanks to [this article](https://boulderinformationservices.com/blog/print-avery-labels-using-css-and-html/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"