/** * 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