brick-pdf 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/README.md +5 -0
  2. package/dist/brick-pdf.css +1 -0
  3. package/dist/brick-pdf.js +1685 -0
  4. package/dist/brick-pdf.umd.cjs +5 -0
  5. package/dist/components/ActionBar.vue.d.ts +4 -0
  6. package/dist/components/BrickPdf.vue.d.ts +10 -0
  7. package/dist/components/CanvasElement.vue.d.ts +9 -0
  8. package/dist/components/DesignCanvas.vue.d.ts +2 -0
  9. package/dist/components/DocumentSettings.vue.d.ts +2 -0
  10. package/dist/components/DropZone.vue.d.ts +25 -0
  11. package/dist/components/PropertyEditor.vue.d.ts +2 -0
  12. package/dist/components/PropertyField.vue.d.ts +7 -0
  13. package/dist/components/Toolbar.vue.d.ts +2 -0
  14. package/dist/components/ToolbarElementList.vue.d.ts +4 -0
  15. package/dist/composables/index.d.ts +16 -0
  16. package/dist/composables/useClipboard.d.ts +12 -0
  17. package/dist/composables/useDocumentStore.d.ts +16 -0
  18. package/dist/composables/useDragDrop.d.ts +10 -0
  19. package/dist/composables/useElementActions.d.ts +14 -0
  20. package/dist/composables/useHistory.d.ts +12 -0
  21. package/dist/composables/usePdfExport.d.ts +11 -0
  22. package/dist/composables/useResize.d.ts +10 -0
  23. package/dist/composables/useSelection.d.ts +12 -0
  24. package/dist/elements/canvas/CanvasDrawPropertyEditor.vue.d.ts +6 -0
  25. package/dist/elements/canvas/CanvasDrawRenderer.vue.d.ts +6 -0
  26. package/dist/elements/canvas/canvasDrawConverter.d.ts +2 -0
  27. package/dist/elements/canvas/canvasDrawDefaults.d.ts +23 -0
  28. package/dist/elements/canvas/index.d.ts +2 -0
  29. package/dist/elements/columns/ColumnsPropertyEditor.vue.d.ts +6 -0
  30. package/dist/elements/columns/ColumnsRenderer.vue.d.ts +22 -0
  31. package/dist/elements/columns/columnsConverter.d.ts +2 -0
  32. package/dist/elements/columns/columnsDefaults.d.ts +3 -0
  33. package/dist/elements/columns/index.d.ts +2 -0
  34. package/dist/elements/image/ImagePropertyEditor.vue.d.ts +6 -0
  35. package/dist/elements/image/ImageRenderer.vue.d.ts +6 -0
  36. package/dist/elements/image/imageConverter.d.ts +2 -0
  37. package/dist/elements/image/imageDefaults.d.ts +3 -0
  38. package/dist/elements/image/index.d.ts +2 -0
  39. package/dist/elements/list/ListPropertyEditor.vue.d.ts +6 -0
  40. package/dist/elements/list/ListRenderer.vue.d.ts +6 -0
  41. package/dist/elements/list/index.d.ts +2 -0
  42. package/dist/elements/list/listConverter.d.ts +2 -0
  43. package/dist/elements/list/listDefaults.d.ts +3 -0
  44. package/dist/elements/pageBreak/PageBreakPropertyEditor.vue.d.ts +6 -0
  45. package/dist/elements/pageBreak/PageBreakRenderer.vue.d.ts +6 -0
  46. package/dist/elements/pageBreak/index.d.ts +2 -0
  47. package/dist/elements/pageBreak/pageBreakConverter.d.ts +2 -0
  48. package/dist/elements/pageBreak/pageBreakDefaults.d.ts +3 -0
  49. package/dist/elements/qr/QrPropertyEditor.vue.d.ts +6 -0
  50. package/dist/elements/qr/QrRenderer.vue.d.ts +6 -0
  51. package/dist/elements/qr/index.d.ts +2 -0
  52. package/dist/elements/qr/qrConverter.d.ts +2 -0
  53. package/dist/elements/qr/qrDefaults.d.ts +3 -0
  54. package/dist/elements/stack/StackPropertyEditor.vue.d.ts +6 -0
  55. package/dist/elements/stack/StackRenderer.vue.d.ts +22 -0
  56. package/dist/elements/stack/index.d.ts +2 -0
  57. package/dist/elements/stack/stackConverter.d.ts +2 -0
  58. package/dist/elements/stack/stackDefaults.d.ts +3 -0
  59. package/dist/elements/svg/SvgPropertyEditor.vue.d.ts +6 -0
  60. package/dist/elements/svg/SvgRenderer.vue.d.ts +6 -0
  61. package/dist/elements/svg/index.d.ts +2 -0
  62. package/dist/elements/svg/svgConverter.d.ts +2 -0
  63. package/dist/elements/svg/svgDefaults.d.ts +3 -0
  64. package/dist/elements/table/TablePropertyEditor.vue.d.ts +6 -0
  65. package/dist/elements/table/TableRenderer.vue.d.ts +6 -0
  66. package/dist/elements/table/index.d.ts +2 -0
  67. package/dist/elements/table/tableConverter.d.ts +2 -0
  68. package/dist/elements/table/tableDefaults.d.ts +3 -0
  69. package/dist/elements/text/TextPropertyEditor.vue.d.ts +6 -0
  70. package/dist/elements/text/TextRenderer.vue.d.ts +6 -0
  71. package/dist/elements/text/index.d.ts +2 -0
  72. package/dist/elements/text/textConverter.d.ts +2 -0
  73. package/dist/elements/text/textDefaults.d.ts +3 -0
  74. package/dist/index.d.ts +24 -0
  75. package/dist/registry/builtinRegistration.d.ts +1 -0
  76. package/dist/registry/elementRegistry.d.ts +5 -0
  77. package/dist/types/document.d.ts +11 -0
  78. package/dist/types/element.d.ts +29 -0
  79. package/dist/types/history.d.ts +5 -0
  80. package/dist/types/index.d.ts +8 -0
  81. package/dist/types/props.d.ts +14 -0
  82. package/dist/types/registry.d.ts +16 -0
  83. package/dist/types/selection.d.ts +3 -0
  84. package/dist/types/toolbar.d.ts +6 -0
  85. package/dist/vite.svg +1 -0
  86. package/package.json +43 -0
