@improba/page-builder 0.1.0

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.
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ .ipb-error-boundary[data-v-c285f22f]{width:100%;padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f}.ipb-error-boundary__message[data-v-c285f22f]{margin:0;font-size:.9rem;line-height:1.4}.ipb-error-boundary__details[data-v-c285f22f]{margin:.5rem 0 0;font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#5f1b1b}.ipb-node-renderer__invalid[data-v-ea251e83]{width:100%;padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f;font-size:.825rem;line-height:1.35}.ipb-page-reader[data-v-2928bf3c]{width:100%;min-height:100%}.ipb-page-reader__invalid[data-v-2928bf3c]{padding:.75rem;border:1px solid #f3d1d1;border-radius:.375rem;background-color:#fff5f5;color:#7a1f1f;font-size:.875rem}.ipb-toolbar[data-v-fa6dcc09]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--ipb-toolbar-bg, #fff);border-bottom:1px solid var(--ipb-border-color, #e0e0e0);flex-shrink:0}.ipb-toolbar__left[data-v-fa6dcc09],.ipb-toolbar__center[data-v-fa6dcc09],.ipb-toolbar__right[data-v-fa6dcc09]{display:flex;align-items:center;gap:8px}.ipb-toolbar__btn[data-v-fa6dcc09]{padding:6px 12px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:transparent;cursor:pointer;font-size:13px;transition:background .15s}.ipb-toolbar__btn[data-v-fa6dcc09]:focus-visible,.ipb-toolbar__size-input[data-v-fa6dcc09]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-toolbar__custom-size[data-v-fa6dcc09]{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding-left:8px;border-left:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-toolbar__size-control[data-v-fa6dcc09]{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ipb-text-secondary, #4b5563)}.ipb-toolbar__size-input[data-v-fa6dcc09]{width:72px;padding:4px 6px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:12px}.ipb-toolbar__viewport-size[data-v-fa6dcc09]{margin-left:8px;color:var(--ipb-text-secondary, #6b7280);font-size:12px;font-variant-numeric:tabular-nums}.ipb-toolbar__btn[data-v-fa6dcc09]:hover:not(:disabled){background:var(--ipb-hover-bg, #f5f5f5)}.ipb-toolbar__btn[data-v-fa6dcc09]:disabled{opacity:.4;cursor:not-allowed}.ipb-toolbar__btn--active[data-v-fa6dcc09]{background:var(--ipb-active-bg, #e8f0fe);border-color:var(--ipb-primary-color, #1a73e8);color:var(--ipb-primary-color, #1a73e8)}.ipb-toolbar__btn--primary[data-v-fa6dcc09]{background:var(--ipb-primary-color, #1a73e8);color:#fff;border-color:var(--ipb-primary-color, #1a73e8)}.ipb-toolbar__btn--primary[data-v-fa6dcc09]:hover{background:var(--ipb-primary-hover, #1557b0)}.ipb-toolbar__dirty-indicator[data-v-fa6dcc09]{color:var(--ipb-warning-color, #f59e0b);font-size:10px}.ipb-tree-panel[data-v-3fdd09e6]{min-width:0}.ipb-tree-panel__list[data-v-3fdd09e6]{display:flex;flex-direction:column;gap:2px}.ipb-tree-panel__row-wrapper[data-v-3fdd09e6]{display:flex;flex-direction:column;gap:0}.ipb-tree-panel__drop-line[data-v-3fdd09e6]{min-height:8px;margin:0 8px;padding:3px 0;flex-shrink:0;display:flex;align-items:center;cursor:default}.ipb-tree-panel__drop-line[data-v-3fdd09e6]:before{content:"";display:block;width:100%;height:2px;border-radius:1px;background:var(--ipb-primary-color, #1d4ed8)}.ipb-tree-panel__item[data-v-3fdd09e6]{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:12px;line-height:1.3}.ipb-tree-panel__item[data-v-3fdd09e6]:hover{background:var(--ipb-hover-bg, #f5f5f5)}.ipb-tree-panel__item[data-v-3fdd09e6]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-tree-panel__item--selected[data-v-3fdd09e6]{background:var(--ipb-primary-soft, rgba(37, 99, 235, .14));color:var(--ipb-primary-color, #1d4ed8)}.ipb-tree-panel__item--readonly[data-v-3fdd09e6]{opacity:.8}.ipb-tree-panel__item--drop-target[data-v-3fdd09e6]{background:var(--ipb-primary-soft, rgba(37, 99, 235, .2));outline:2px dashed var(--ipb-primary-color, #1d4ed8);outline-offset:2px}.ipb-tree-panel__item--draggable[data-v-3fdd09e6]{cursor:grab}.ipb-tree-panel__item--draggable[data-v-3fdd09e6]:active{cursor:grabbing}.ipb-tree-panel__name[data-v-3fdd09e6]{font-weight:500;white-space:nowrap}.ipb-tree-panel__id[data-v-3fdd09e6]{color:var(--ipb-text-muted, #6b7280);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;white-space:nowrap}.ipb-tree-panel__readonly[data-v-3fdd09e6]{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ipb-text-muted, #6b7280);border:1px solid var(--ipb-border-color, #d1d5db);border-radius:3px;padding:1px 4px}.ipb-left-drawer[data-v-32b2016a]{width:48px;background:var(--ipb-drawer-bg, #fff);border-right:1px solid var(--ipb-border-color, #e0e0e0);transition:width .2s ease;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.ipb-left-drawer--open[data-v-32b2016a]{width:260px}.ipb-left-drawer__header[data-v-32b2016a]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-left-drawer__title[data-v-32b2016a]{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipb-left-drawer__toggle[data-v-32b2016a]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:12px;padding:4px}.ipb-left-drawer__toggle[data-v-32b2016a]:focus-visible,.ipb-left-drawer__section-toggle[data-v-32b2016a]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px;border-radius:4px}.ipb-left-drawer__content[data-v-32b2016a]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.ipb-left-drawer__section[data-v-32b2016a]{min-width:0}.ipb-left-drawer__search[data-v-32b2016a]{margin-top:8px;margin-bottom:8px}.ipb-left-drawer__search-input[data-v-32b2016a]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-input-bg, #fff);color:var(--ipb-text-color, #111827);font-size:12px}.ipb-left-drawer__search-input[data-v-32b2016a]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-left-drawer__section--tree[data-v-32b2016a]{padding-top:8px;border-top:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-left-drawer__section-header[data-v-32b2016a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ipb-left-drawer__section-title[data-v-32b2016a]{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ipb-text-muted, #6b7280)}.ipb-left-drawer__section-toggle[data-v-32b2016a]{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:14px;line-height:1}.ipb-left-drawer__category-title[data-v-32b2016a]{font-size:11px;font-weight:600;margin:10px 0 8px}.ipb-left-drawer__component-list[data-v-32b2016a]{display:flex;flex-direction:column;gap:4px}.ipb-left-drawer__component-item[data-v-32b2016a]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;cursor:grab;transition:background .15s;font-size:13px;width:100%;border:0;background:transparent;color:inherit;text-align:left}.ipb-left-drawer__component-item[data-v-32b2016a]:hover{background:var(--ipb-hover-bg, #f5f5f5)}.ipb-left-drawer__component-item[data-v-32b2016a]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-left-drawer__component-icon[data-v-32b2016a]{font-size:16px;width:24px;text-align:center}.ipb-left-drawer__empty[data-v-32b2016a]{margin:8px 0 0;font-size:12px;color:var(--ipb-text-muted, #6b7280)}.ipb-prop-editor[data-v-85eee1e0]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor[data-v-85eee1e0]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor[data-v-5ad594ed]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor[data-v-5ad594ed]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor--boolean[data-v-264db8de]{display:inline-flex;align-items:center;gap:8px;font-size:13px;-webkit-user-select:none;user-select:none}.ipb-prop-editor--boolean input[data-v-264db8de]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:2px}.ipb-prop-editor[data-v-565c4e19]{width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box;background:var(--ipb-drawer-bg, #fff)}.ipb-prop-editor[data-v-565c4e19]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-prop-editor--color[data-v-57860a2c]{display:flex;align-items:center;gap:8px}.ipb-prop-editor__picker[data-v-57860a2c]{width:40px;height:32px;padding:2px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-drawer-bg, #fff)}.ipb-prop-editor__text[data-v-57860a2c]{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-prop-editor__picker[data-v-57860a2c]:focus-visible,.ipb-prop-editor__text[data-v-57860a2c]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-richtext-editor[data-v-3bf126f9]{border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;overflow:hidden}.ipb-richtext-editor__toolbar[data-v-3bf126f9]{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0);background:var(--ipb-surface-muted, #f8fafc)}.ipb-richtext-editor__toolbar button[data-v-3bf126f9]{min-width:30px;height:28px;padding:0 8px;border:1px solid var(--ipb-border-color, #d1d5db);border-radius:4px;background:var(--ipb-drawer-bg, #fff);cursor:pointer;font-size:12px}.ipb-richtext-editor__toolbar button[data-v-3bf126f9]:hover{background:var(--ipb-surface-hover, #f3f4f6)}.ipb-richtext-editor__toolbar button[data-v-3bf126f9]:focus-visible,.ipb-richtext-editor__content[data-v-3bf126f9]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-richtext-editor__content[data-v-3bf126f9]{min-height:120px;padding:8px;font-size:13px;line-height:1.5;outline:none}.ipb-richtext-editor__content[data-v-3bf126f9]:empty:before{content:attr(data-placeholder);color:var(--ipb-text-muted, #9ca3af);pointer-events:none}.ipb-media-picker[data-v-68f678e9]{display:flex;flex-direction:column;gap:8px}.ipb-media-picker__controls[data-v-68f678e9]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.ipb-media-picker__input[data-v-68f678e9]{min-width:0;width:100%;padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;font-size:13px;box-sizing:border-box}.ipb-media-picker__btn[data-v-68f678e9]{padding:6px 8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:var(--ipb-drawer-bg, #fff);cursor:pointer;font-size:12px}.ipb-media-picker__input[data-v-68f678e9]:focus-visible,.ipb-media-picker__btn[data-v-68f678e9]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-media-picker__btn[data-v-68f678e9]:disabled{opacity:.5;cursor:not-allowed}.ipb-media-picker__preview[data-v-68f678e9]{border:1px dashed var(--ipb-border-color, #e0e0e0);border-radius:4px;padding:6px;min-height:88px;display:flex;align-items:center;justify-content:center;background:var(--ipb-bg-subtle, #fafafa)}.ipb-media-picker__image[data-v-68f678e9]{max-width:100%;max-height:140px;object-fit:contain;display:block}.ipb-media-picker__empty[data-v-68f678e9]{margin:0;font-size:12px;color:var(--ipb-text-muted, #6b7280);text-align:center}.ipb-right-drawer[data-v-77af2668]{width:48px;background:var(--ipb-drawer-bg, #fff);border-left:1px solid var(--ipb-border-color, #e0e0e0);transition:width .2s ease;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.ipb-right-drawer--open[data-v-77af2668]{width:320px}.ipb-right-drawer__header[data-v-77af2668]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px;border-bottom:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-right-drawer__title[data-v-77af2668]{font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipb-right-drawer__toggle[data-v-77af2668]{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:12px;padding:4px}.ipb-right-drawer__toggle[data-v-77af2668]:focus-visible,.ipb-right-drawer__btn[data-v-77af2668]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:1px}.ipb-right-drawer__content[data-v-77af2668]{flex:1;overflow-y:auto;padding:16px}.ipb-right-drawer__section[data-v-77af2668]{margin-bottom:20px}.ipb-right-drawer__section-title[data-v-77af2668]{font-size:16px;font-weight:600;margin:0 0 4px}.ipb-right-drawer__section-subtitle[data-v-77af2668]{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ipb-text-muted, #6b7280);margin:0 0 12px}.ipb-right-drawer__description[data-v-77af2668]{font-size:13px;color:var(--ipb-text-muted, #6b7280);margin:0}.ipb-right-drawer__prop[data-v-77af2668]{margin-bottom:12px}.ipb-right-drawer__prop-label[data-v-77af2668]{display:block;font-size:12px;font-weight:500;margin-bottom:4px}.ipb-right-drawer__prop-editor[data-v-77af2668]{width:100%}.ipb-right-drawer__actions[data-v-77af2668]{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--ipb-border-color, #e0e0e0)}.ipb-right-drawer__btn[data-v-77af2668]{flex:1;padding:8px;border:1px solid var(--ipb-border-color, #e0e0e0);border-radius:4px;background:transparent;cursor:pointer;font-size:13px}.ipb-right-drawer__btn--danger[data-v-77af2668]{color:var(--ipb-danger-color, #dc2626);border-color:var(--ipb-danger-color, #dc2626)}.ipb-right-drawer__btn--danger[data-v-77af2668]:disabled{opacity:.4;cursor:not-allowed}.ipb-right-drawer__empty[data-v-77af2668]{padding:24px 16px;text-align:center;color:var(--ipb-text-muted, #6b7280);font-size:13px}.ipb-node-context-menu[data-v-89c3623e]{position:absolute;z-index:30;display:flex;flex-direction:column;min-width:148px;padding:6px;border:1px solid var(--ipb-border-color, #d1d5db);border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a29}.ipb-node-context-menu__item[data-v-89c3623e]{border:0;border-radius:6px;background:transparent;color:var(--ipb-text-color, #111827);font-size:13px;line-height:1.4;text-align:left;padding:7px 10px;cursor:pointer}.ipb-node-context-menu__item[data-v-89c3623e]:hover:not(:disabled){background:#3b82f61a}.ipb-node-context-menu__item[data-v-89c3623e]:focus-visible{outline:2px solid var(--ipb-focus-color, #2563eb);outline-offset:-1px}.ipb-node-context-menu__item--danger[data-v-89c3623e]{color:var(--ipb-danger-color, #dc2626)}.ipb-node-context-menu__item[data-v-89c3623e]:disabled{opacity:.45;cursor:not-allowed}.ipb-canvas[data-v-11905b62]{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background:var(--ipb-canvas-bg, #e5e7eb)}.ipb-canvas__viewport[data-v-11905b62]{position:relative;flex:0 0 auto;background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f;border-radius:4px;overflow:hidden;transition:width .2s ease,height .2s ease}.ipb-iframe-canvas__stage[data-v-11905b62]{position:relative;width:100%;height:100%;background:#fff}.ipb-iframe-canvas__frame[data-v-11905b62]{width:100%;height:100%;border:0;display:block;background:#fff}.ipb-iframe-canvas__fallback[data-v-11905b62]{position:relative;width:100%;height:100%;background:#fff}.ipb-canvas__overlay[data-v-11905b62]{position:absolute;pointer-events:none;border-radius:4px;box-sizing:border-box}.ipb-canvas__overlay--hovered[data-v-11905b62]{border:1px dashed rgba(59,130,246,.75);background:#3b82f614;z-index:10}.ipb-canvas__overlay--drop[data-v-11905b62]{border:2px dashed rgba(16,185,129,.9);background:#10b98124;z-index:12}.ipb-canvas__overlay--selected[data-v-11905b62]{border:2px solid rgba(37,99,235,.95);background:#2563eb24;box-shadow:0 0 0 1px #ffffffd9 inset;z-index:11}.ipb-page-editor[data-v-0589f51d]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--ipb-editor-bg, #f0f2f5)}.ipb-page-editor__body[data-v-0589f51d]{display:flex;flex:1;overflow:hidden}.ipb-page-builder__warning[data-v-4b06ebe0]{margin-bottom:.5rem;padding:.625rem .75rem;border:1px solid #f8d7a8;border-radius:.375rem;background-color:#fff8ec;color:#7d4a00;font-size:.875rem}