photon-grid-core 0.0.2 → 1.0.0

package/styles/base/context-menu.css.js

@@ -0,0 +1,103 @@
+/**
+ * Photon Grid base styles — context-menu section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const contextMenuCss = `/* ─── Context menu ─── */
+.pg-context-menu {
+  position: fixed;
+  z-index: 999999;
+  display: none;
+  min-width: 192px;
+  padding: 4px 0;
+  background: var(--pg-colors-surface, #fff);
+  border: 1px solid var(--pg-colors-border, #e2e8f0);
+  border-radius: var(--pg-borders-radius-md, 6px);
+  box-shadow: var(--pg-shadows-dropdown, 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.07));
+  font-family: var(--pg-typography-font-family, system-ui, sans-serif);
+  font-size: var(--pg-typography-font-size-md, 13px);
+}
+.pg-context-menu--visible { display: block; }
+.pg-context-menu__item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 7px 14px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  text-align: left;
+  color: var(--pg-colors-text-primary, #0f172a);
+  gap: 0;
+  transition: background 80ms;
+}
+.pg-context-menu__item:hover { background: var(--pg-colors-background-alt, #f1f5f9); }
+.pg-context-menu__item:active { background: var(--pg-colors-border, #e2e8f0); }
+.pg-context-menu__label { flex: 1; }
+.pg-context-menu__kbd {
+  font-size: var(--pg-typography-font-size-sm, 11px);
+  color: var(--pg-colors-text-disabled, #94a3b8);
+  letter-spacing: 0.01em;
+}
+.pg-context-menu__sep {
+  margin: 4px 0;
+  border-top: 1px solid var(--pg-colors-border-ctxt-menu, #e2e8f0);
+  background: var(--pg-colors-border, #e2e8f0);
+}
+
+.pg-cell__inner {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 0 12px;
+  overflow: hidden;
+}
+.pg-cell__value {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: var(--pg-typography-line-height-base, 1.5);
+}
+.pg-cell--checkbox {
+  width: 44px;
+  min-width: 44px;
+  max-width: 44px;
+  justify-content: center;
+  flex-shrink: 0;
+  border-right: 1px solid var(--pg-colors-border, #e2e8f0);
+}
+.pg-cell--serial {
+  width: 52px;
+  min-width: 52px;
+  max-width: 52px;
+  justify-content: center;
+  flex-shrink: 0;
+  border-right: 1px solid var(--pg-colors-border, #e2e8f0);
+  color: var(--pg-colors-text-secondary, #475569);
+  font-size: var(--pg-typography-font-size-sm, 12px);
+}
+.pg-cell__serial { font-variant-numeric: tabular-nums; }
+.pg-cell--bool-true { color: var(--pg-colors-success, #16a34a); }
+.pg-cell--bool-false { color: var(--pg-colors-text-disabled, #94a3b8); }
+.pg-cell__image { border-radius: var(--pg-borders-radius-sm, 4px); object-fit: cover; }
+.pg-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: var(--pg-borders-radius-pill, 9999px);
+  font-size: var(--pg-typography-font-size-xs, 11px);
+  font-weight: var(--pg-typography-font-weight-medium, 500);
+  white-space: nowrap;
+}
+.pg-cell--range-selected { background: var(--pg-colors-selection-background, rgba(37,99,235,0.08)); }
+.pg-cell--editing { padding: 0;border-radius: 4px }
+.pg-cell--editing .pg-cell__inner { padding: 0; overflow: visible; }
+.pg-selection-canvas { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 10; }
+
+`;
+//# sourceMappingURL=context-menu.css.js.map

package/styles/base/context-menu.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.css.js","sourceRoot":"","sources":["../../../src/styles/base/context-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8F7B,CAAC"}

package/styles/base/editors.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — editors section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const editorsCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Editors \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-editor {\n  width: 100%;\n  height: 100%;\n  padding: 0 12px;\n  border: none;\n  outline: none;\n  font-size: inherit;\n  font-family: inherit;\n  background: var(--pg-colors-cell-edit-background, #fff);\n  color: inherit;\n  box-sizing: border-box;\n}\n.pg-editor:focus { outline: none; box-shadow: inset 0 0 0 2px var(--pg-colors-primary, #2563eb); }\n.pg-editor--select { cursor: pointer; padding-right: 8px; }\n.pg-editor--checkbox { width: auto; height: auto; margin: auto; cursor: pointer; }\n\n/* \u2500\u2500 Multi-select (array) editor \u2500\u2500 */\n.pg-editor--multiselect {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0;\n  cursor: pointer;\n  background: var(--pg-colors-cell-edit-background, #fff);\n}\n.pg-editor__ms-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 0 8px 0 12px;\n  user-select: none;\n  gap: 6px;\n}\n.pg-editor__ms-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: inherit;\n  color: inherit;\n}\n.pg-editor__ms-arrow {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pg-colors-text-secondary, #64748b);\n}\n.pg-editor__ms-arrow::after {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid currentColor;\n}\n.pg-editor__ms-panel {\n  display: none;\n  position: absolute;\n  top: calc(100% + 2px);\n  left: 0;\n  min-width: 100%;\n  max-height: 220px;\n  overflow-y: auto;\n  background: var(--pg-colors-surface, #fff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: 6px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);\n  z-index: 9999;\n  padding: 4px;\n}\n.pg-editor__ms-panel--open { display: block; }\n.pg-editor__ms-option {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background 80ms;\n  font-size: inherit;\n  font-family: inherit;\n  color: var(--pg-colors-text-primary, #0f172a);\n}\n.pg-editor__ms-option:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-editor__ms-check {\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n  accent-color: var(--pg-colors-primary, #2563eb);\n}\n.pg-editor__ms-label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* \u2500\u2500 Custom dropdown editor \u2500\u2500 */\n.pg-dropdown-editor__trigger {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 6px 0 12px;\n  gap: 6px;\n  cursor: default;\n}\n.pg-dropdown-editor__trigger-label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: inherit;\n  color: inherit;\n}\n.pg-dropdown-editor__arrow {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pg-colors-text-secondary, #64748b);\n}\n.pg-dropdown-editor__arrow::after {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: 4px solid transparent;\n  border-right: 4px solid transparent;\n  border-top: 5px solid currentColor;\n}\n/* Panel \u2014 position:fixed, appended to document.body */\n.pg-dropdown-editor__panel {\n  position: fixed;\n  z-index: 99999;\n  background: var(--pg-colors-surface, #fff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.13), 0 2px 8px rgba(0,0,0,0.07);\n  overflow: hidden;\n  opacity: 0;\n  transform: scaleY(0.94) translateY(-4px);\n  transform-origin: top center;\n  transition: opacity 130ms ease, transform 130ms ease;\n}\n.pg-dropdown-editor__panel--visible {\n  opacity: 1;\n  transform: scaleY(1) translateY(0);\n}\n.pg-dropdown-editor__panel--above {\n  transform-origin: bottom center;\n  transform: scaleY(0.94) translateY(4px);\n}\n.pg-dropdown-editor__panel--above.pg-dropdown-editor__panel--visible {\n  transform: scaleY(1) translateY(0);\n}\n/* Scrollable list */\n.pg-dropdown-editor__scroll {\n  overflow-y: auto;\n  overflow-x: hidden;\n  outline: none;\n}\n.pg-dropdown-editor__scroll::-webkit-scrollbar { width: 5px; }\n.pg-dropdown-editor__scroll::-webkit-scrollbar-track { background: transparent; }\n.pg-dropdown-editor__scroll::-webkit-scrollbar-thumb {\n  background: var(--pg-colors-border, #e2e8f0);\n  border-radius: 3px;\n}\n/* Virtual scroll layout */\n.pg-dropdown-editor__spacer { position: relative; }\n.pg-dropdown-editor__items  { position: absolute; left: 0; right: 0; top: 0; }\n/* Option rows \u2014 height must equal CustomDropdownEditor.ITEM_HEIGHT (34px) */\n.pg-dropdown-editor__option {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 10px;\n  height: 34px;\n  cursor: pointer;\n  transition: background 60ms;\n  color: var(--pg-colors-text-primary, #0f172a);\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n  font-size: 13px;\n}\n.pg-dropdown-editor__option:hover,\n.pg-dropdown-editor__option--highlighted {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n}\n.pg-dropdown-editor__option--selected {\n  background: var(--pg-colors-primary-subtle, #eff6ff);\n  color: var(--pg-colors-primary, #2563eb);\n  font-weight: 500;\n}\n.pg-dropdown-editor__option--selected.pg-dropdown-editor__option--highlighted {\n  background: var(--pg-colors-primary-subtle-hover, #dbeafe);\n}\n/* Icon / image before label */\n.pg-dropdown-editor__opt-icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.pg-dropdown-editor__opt-icon img {\n  width: 20px;\n  height: 20px;\n  object-fit: cover;\n  border-radius: 2px;\n  display: block;\n}\n.pg-dropdown-editor__opt-label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* Checkmark for the currently selected option */\n.pg-dropdown-editor__opt-check {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pg-colors-primary, #2563eb);\n}\n.pg-dropdown-editor__opt-check::after {\n  content: '';\n  display: block;\n  width: 5px;\n  height: 9px;\n  border-right: 2px solid currentColor;\n  border-bottom: 2px solid currentColor;\n  transform: rotate(45deg) translate(-1px, -1px);\n}\n/* Empty state */\n.pg-dropdown-editor__empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 48px;\n  color: var(--pg-colors-text-secondary, #64748b);\n  font-size: 13px;\n  font-family: var(--pg-typography-font-family, system-ui, sans-serif);\n}\n\n/* \u2500\u2500 Array cell tag display \u2500\u2500 */\n.pg-cell__value--tags {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n}\n.pg-badge--overflow {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  color: var(--pg-colors-text-secondary, #64748b);\n  font-size: 10px;\n  flex-shrink: 0;\n}\n\n";
+//# sourceMappingURL=editors.css.d.ts.map

package/styles/base/editors.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editors.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/editors.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,8gPA0RtB,CAAC"}

package/styles/base/editors.css.js

@@ -0,0 +1,291 @@
+/**
+ * Photon Grid base styles — editors section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export const editorsCss = `/* ──────────────────── Editors ──────────────────── */
+.pg-editor {
+  width: 100%;
+  height: 100%;
+  padding: 0 12px;
+  border: none;
+  outline: none;
+  font-size: inherit;
+  font-family: inherit;
+  background: var(--pg-colors-cell-edit-background, #fff);
+  color: inherit;
+  box-sizing: border-box;
+}
+.pg-editor:focus { outline: none; box-shadow: inset 0 0 0 2px var(--pg-colors-primary, #2563eb); }
+.pg-editor--select { cursor: pointer; padding-right: 8px; }
+.pg-editor--checkbox { width: auto; height: auto; margin: auto; cursor: pointer; }
+
+/* ── Multi-select (array) editor ── */
+.pg-editor--multiselect {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding: 0;
+  cursor: pointer;
+  background: var(--pg-colors-cell-edit-background, #fff);
+}
+.pg-editor__ms-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  padding: 0 8px 0 12px;
+  user-select: none;
+  gap: 6px;
+}
+.pg-editor__ms-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: inherit;
+  color: inherit;
+}
+.pg-editor__ms-arrow {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--pg-colors-text-secondary, #64748b);
+}
+.pg-editor__ms-arrow::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 5px solid currentColor;
+}
+.pg-editor__ms-panel {
+  display: none;
+  position: absolute;
+  top: calc(100% + 2px);
+  left: 0;
+  min-width: 100%;
+  max-height: 220px;
+  overflow-y: auto;
+  background: var(--pg-colors-surface, #fff);
+  border: 1px solid var(--pg-colors-border, #e2e8f0);
+  border-radius: 6px;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);
+  z-index: 9999;
+  padding: 4px;
+}
+.pg-editor__ms-panel--open { display: block; }
+.pg-editor__ms-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background 80ms;
+  font-size: inherit;
+  font-family: inherit;
+  color: var(--pg-colors-text-primary, #0f172a);
+}
+.pg-editor__ms-option:hover { background: var(--pg-colors-background-alt, #f1f5f9); }
+.pg-editor__ms-check {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+  accent-color: var(--pg-colors-primary, #2563eb);
+}
+.pg-editor__ms-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ── Custom dropdown editor ── */
+.pg-dropdown-editor__trigger {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 0 6px 0 12px;
+  gap: 6px;
+  cursor: default;
+}
+.pg-dropdown-editor__trigger-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: inherit;
+  color: inherit;
+}
+.pg-dropdown-editor__arrow {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--pg-colors-text-secondary, #64748b);
+}
+.pg-dropdown-editor__arrow::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 5px solid currentColor;
+}
+/* Panel — position:fixed, appended to document.body */
+.pg-dropdown-editor__panel {
+  position: fixed;
+  z-index: 99999;
+  background: var(--pg-colors-surface, #fff);
+  border: 1px solid var(--pg-colors-border, #e2e8f0);
+  border-radius: 8px;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.13), 0 2px 8px rgba(0,0,0,0.07);
+  overflow: hidden;
+  opacity: 0;
+  transform: scaleY(0.94) translateY(-4px);
+  transform-origin: top center;
+  transition: opacity 130ms ease, transform 130ms ease;
+}
+.pg-dropdown-editor__panel--visible {
+  opacity: 1;
+  transform: scaleY(1) translateY(0);
+}
+.pg-dropdown-editor__panel--above {
+  transform-origin: bottom center;
+  transform: scaleY(0.94) translateY(4px);
+}
+.pg-dropdown-editor__panel--above.pg-dropdown-editor__panel--visible {
+  transform: scaleY(1) translateY(0);
+}
+/* Scrollable list */
+.pg-dropdown-editor__scroll {
+  overflow-y: auto;
+  overflow-x: hidden;
+  outline: none;
+}
+.pg-dropdown-editor__scroll::-webkit-scrollbar { width: 5px; }
+.pg-dropdown-editor__scroll::-webkit-scrollbar-track { background: transparent; }
+.pg-dropdown-editor__scroll::-webkit-scrollbar-thumb {
+  background: var(--pg-colors-border, #e2e8f0);
+  border-radius: 3px;
+}
+/* Virtual scroll layout */
+.pg-dropdown-editor__spacer { position: relative; }
+.pg-dropdown-editor__items  { position: absolute; left: 0; right: 0; top: 0; }
+/* Option rows — height must equal CustomDropdownEditor.ITEM_HEIGHT (34px) */
+.pg-dropdown-editor__option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 10px;
+  height: 34px;
+  cursor: pointer;
+  transition: background 60ms;
+  color: var(--pg-colors-text-primary, #0f172a);
+  font-family: var(--pg-typography-font-family, system-ui, sans-serif);
+  font-size: 13px;
+}
+.pg-dropdown-editor__option:hover,
+.pg-dropdown-editor__option--highlighted {
+  background: var(--pg-colors-background-alt, #f1f5f9);
+}
+.pg-dropdown-editor__option--selected {
+  background: var(--pg-colors-primary-subtle, #eff6ff);
+  color: var(--pg-colors-primary, #2563eb);
+  font-weight: 500;
+}
+.pg-dropdown-editor__option--selected.pg-dropdown-editor__option--highlighted {
+  background: var(--pg-colors-primary-subtle-hover, #dbeafe);
+}
+/* Icon / image before label */
+.pg-dropdown-editor__opt-icon {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 3px;
+}
+.pg-dropdown-editor__opt-icon img {
+  width: 20px;
+  height: 20px;
+  object-fit: cover;
+  border-radius: 2px;
+  display: block;
+}
+.pg-dropdown-editor__opt-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* Checkmark for the currently selected option */
+.pg-dropdown-editor__opt-check {
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--pg-colors-primary, #2563eb);
+}
+.pg-dropdown-editor__opt-check::after {
+  content: '';
+  display: block;
+  width: 5px;
+  height: 9px;
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  transform: rotate(45deg) translate(-1px, -1px);
+}
+/* Empty state */
+.pg-dropdown-editor__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--pg-colors-text-secondary, #64748b);
+  font-size: 13px;
+  font-family: var(--pg-typography-font-family, system-ui, sans-serif);
+}
+
+/* ── Array cell tag display ── */
+.pg-cell__value--tags {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+}
+.pg-badge--overflow {
+  background: var(--pg-colors-background-alt, #f1f5f9);
+  color: var(--pg-colors-text-secondary, #64748b);
+  font-size: 10px;
+  flex-shrink: 0;
+}
+
+`;
+//# sourceMappingURL=editors.css.js.map

package/styles/base/editors.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editors.css.js","sourceRoot":"","sources":["../../../src/styles/base/editors.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RzB,CAAC"}

package/styles/base/filter.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Photon Grid base styles — filter section.
+ *
+ * Auto-split from base-styles.ts. Concatenated back (in order) by
+ * base-styles.ts; edit here, not there. Order is preserved because CSS
+ * cascade depends on it.
+ */
+export declare const filterCss = "/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Filter Row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-drag-preview {\n  position: fixed;\n  pointer-events: none;\n  z-index: 99999;\n  display: flex;\n  align-items: center;\n  gap: var(--pg-drag-preview-gap, 8px);\n  padding: var(--pg-drag-preview-padding, 6px 12px);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  box-shadow: var(--pg-shadows-drag-preview, 0 4px 16px rgba(0,0,0,0.18));\n  font-size: var(--pg-typography-font-size-md, 13px);\n  font-weight: var(--pg-typography-font-weight-medium, 500);\n  white-space: nowrap;\n  will-change: transform;\n  background: var(--pg-colors-drag-preview-background, var(--pg-drag-preview-bg, #fff));\n  border: 1px solid var(--pg-colors-drag-preview-border, var(--pg-drag-preview-border, #e0e0e0));\n  color: var(--pg-colors-text-primary, var(--pg-text-primary, #222));\n  top: 0;\n  left: 0;\n  transform: translate(-9999px, -9999px);\n}\n.pg-drag-preview__avatar {\n  width: var(--pg-drag-preview-avatar-size, 24px);\n  height: var(--pg-drag-preview-avatar-size, 24px);\n  background: var(--pg-colors-primary, var(--pg-primary, #2563eb));\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.pg-drag-preview__avatar--circle { border-radius: 50%; }\n.pg-drag-preview__avatar--square { border-radius: var(--pg-borders-radius-sm, 4px); }\n.pg-drag-preview__avatar-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.pg-drag-preview__label {\n  flex: 1;\n  min-width: 0;\n}\n.pg-drag-preview__badge {\n  background: var(--pg-colors-primary, var(--pg-primary, #2563eb));\n  color: var(--pg-colors-primary-contrast, #fff);\n  border-radius: var(--pg-borders-radius-pill, 999px);\n  padding: 1px 7px;\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: var(--pg-typography-font-weight-semi-bold, 600);\n  min-width: 20px;\n  text-align: center;\n}\n\n.pg-filter-cell {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 6px;\n  border-right: 1px solid var(--pg-colors-border, #e2e8f0);\n}\n.pg-filter-cell:last-child { border-right: none; }\n.pg-filter-cell--checkbox {\n  width: 44px;\n  min-width: 44px;\n  max-width: 44px;\n  flex-shrink: 0;\n}\n.pg-filter-cell--serial {\n  width: 52px;\n  min-width: 52px;\n  max-width: 52px;\n  flex-shrink: 0;\n}\n.pg-filter-input {\n  width: 100%;\n  height: 24px;\n  padding: 0 8px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-family: inherit;\n  background: var(--pg-colors-surface, #fff);\n  color: inherit;\n  outline: none;\n  transition: border-color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-input:focus { border-color: var(--pg-colors-border-focus, #2563eb); }\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 Filter Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.pg-filter-panel {\n  position: absolute;\n  z-index: var(--pg-z-index-filter-panel, 200);\n  min-width: 270px;\n  max-width: 320px;\n  width: max-content;\n  background: var(--pg-colors-surface, #fff);\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-md, 6px);\n  box-shadow: var(--pg-shadows-lg, 0 8px 24px rgba(0,0,0,.12));\n  overflow: hidden;\n  font-size: var(--pg-typography-font-size-sm, 13px);\n  color: var(--pg-colors-text, #1e293b);\n  user-select: none;\n}\n\n/* \u2500\u2500 Condition filter \u2500\u2500 */\n.pg-filter-cond-wrap { padding: 10px; display: flex; flex-direction: column; gap: 6px; }\n\n.pg-filter-cond__row { display: flex; flex-direction: column; gap: 4px; }\n.pg-filter-cond__row--hidden { display: none; }\n\n.pg-filter-cond__select {\n  width: 100%;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-text, #1e293b);\n  font-size: inherit;\n  font-family: inherit;\n  cursor: pointer;\n  outline: none;\n  transition: border-color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-cond__select:focus { border-color: var(--pg-colors-border-focus, #2563eb); }\n\n.pg-filter-cond__inputs { display: flex; align-items: center; gap: 4px; }\n.pg-filter-cond__inputs--hidden { display: none; }\n/* Stack inputs vertically in range (Between) mode so the panel never overflows horizontally */\n.pg-filter-cond__inputs--range { flex-direction: column; align-items: stretch; gap: 4px; }\n.pg-filter-cond__inputs--range .pg-filter-cond__range-sep {\n  text-align: center;\n  padding: 2px 0;\n  color: var(--pg-colors-text-secondary, #64748b);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-weight: 500;\n}\n\n.pg-filter-cond__input {\n  flex: 1;\n  height: 30px;\n  padding: 0 8px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-text, #1e293b);\n  font-size: inherit;\n  font-family: inherit;\n  outline: none;\n  padding: 6px;\n  transition: border-color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-cond__input:focus { border-color: var(--pg-colors-border-focus, #2563eb); }\n.pg-filter-cond__input--hidden { display: none; }\n\n.pg-filter-cond__range-sep {\n  flex-shrink: 0;\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  color: var(--pg-colors-text-secondary, #475569);\n  padding: 0 2px;\n}\n.pg-filter-cond__range-sep--hidden { display: none; }\n\n/* \u2500\u2500 Logic toggle row (AND / OR / None) \u2500\u2500 */\n.pg-filter-logic {\n  display: flex;\n  gap: 4px;\n  padding: 4px 0 2px;\n}\n.pg-filter-logic--hidden { display: none; }\n\n.pg-filter-logic__btn {\n  flex: 1;\n  height: 26px;\n  padding: 0 6px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-text-secondary, #475569);\n  font-size: var(--pg-typography-font-size-xs, 11px);\n  font-family: inherit;\n  font-weight: 500;\n  cursor: pointer;\n  text-align: center;\n  transition: background var(--pg-transitions-duration-fast, 100ms),\n              color var(--pg-transitions-duration-fast, 100ms),\n              border-color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-logic__btn:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-filter-logic__btn--active {\n  background: var(--pg-colors-primary, #2563eb);\n  color: #fff;\n  border-color: var(--pg-colors-primary, #2563eb);\n}\n\n/* \u2500\u2500 Set filter (dropdown / array) \u2500\u2500 */\n.pg-filter-set { display: flex; flex-direction: column; }\n\n.pg-filter-set__search {\n  padding: 8px 10px 4px;\n}\n.pg-filter-set__search-input {\n  width: 100%;\n  height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-text, #1e293b);\n  font-size: inherit;\n  font-family: inherit;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-set__search-input:focus { border-color: var(--pg-colors-border-focus, #2563eb); }\n\n.pg-filter-set__divider {\n  height: 1px;\n  background: var(--pg-colors-border, #e2e8f0);\n  margin: 2px 0;\n}\n\n/* Select All item */\n.pg-filter-set__item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: 28px;\n  padding: 0 10px;\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 100ms);\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n.pg-filter-set__item:hover { background: var(--pg-colors-background-alt, #f1f5f9); }\n.pg-filter-set__item--select-all {\n  position: static;\n  font-weight: 500;\n  color: var(--pg-colors-text, #1e293b);\n}\n.pg-filter-set__item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.pg-filter-set__item-label--blank { color: var(--pg-colors-text-disabled, #94a3b8); font-style: italic; }\n\n.pg-filter-set__checkbox {\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n  accent-color: var(--pg-colors-primary, #2563eb);\n}\n\n/* Virtual scroll containers */\n.pg-filter-set__list {\n  overflow-y: auto;\n  overflow-x: hidden;\n  position: relative;\n  scrollbar-width: thin;\n  scrollbar-color: var(--pg-colors-border, #e2e8f0) transparent;\n}\n.pg-filter-set__list::-webkit-scrollbar { width: 6px; }\n.pg-filter-set__list::-webkit-scrollbar-track { background: transparent; }\n.pg-filter-set__list::-webkit-scrollbar-thumb {\n  background: var(--pg-colors-border, #e2e8f0);\n  border-radius: 3px;\n}\n.pg-filter-set__list-inner { position: relative; width: 100%; }\n\n/* \u2500\u2500 Panel footer \u2500\u2500 */\n.pg-filter-panel__footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 8px 10px;\n  // border-top: 1px solid var(--pg-colors-border, #e2e8f0);\n  // background: var(--pg-colors-background, #f8fafc);\n}\n\n.pg-filter-panel__clear-btn {\n  height: 28px;\n  padding: 0 14px;\n  border: 1px solid var(--pg-colors-border, #e2e8f0);\n  border-radius: var(--pg-borders-radius-sm, 4px);\n  background: var(--pg-colors-surface, #fff);\n  color: var(--pg-colors-text-secondary, #475569);\n  font-size: var(--pg-typography-font-size-sm, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  transition: background var(--pg-transitions-duration-fast, 100ms),\n              border-color var(--pg-transitions-duration-fast, 100ms),\n              color var(--pg-transitions-duration-fast, 100ms);\n}\n.pg-filter-panel__clear-btn:hover {\n  background: var(--pg-colors-background-alt, #f1f5f9);\n  border-color: var(--pg-colors-text-secondary, #475569);\n  color: var(--pg-colors-text, #1e293b);\n}\n\n";
+//# sourceMappingURL=filter.css.d.ts.map

package/styles/base/filter.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.css.d.ts","sourceRoot":"","sources":["../../../src/styles/base/filter.css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,8kUA+SrB,CAAC"}