package/README.md ADDED
@@ -0,0 +1,5 @@
1
+ # Vue 3 + TypeScript + Vite
2
+
3
+ This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
4
+
5
+ Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
@@ -0,0 +1 @@
1
+ .brick-el-text[data-v-a7cd1565]{min-height:1em;white-space:pre-wrap;word-break:break-word}.brick-el-stack[data-v-c59e7405]{display:flex;flex-direction:column;gap:4px;min-height:40px;padding:8px;border:1px dashed #ccc;border-radius:4px}.brick-el-columns[data-v-217dd721]{min-height:40px;padding:8px;border:1px dashed #aad;border-radius:4px}.brick-el-columns[data-v-217dd721]>.brick-dropzone--horizontal{gap:var(--column-gap, 10px)}.brick-el-table table[data-v-b863b05d]{width:100%;border-collapse:collapse}.brick-el-table th[data-v-b863b05d],.brick-el-table td[data-v-b863b05d]{padding:4px 8px;text-align:left}.brick-el-table th[data-v-b863b05d]{font-weight:700}.brick-el-table--noBorders th[data-v-b863b05d],.brick-el-table--noBorders td[data-v-b863b05d],.brick-el-table--headerLineOnly th[data-v-b863b05d],.brick-el-table--headerLineOnly td[data-v-b863b05d]{border:none}.brick-el-table--headerLineOnly thead tr:last-child th[data-v-b863b05d]{border-bottom:2px solid #333}.brick-el-table--lightHorizontalLines th[data-v-b863b05d],.brick-el-table--lightHorizontalLines td[data-v-b863b05d]{border:none;border-bottom:1px solid #ccc}.brick-el-table--lightHorizontalLines thead tr:last-child th[data-v-b863b05d]{border-bottom:2px solid #333}.brick-el-table--grid th[data-v-b863b05d],.brick-el-table--grid td[data-v-b863b05d]{border:1px solid #333}.brick-el-table--none th[data-v-b863b05d],.brick-el-table--none td[data-v-b863b05d]{border:none}.brick-el-table th[data-v-b863b05d]{background:#0000000a}.brick-table-editor__actions[data-v-4895020c]{display:flex;gap:6px;margin-bottom:8px}.brick-table-editor__btn[data-v-4895020c]{padding:3px 10px;border:1px solid #ddd;border-radius:3px;background:#f5f5f5;font-size:11px;cursor:pointer}.brick-table-editor__btn[data-v-4895020c]:hover{background:#e3f2fd;border-color:#90caf9}.brick-table-editor__grid[data-v-4895020c]{overflow-x:auto}.brick-table-editor__grid table[data-v-4895020c]{border-collapse:collapse;width:100%}.brick-table-editor__corner[data-v-4895020c]{width:32px}.brick-table-editor__col-header[data-v-4895020c],.brick-table-editor__row-header[data-v-4895020c]{font-size:10px;color:#999;font-weight:500;padding:2px 4px;white-space:nowrap;position:relative}.brick-table-editor__col-header[data-v-4895020c]{text-align:center}.brick-table-editor__row-header[data-v-4895020c]{text-align:right;width:32px}.brick-table-editor__remove-btn[data-v-4895020c]{display:inline-block;margin-left:2px;padding:0 3px;border:none;background:none;color:#d32f2f;font-size:10px;cursor:pointer;opacity:.5;vertical-align:middle}.brick-table-editor__remove-btn[data-v-4895020c]:hover{opacity:1}.brick-table-editor__cell[data-v-4895020c]{width:100%;padding:3px 4px;border:1px solid #e0e0e0;border-radius:2px;font-size:11px;box-sizing:border-box}.brick-table-editor__cell[data-v-4895020c]:focus{outline:none;border-color:#1976d2}.brick-el-image[data-v-38184258]{display:inline-block}.brick-el-image img[data-v-38184258]{max-width:100%;display:block}.brick-el-image__placeholder[data-v-38184258]{width:200px;height:150px;background:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.brick-el-list[data-v-8107f859]{padding-left:20px}.brick-el-qr[data-v-f106ba48]{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccc;background:#fafafa;font-size:11px;color:#666;text-align:center;padding:4px;word-break:break-all}.brick-el-svg[data-v-5e9f3319]{display:inline-block;overflow:hidden}.brick-el-svg[data-v-5e9f3319] svg{width:100%;height:100%}.brick-el-canvas[data-v-1b986707]{background:#f8f8f8;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.brick-el-pagebreak[data-v-60c05148]{display:flex;align-items:center;gap:8px;padding:8px 0;color:#999;font-size:11px;text-transform:uppercase;letter-spacing:1px}.brick-el-pagebreak hr[data-v-60c05148]{flex:1;border:none;border-top:2px dashed #ccc}.brick-dropzone[data-v-c33d3667]{min-height:40px}.brick-dropzone--horizontal[data-v-c33d3667]{display:flex;flex-direction:row}.brick-dropzone--horizontal[data-v-c33d3667]>*{flex:1;min-width:0}.brick-dropzone__empty[data-v-c33d3667]{padding:16px;border:2px dashed #ddd;border-radius:4px;color:#aaa;text-align:center;font-size:13px}.brick-canvas-element[data-v-6b9cadc1]{position:relative;cursor:pointer;transition:outline .15s}.brick-canvas-element[data-v-6b9cadc1]:hover{outline:1px dashed #90caf9}.brick-canvas-element--selected[data-v-6b9cadc1]{outline:2px solid #1976d2!important}.brick-canvas-element__unknown[data-v-6b9cadc1]{padding:8px;background:#fff3e0;border:1px dashed #ff9800;color:#e65100;font-size:12px}.brick-resize-handle[data-v-6b9cadc1]{position:absolute;z-index:10;background:#1976d2}.brick-resize-handle--e[data-v-6b9cadc1]{top:0;right:-3px;width:6px;height:100%;cursor:ew-resize;opacity:0;transition:opacity .15s}.brick-resize-handle--s[data-v-6b9cadc1]{bottom:-3px;left:0;width:100%;height:6px;cursor:ns-resize;opacity:0;transition:opacity .15s}.brick-resize-handle--se[data-v-6b9cadc1]{bottom:-4px;right:-4px;width:10px;height:10px;cursor:nwse-resize;border-radius:2px;opacity:.8}.brick-canvas-element--selected .brick-resize-handle--e[data-v-6b9cadc1],.brick-canvas-element--selected .brick-resize-handle--s[data-v-6b9cadc1]{opacity:.3}.brick-resize-handle--e[data-v-6b9cadc1]:hover,.brick-resize-handle--s[data-v-6b9cadc1]:hover,.brick-resize-handle--se[data-v-6b9cadc1]:hover{opacity:1!important}.brick-doc-bar[data-v-f05c1083]{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#fafafa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.brick-doc-bar__field[data-v-f05c1083]{display:flex;align-items:center;gap:4px}.brick-doc-bar__field label[data-v-f05c1083]{font-size:11px;font-weight:500;color:#666;white-space:nowrap}.brick-doc-bar__field select[data-v-f05c1083],.brick-doc-bar__field input[data-v-f05c1083]{padding:3px 6px;border:1px solid #ddd;border-radius:3px;font-size:11px;background:#fff}.brick-doc-bar__field select[data-v-f05c1083]{min-width:70px}.brick-doc-bar__field input[type=number][data-v-f05c1083]{width:50px;text-align:center}.brick-doc-bar__margins[data-v-f05c1083]{display:flex;gap:2px}.brick-doc-bar__margins input[data-v-f05c1083]{width:36px;padding:3px 2px;text-align:center;border:1px solid #ddd;border-radius:3px;font-size:11px}.brick-canvas[data-v-f40597a5]{flex:1;display:flex;flex-direction:column;overflow:hidden}.brick-canvas__scroll[data-v-f40597a5]{flex:1;overflow:auto;padding:24px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.brick-canvas__page[data-v-f40597a5]{position:relative;flex-shrink:0;display:flex;flex-direction:column;transition:width .2s,min-height .2s;margin:0 auto;border-radius:2px;box-shadow:0 2px 8px #00000026;background:#fff;--gap: 28px;--slice: calc(var(--page-height) + var(--gap));--content-start: var(--margin-top);--content-end: calc(var(--page-height) - var(--margin-bottom))}.brick-canvas__page[data-v-f40597a5]:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.2;background:repeating-linear-gradient(to right,#000 0px 5px,#fff 5px 10px),repeating-linear-gradient(to bottom,white 0px,white calc(var(--content-start) - 1px),black calc(var(--content-start) - 1px),black var(--content-start),white var(--content-start),white var(--content-end),black var(--content-end),black calc(var(--content-end) + 1px),white calc(var(--content-end) + 1px),white var(--slice));background-blend-mode:screen}.brick-canvas__page[data-v-f40597a5]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0px,transparent calc(var(--page-height) - 1px),rgba(0,0,0,.08) calc(var(--page-height) - 1px),rgba(0,0,0,.03) calc(var(--page-height) + 4px),transparent calc(var(--page-height) + 4px),transparent var(--slice)),repeating-linear-gradient(to bottom,transparent 0px,transparent calc(var(--page-height) + var(--gap) - 4px),rgba(0,0,0,.03) calc(var(--page-height) + var(--gap) - 4px),rgba(0,0,0,.08) calc(var(--page-height) + var(--gap) - 1px),transparent calc(var(--page-height) + var(--gap) - 1px),transparent var(--slice)),repeating-linear-gradient(to bottom,transparent 0px,transparent var(--page-height),#e8e8e8 var(--page-height),#e8e8e8 var(--slice))}.brick-canvas__page[data-v-f40597a5]>.brick-dropzone{flex:1}.brick-element-list[data-v-d86ebba4]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.brick-element-list__item[data-v-d86ebba4]{display:flex;align-items:center;gap:6px;padding:8px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:grab;font-size:12px;-webkit-user-select:none;user-select:none;transition:background .15s,box-shadow .15s}.brick-element-list__item[data-v-d86ebba4]:hover{background:#e3f2fd;border-color:#90caf9}.brick-element-list__item[data-v-d86ebba4]:active{cursor:grabbing}.brick-element-list__icon[data-v-d86ebba4]{font-size:16px;width:20px;text-align:center}.brick-element-list__label[data-v-d86ebba4]{font-weight:500}.brick-field[data-v-e5d6e8b6]{margin-bottom:8px}.brick-field__label[data-v-e5d6e8b6]{display:block;font-size:11px;font-weight:500;color:#666;margin-bottom:3px}.brick-field__input[data-v-e5d6e8b6],.brick-field__textarea[data-v-e5d6e8b6],.brick-field__select[data-v-e5d6e8b6]{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:3px;font-size:12px;box-sizing:border-box}.brick-field__input[data-v-e5d6e8b6]:focus,.brick-field__textarea[data-v-e5d6e8b6]:focus,.brick-field__select[data-v-e5d6e8b6]:focus{outline:none;border-color:#1976d2}.brick-field__textarea[data-v-e5d6e8b6]{resize:vertical;font-family:inherit}.brick-field__color[data-v-e5d6e8b6]{width:100%;height:28px;padding:0;border:1px solid #ddd;border-radius:3px;cursor:pointer}.brick-field__toggle[data-v-e5d6e8b6]{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.brick-field__margin[data-v-e5d6e8b6]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}.brick-field__margin-input[data-v-e5d6e8b6]{width:100%;padding:4px;border:1px solid #ddd;border-radius:3px;font-size:11px;text-align:center;box-sizing:border-box}.brick-field__slider[data-v-e5d6e8b6]{display:flex;align-items:center;gap:8px}.brick-field__slider input[type=range][data-v-e5d6e8b6]{flex:1}.brick-field__slider-value[data-v-e5d6e8b6]{font-size:11px;min-width:30px;text-align:right}.brick-field__file[data-v-e5d6e8b6]{font-size:11px}.brick-property-editor__type[data-v-4d129dac]{font-weight:600;font-size:13px;padding:4px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px}.brick-property-editor__group[data-v-4d129dac]{margin-bottom:12px}.brick-property-editor__group-title[data-v-4d129dac]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:6px}.brick-toolbar[data-v-5bf5f6ab]{width:280px;background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;flex-shrink:0}.brick-toolbar__section[data-v-5bf5f6ab]{border-bottom:1px solid #eee;padding:12px}.brick-toolbar__title[data-v-5bf5f6ab]{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.brick-actionbar[data-v-be915a0f]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-bottom:1px solid #e0e0e0;gap:12px}.brick-actionbar__group[data-v-be915a0f]{display:flex;gap:6px;align-items:center}.brick-actionbar__name[data-v-be915a0f]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:500;width:200px;outline:none;transition:border-color .15s}.brick-actionbar__name[data-v-be915a0f]:focus{border-color:#1976d2}.brick-actionbar__btn[data-v-be915a0f]{padding:6px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.brick-actionbar__btn[data-v-be915a0f]:hover:not(:disabled){background:#e0e0e0}.brick-actionbar__btn[data-v-be915a0f]:disabled{opacity:.4;cursor:not-allowed}.brick-actionbar__btn--primary[data-v-be915a0f]{background:#1976d2;color:#fff;border-color:#1565c0}.brick-actionbar__btn--primary[data-v-be915a0f]:hover:not(:disabled){background:#1565c0}.brick-actionbar__btn--danger[data-v-be915a0f]{background:#fff;color:#d32f2f;border-color:#d32f2f}.brick-actionbar__btn--danger[data-v-be915a0f]:hover:not(:disabled){background:#d32f2f;color:#fff}.brick-pdf[data-v-f9b95ad8]{display:flex;flex-direction:column;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#333;background:#f5f5f5}.brick-pdf__workspace[data-v-f9b95ad8]{display:flex;flex:1;overflow:hidden}