30:T5f8,createPages = (items) => { window.setTimeout(() => { JsBarcode(".barcode").init(); }, 30); return html`

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

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

${sku}

` ) .join("\n")}

` )}

`; }31:[] 2e:{"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"},{"id":5,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":11,"value":"import { JsBarcode } from \"@gnestor/jsbarcode\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"Thanks to [this article](https://boulderinformationservices.com/blog/print-avery-labels-using-css-and-html/)","pinned":false,"hidden":false,"mode":"md"}],"files":"$W31","stdlib":"1","titling":"auto"}