@owp/core 2.5.25 → 2.5.27

package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeGridTheme.js","sources":["../../../../src/components/OwpTreeGrid/internal/treeGridTheme.ts"],"sourcesContent":["import {\n  TREEGRID_CELL_CHANGED_CLASS,\n  TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT,\n  TREEGRID_FONT_FAMILY_STACK,\n} from '@/constants/treeGrid';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\nimport type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';\nimport type { CSSProperties } from 'react';\n\ntype TreeGridThemeCssVariableName =\n  | '--owp-tree-grid-body-background-color'\n  | '--owp-tree-grid-body-color'\n  | '--owp-tree-grid-body-fill-background-color'\n  | '--owp-tree-grid-row-background-color'\n  | '--owp-tree-grid-row-solid-background-color'\n  | '--owp-tree-grid-toolbar-row-background-color'\n  | '--owp-tree-grid-header-background-color'\n  | '--owp-tree-grid-header-color'\n  | '--owp-tree-grid-header-font-size'\n  | '--owp-tree-grid-header-font-weight'\n  | '--owp-tree-grid-cell-font-size'\n  | '--owp-tree-grid-hover-row-background-color'\n  | '--owp-tree-grid-hover-row-border-color'\n  | '--owp-tree-grid-selected-cell-background-color'\n  | '--owp-tree-grid-selected-row-background-color'\n  | '--owp-tree-grid-focused-row-background-color'\n  | '--owp-tree-grid-focused-row-border-color'\n  | '--owp-tree-grid-hover-cell-background-color'\n  | '--owp-tree-grid-hover-cell-border-color'\n  | '--owp-tree-grid-focused-cell-background-color'\n  | '--owp-tree-grid-focused-cell-border-color'\n  | '--owp-tree-grid-editing-cell-border-color'\n  | '--owp-tree-grid-focused-cell-rect-background-color'\n  | '--owp-tree-grid-changed-background-color'\n  | '--owp-tree-grid-changed-text-color'\n  | '--owp-tree-grid-changed-font-weight'\n  | '--owp-tree-grid-table-border-radius';\n\ntype TreeGridLayoutDimensionValue = string | number;\n\ntype TreeGridOptionalThemeVariableResolver = {\n  cssVariableName: TreeGridThemeCssVariableName;\n  getValue: (gridThemeConfig?: OwpGridThemeConfigType | null) => string | undefined;\n};\n\ntype TreeGridResolvedThemeVariableResolver = {\n  cssVariableName: TreeGridThemeCssVariableName;\n  getValue: (treeGridTheme: OwpResolvedGridThemeConfigType) => string;\n};\n\nexport type TreeGridThemeContainerStyle = CSSProperties &\n  Partial<Record<TreeGridThemeCssVariableName, string>>;\n\nexport const TREE_GRID_THEME_WRAPPER_CLASS = 'owp-tree-grid-theme';\nexport const TREE_GRID_THEME_TABLE_RADIUS_CLASS = 'owp-tree-grid-table-radius';\n\nconst TREE_GRID_STYLE_PREFIXES = [\n  'TS',\n  'TW',\n  'TB',\n  'TM',\n  'TT',\n  'CF',\n  'CL',\n  'CO',\n  'CG',\n  'CB',\n  'CQ',\n  'CE',\n  'CS',\n  'CR',\n  'CP',\n  'CC',\n] as const;\n\nconst TREE_GRID_TABLE_RADIUS_BORDER_COLOR = '#CDD8E4';\nconst TREE_GRID_TABLE_RADIUS_BORDER_WIDTH = '1px';\nconst TREE_GRID_TABLE_RADIUS_CSS_VAR = `var(--owp-tree-grid-table-border-radius, ${DEFAULT_TABLE_RADIUS})`;\nconst TREE_GRID_DEFAULT_ICON_COLOR = '#757575';\n\nconst TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS = [\n  {\n    cssVariableName: '--owp-tree-grid-body-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-body-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-body-fill-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.fillBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.row?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-row-solid-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.row?.solidBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-row-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverRowBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-selected-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.selectedRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-selected-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.selectedCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-row-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedRowBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-editing-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.editingCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-rect-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellRectBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.changed?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-text-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.changed?.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-font-weight',\n    getValue: (gridThemeConfig) =>\n      gridThemeConfig?.changed?.fontWeight === undefined\n        ? undefined\n        : String(gridThemeConfig.changed.fontWeight),\n  },\n] as const satisfies readonly TreeGridOptionalThemeVariableResolver[];\n\nconst TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS = [\n  {\n    cssVariableName: '--owp-tree-grid-header-background-color',\n    getValue: (treeGridTheme) => treeGridTheme.header.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-color',\n    getValue: (treeGridTheme) => treeGridTheme.header.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-font-size',\n    getValue: (treeGridTheme) => toTreeGridCssValue(treeGridTheme.header.fontSize),\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-font-weight',\n    getValue: (treeGridTheme) => String(treeGridTheme.header.fontWeight),\n  },\n  {\n    cssVariableName: '--owp-tree-grid-cell-font-size',\n    getValue: (treeGridTheme) => toTreeGridCssValue(treeGridTheme.cell.fontSize),\n  },\n] as const satisfies readonly TreeGridResolvedThemeVariableResolver[];\n\nconst createTreeGridBackgroundColorStyle = (cssVariableName: TreeGridThemeCssVariableName, fallbackColor: string) => ({\n  backgroundColor: `var(${cssVariableName}, ${fallbackColor}) !important`,\n});\n\nconst createTreeGridOptionalBackgroundColorStyle = (cssVariableName: TreeGridThemeCssVariableName) => ({\n  backgroundColor: `var(${cssVariableName}) !important`,\n});\n\nconst createTreeGridSelectors = ({\n  rowSuffix,\n  suffixes,\n  descendant = '',\n  withChildren = false,\n}: {\n  rowSuffix?: string;\n  suffixes: readonly string[];\n  descendant?: string;\n  withChildren?: boolean;\n}) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    return suffixes.flatMap((suffix) => {\n      const wrapperSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS}`;\n      const rowSelector = rowSuffix ? ` .${prefix}${rowSuffix}` : '';\n      const selector = `${wrapperSelector}${rowSelector} .${prefix}${suffix}${descendant}`;\n\n      return withChildren ? [selector, `${selector} *`] : [selector];\n    });\n  }).join(', ');\n};\n\nconst createTreeGridNestedSelectors = ({\n  ancestorSuffixes,\n  suffixes,\n  descendant = '',\n}: {\n  ancestorSuffixes: readonly string[];\n  suffixes: readonly string[];\n  descendant?: string;\n}) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    return ancestorSuffixes.flatMap((ancestorSuffix) => {\n      return suffixes.map((suffix) => {\n        return `.${TREE_GRID_THEME_WRAPPER_CLASS} .${prefix}${ancestorSuffix} .${prefix}${suffix}${descendant}`;\n      });\n    });\n  }).join(', ');\n};\n\nconst treeGridBodyTypographySelector = createTreeGridSelectors({\n  suffixes: ['Main'],\n  withChildren: true,\n});\n\nconst treeGridBodyRootSelector = createTreeGridSelectors({\n  suffixes: ['Main'],\n});\n\nconst treeGridBodyReadonlyTypographySelector = createTreeGridSelectors({\n  suffixes: ['ClassReadOnly'],\n  withChildren: true,\n});\n\nconst treeGridBodySurfaceSelector = createTreeGridSelectors({\n  suffixes: ['MainTable'],\n});\n\nconst treeGridTableRadiusWrapperSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS}`;\n\nconst treeGridTableRadiusSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}MainTable`;\n}).join(', ');\n\nconst treeGridTableRadiusTopBorderSelector = `${treeGridTableRadiusWrapperSelector}::before`;\n\nconst treeGridToolbarTopBorderSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow`;\n}).join(', ');\n\nconst treeGridToolbarTopBorderRadiusSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow::before`;\n}).join(', ');\n\nconst treeGridToolbarTopBorderCornerMaskSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow::after`;\n}).join(', ');\n\nconst treeGridFillRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['FillRow'],\n});\n\nconst treeGridSolidRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['SolidRow'],\n});\n\nconst treeGridToolbarSolidRowSurfaceSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS} .${prefix}ToolbarRow.${prefix}SolidRow`;\n}).join(', ');\n\nconst treeGridCellDefaultSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorDefault'],\n});\n\nconst treeGridRowDefaultSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorDefaultRow'],\n});\n\nconst treeGridHeaderTypographySelector = createTreeGridSelectors({\n  rowSuffix: 'HeaderRow',\n  suffixes: ['CellHeader', 'CellIndex', 'GanttHeaderBase', 'LevelButton'],\n  withChildren: true,\n});\n\nconst treeGridHeaderSurfaceSelector = createTreeGridSelectors({\n  rowSuffix: 'HeaderRow',\n  suffixes: [\n    'CellHeader',\n    'CellIndex',\n    'EditHeaderInput',\n    'EditHeaderTextarea',\n    'ColorFocusedCellHeader',\n    'ColorHoveredCellHeader',\n    'ColorHoveredCellIndex',\n    'HeaderFocus',\n    'HeaderDrag',\n  ],\n});\n\nconst treeGridHoverRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHovered'],\n});\n\nconst treeGridHoverRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredRow'],\n});\n\nconst treeGridHoverRowBorderSelector = createTreeGridSelectors({\n  suffixes: ['HoverRowBorder'],\n});\n\nconst treeGridSelectedSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelected', 'ColorSelectedCell'],\n});\n\nconst treeGridSelectedSurfaceDescendantSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelected', 'ColorSelectedCell'],\n  descendant: ' *',\n});\n\nconst treeGridSelectedRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelectedRow'],\n});\n\nconst treeGridFocusedRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocused'],\n});\n\nconst treeGridFocusedRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedRow'],\n});\n\nconst treeGridFocusedRowBorderSelector = createTreeGridSelectors({\n  suffixes: ['FocusRowBorder'],\n});\n\nconst treeGridHoverCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCell', 'ColorHoveredCellIndex'],\n});\n\nconst treeGridHoverCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['HoverCellBorder'],\n});\n\nconst treeGridHoverCellMutedSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCellReadOnly', 'ColorHoveredCellNoFocus'],\n});\n\nconst treeGridHoverCellMutedSurfaceDescendantSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCellReadOnly', 'ColorHoveredCellNoFocus'],\n  descendant: ' *',\n});\n\nconst treeGridHoverPreviewCellSurfaceSelector = createTreeGridNestedSelectors({\n  ancestorSuffixes: ['HoverCellBorder'],\n  suffixes: ['ColorPreview', 'ColorPreviewDynamic', 'ColorViewedCell'],\n});\n\nconst treeGridHoverCellExtendedSurfaceSelector = createTreeGridSelectors({\n  suffixes: [\n    'ColorHoveredCellSpace',\n    'ColorHoveredCellSpaceEdit',\n    'ColorHoveredCellSpaceDefaults',\n    'ColorHoveredCellSpaceBool0',\n    'ColorHoveredCellSpaceBool1',\n    'ColorHoveredCellSpaceBoolX',\n    'ColorHoveredCellSpaceBoolIcon',\n    'ColorHoveredCellButton',\n    'ColorHoveredCellButton1',\n    'ColorHoveredCellTab',\n    'ColorHoveredCellTab1',\n  ],\n});\n\nconst treeGridFocusedCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedCell', 'ColorFocusedCellRelative'],\n});\n\nconst treeGridFocusedCellRectSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedCellRect'],\n});\n\nconst treeGridFocusedCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['FocusCellBorder'],\n});\n\nconst treeGridFocusedCellCornerSelector = createTreeGridSelectors({\n  suffixes: ['FocusCellCorner'],\n});\n\nconst treeGridFocusedCellSpaceClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassFocusedCellSpaceEdit', 'ClassFocusedCellSpaceDefaults'],\n  descendant: ' > div',\n});\n\nconst treeGridFocusedCellExtendedSurfaceSelector = createTreeGridSelectors({\n  suffixes: [\n    'ColorFocusedCellSafari',\n    'ColorFocusedCellSpace',\n    'ColorFocusedCellSpaceEdit',\n    'ColorFocusedCellSpaceDefaults',\n    'ColorFocusedCellSpaceBool',\n    'ColorFocusedCellButton',\n  ],\n});\n\nconst treeGridHoverCellSpaceClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellSpaceEdit', 'ClassHoveredCellSpaceDefaults'],\n  descendant: ' > div',\n});\n\nconst treeGridHoverCellButtonClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellButtonButton', 'ClassHoveredCellButtonButton1'],\n  descendant: ' u',\n});\n\nconst treeGridHoverCellTabClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellTab', 'ClassHoveredCellTab1'],\n});\n\nconst treeGridChangedCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorChangedCell'],\n});\n\nconst treeGridChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const focusedCellClass = `${prefix}ClassFocusedCell`;\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}:not(.${focusedCellClass})`;\n\n  return [\n    changedCellSelector,\n    `${changedCellSelector} *:not(.${focusedCellClass})`,\n  ];\n}).join(', ');\nconst treeGridFocusedChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const focusedCellSelectors = [\n    `${prefix}ClassFocusedCell`,\n    `${prefix}ColorFocusedCell`,\n    `${prefix}ColorFocusedCellRelative`,\n  ].flatMap((focusedCellClass) => [\n    `${changedCellSelector}.${focusedCellClass}`,\n    `${changedCellSelector}.${focusedCellClass} *`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector}`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector} *`,\n  ]);\n\n  return focusedCellSelectors;\n}).join(', ');\nconst treeGridHiddenChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const hiddenValueClass = `${prefix}HiddenValue`;\n\n  return [\n    `${changedCellSelector}.${hiddenValueClass}`,\n    `${changedCellSelector}.${hiddenValueClass} *`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${hiddenValueClass} ${changedCellSelector}`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${hiddenValueClass} ${changedCellSelector} *`,\n  ];\n}).join(', ');\nconst treeGridChangedCellFontWeightValue =\n  `var(--owp-tree-grid-changed-font-weight, ${TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT}) !important`;\n\nconst treeGridEditingCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['EditCellBorder'],\n});\n\nconst treeGridEditingCellCornerSelector = createTreeGridSelectors({\n  suffixes: ['EditCellCorner'],\n});\n\nconst treeGridStandardDateButtonSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateBottom`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesBottom`,\n].join(', ');\n\nconst treeGridChangedStandardDateButtonSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateBottom`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesBottom`,\n].join(', ');\n\nconst treeGridFocusedChangedStandardDateButtonSelector = [\n  'DateLeft',\n  'DatesLeft',\n  'DateRight',\n  'DatesRight',\n  'DateTop',\n  'DatesTop',\n  'DateBottom',\n  'DatesBottom',\n].flatMap((suffix) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    const baseSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}.${prefix}${suffix}`;\n    const focusedCellClasses = [\n      `${prefix}ClassFocusedCell`,\n      `${prefix}ColorFocusedCell`,\n      `${prefix}ColorFocusedCellRelative`,\n    ];\n\n    return focusedCellClasses.flatMap((focusedCellClass) => [\n      `${baseSelector}.${focusedCellClass}`,\n      `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${baseSelector}`,\n    ]);\n  });\n}).join(', ');\n\nconst treeGridStandardDateButtonIcon =\n  'url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22-1%200%2018%2018%22%3E%0D%0A%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M15.427%2C14.857c0%2C0.625-0.517%2C1.143-1.142%2C1.143H1.715c-0.625%2C0-1.142-0.518-1.142-1.143V3.429%0D%0A%09c0-0.625%2C0.517-1.142%2C1.142-1.142H2.86V1.429C2.86%2C0.642%2C3.502%2C0%2C4.289%2C0H4.86c0.783%2C0%2C1.429%2C0.642%2C1.429%2C1.429v0.858h3.43V1.429%0D%0A%09C9.719%2C0.642%2C10.359%2C0%2C11.145%2C0h0.574c0.783%2C0%2C1.426%2C0.642%2C1.426%2C1.429v0.858h1.142c0.625%2C0%2C1.142%2C0.517%2C1.142%2C1.142L15.427%2C14.857%0D%0A%09L15.427%2C14.857z%20M4.289%2C8.287V5.713H1.715v2.574H4.289z%20M4.289%2C11.717V8.857H1.715v2.858L4.289%2C11.717L4.289%2C11.717z%20M4.289%2C14.857%0D%0A%09v-2.574H1.715v2.574H4.289z%20M5.144%2C1.429c0-0.154-0.134-0.288-0.283-0.288H4.289c-0.154%2C0-0.287%2C0.133-0.287%2C0.288V4%0D%0A%09c0%2C0.15%2C0.133%2C0.288%2C0.287%2C0.288H4.86C5.01%2C4.288%2C5.144%2C4.15%2C5.144%2C4V1.429z%20M7.715%2C8.287V5.713H4.86v2.574H7.715z%20M7.715%2C11.717%0D%0A%09V8.857H4.86v2.858L7.715%2C11.717L7.715%2C11.717z%20M7.715%2C14.857v-2.574H4.86v2.574H7.715z%20M11.145%2C8.287V5.713H8.289v2.574H11.145z%0D%0A%09M11.145%2C11.717V8.857H8.289v2.858L11.145%2C11.717L11.145%2C11.717z%20M11.145%2C14.857v-2.574H8.289v2.574H11.145z%20M12.002%2C1.429%0D%0A%09c0-0.154-0.139-0.288-0.283-0.288h-0.574c-0.154%2C0-0.283%2C0.133-0.283%2C0.288V4c0%2C0.15%2C0.129%2C0.288%2C0.283%2C0.288h0.574%0D%0A%09c0.146%2C0%2C0.283-0.138%2C0.283-0.288V1.429z%20M14.285%2C8.287V5.713h-2.566v2.574H14.285z%20M14.285%2C11.717V8.857h-2.566v2.858%0D%0A%09L14.285%2C11.717L14.285%2C11.717z%20M14.285%2C14.857v-2.574h-2.566v2.574H14.285z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A\")';\nconst treeGridChangedStandardDateButtonIcon = treeGridStandardDateButtonIcon.replace(\n  '%23757575',\n  'white',\n);\n\nconst treeGridTimePickerDateButtonIcon =\n  'url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202M12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E\")';\n\nconst treeGridTimePickerEditorIconSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .OwpTreeGridTimePickerEditorIcon`;\nconst treeGridChangedTimePickerEditorIconSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS} .OwpTreeGridTimePickerEditorIcon`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}.OwpTreeGridTimePickerEditorIcon`,\n].join(', ');\nconst treeGridFocusedChangedTimePickerEditorIconSelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const focusedCellClasses = [\n    `${prefix}ClassFocusedCell`,\n    `${prefix}ColorFocusedCell`,\n    `${prefix}ColorFocusedCellRelative`,\n  ];\n\n  return focusedCellClasses.flatMap((focusedCellClass) => [\n    `${changedCellSelector}.${focusedCellClass} .OwpTreeGridTimePickerEditorIcon`,\n    `${changedCellSelector}.${focusedCellClass}.OwpTreeGridTimePickerEditorIcon`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector} .OwpTreeGridTimePickerEditorIcon`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector}.OwpTreeGridTimePickerEditorIcon`,\n  ]);\n}).join(', ');\n\nconst treeGridEnumMenuScrollableSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain, .${prefix}EnumMenuMain *`,\n).join(', ');\nconst treeGridEnumMenuScrollbarSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar`,\n).join(', ');\nconst treeGridEnumMenuScrollbarThumbSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-thumb`,\n).join(', ');\nconst treeGridEnumMenuScrollbarThumbHoverSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-thumb:hover`,\n).join(', ');\nconst treeGridEnumMenuScrollbarTrackSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-track`,\n).join(', ');\nconst treeGridEnumMenuScrollbarCornerSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-corner`,\n).join(', ');\n\nexport const treeGridThemeStyles: Record<string, CSSProperties> = {\n  [treeGridBodyTypographySelector]: {\n    fontFamily: `${TREEGRID_FONT_FAMILY_STACK} !important`,\n    fontSize: 'var(--owp-tree-grid-cell-font-size, 13px)',\n    fontWeight: 'normal',\n    lineHeight: '16px',\n  },\n  [treeGridBodyRootSelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridBodyReadonlyTypographySelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridBodySurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-body-background-color',\n    '#FFFFFF',\n  ),\n  [treeGridStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridStandardDateButtonIcon} !important`,\n  },\n  [treeGridChangedStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridChangedStandardDateButtonIcon} !important`,\n  },\n  [treeGridFocusedChangedStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridStandardDateButtonIcon} !important`,\n  },\n  [treeGridTimePickerEditorIconSelector]: {\n    backgroundImage: treeGridTimePickerDateButtonIcon,\n    backgroundPosition: 'center calc(50% - 1px)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '16px 16px',\n    display: 'inline-block',\n    height: '16px',\n    lineHeight: 0,\n    marginRight: '4px',\n    verticalAlign: 'middle',\n    width: '16px',\n  },\n  [treeGridChangedTimePickerEditorIconSelector]: {\n    WebkitMaskImage: treeGridTimePickerDateButtonIcon,\n    WebkitMaskPosition: 'center calc(50% - 1px)',\n    WebkitMaskRepeat: 'no-repeat',\n    WebkitMaskSize: '16px 16px',\n    backgroundColor: 'var(--owp-tree-grid-changed-text-color, #ffffff) !important',\n    backgroundImage: 'none !important',\n    maskImage: treeGridTimePickerDateButtonIcon,\n    maskPosition: 'center calc(50% - 1px)',\n    maskRepeat: 'no-repeat',\n    maskSize: '16px 16px',\n  },\n  [treeGridFocusedChangedTimePickerEditorIconSelector]: {\n    backgroundColor: `${TREE_GRID_DEFAULT_ICON_COLOR} !important`,\n  },\n  [treeGridEnumMenuScrollableSelector]: {\n    scrollbarColor: 'rgba(0, 0, 0, 0.32) transparent',\n    scrollbarWidth: 'thin',\n  },\n  [treeGridEnumMenuScrollbarSelector]: {\n    height: '8px',\n    width: '8px',\n  },\n  [treeGridEnumMenuScrollbarThumbSelector]: {\n    backgroundClip: 'padding-box',\n    backgroundColor: 'rgba(0, 0, 0, 0.32)',\n    border: '2px solid transparent',\n    borderRadius: '8px',\n  },\n  [treeGridEnumMenuScrollbarThumbHoverSelector]: {\n    backgroundColor: 'rgba(0, 0, 0, 0.44)',\n  },\n  [treeGridEnumMenuScrollbarTrackSelector]: {\n    backgroundColor: 'transparent',\n  },\n  [treeGridEnumMenuScrollbarCornerSelector]: {\n    backgroundColor: 'transparent',\n  },\n  [treeGridTableRadiusWrapperSelector]: {\n    position: 'relative',\n  },\n  [treeGridTableRadiusSelector]: {\n    borderBottom: '0 !important',\n    borderRadius: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0`,\n    clipPath: `inset(0 round ${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0)`,\n    overflow: 'hidden',\n  },\n  [treeGridTableRadiusTopBorderSelector]: {\n    border: `${TREE_GRID_TABLE_RADIUS_BORDER_WIDTH} solid ${TREE_GRID_TABLE_RADIUS_BORDER_COLOR}`,\n    borderBottom: 0,\n    borderRadius: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0`,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    zIndex: 2,\n  },\n  [treeGridToolbarTopBorderSelector]: {\n    borderTopColor: 'transparent !important',\n    overflow: 'visible',\n    position: 'relative',\n  },\n  [treeGridToolbarTopBorderRadiusSelector]: {\n    border: `${TREE_GRID_TABLE_RADIUS_BORDER_WIDTH} solid ${TREE_GRID_TABLE_RADIUS_BORDER_COLOR}`,\n    borderBottomLeftRadius: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    borderBottomRightRadius: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    borderTop: 0,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    transform: 'translateY(-100%)',\n    zIndex: 2,\n  },\n  [treeGridToolbarTopBorderCornerMaskSelector]: {\n    backgroundImage: `radial-gradient(circle at right top, transparent calc(${TREE_GRID_TABLE_RADIUS_CSS_VAR} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${TREE_GRID_TABLE_RADIUS_CSS_VAR}), radial-gradient(circle at left top, transparent calc(${TREE_GRID_TABLE_RADIUS_CSS_VAR} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${TREE_GRID_TABLE_RADIUS_CSS_VAR})`,\n    backgroundPosition: 'left top, right top',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR}, ${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR}`,\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    transform: 'translateY(-100%)',\n    zIndex: 1,\n  },\n  [treeGridFillRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-body-fill-background-color',\n  ),\n  [treeGridSolidRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-row-solid-background-color',\n  ),\n  [treeGridToolbarSolidRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-toolbar-row-background-color',\n  ),\n  [treeGridCellDefaultSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-row-background-color',\n    '#FFFFFF',\n  ),\n  [treeGridRowDefaultSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-row-background-color',\n    '#FFFFFE',\n  ),\n  [treeGridHeaderTypographySelector]: {\n    color: 'var(--owp-tree-grid-header-color, #ffffff) !important',\n    fontFamily: `${TREEGRID_FONT_FAMILY_STACK} !important`,\n    fontSize: 'var(--owp-tree-grid-header-font-size, 14px) !important',\n    fontWeight: 'var(--owp-tree-grid-header-font-weight, normal) !important',\n    lineHeight: '16px',\n  },\n  [treeGridHeaderSurfaceSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-header-background-color, #586980) !important',\n    color: 'var(--owp-tree-grid-header-color, #ffffff) !important',\n  },\n  [treeGridHoverRowSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-row-background-color',\n    '#F0F0FF',\n  ),\n  [treeGridHoverRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-row-background-color',\n    '#EEE',\n  ),\n  [treeGridHoverRowBorderSelector]: {\n    borderTopColor: 'var(--owp-tree-grid-hover-row-border-color) !important',\n    borderBottomColor: 'var(--owp-tree-grid-hover-row-border-color) !important',\n  },\n  [treeGridSelectedSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-cell-background-color',\n    '#FFFFA6',\n  ),\n  [treeGridSelectedSurfaceDescendantSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-cell-background-color',\n    '#FFFFA6',\n  ),\n  [treeGridSelectedRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-row-background-color',\n    '#EEE',\n  ),\n  [treeGridFocusedRowSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-row-background-color',\n    '#E6E6E6',\n  ),\n  [treeGridFocusedRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-row-background-color',\n    '#EEE',\n  ),\n  [treeGridFocusedRowBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-row-border-color) !important',\n  },\n  [treeGridHoverCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#BFDDF2',\n  ),\n  [treeGridHoverCellBorderSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-hover-cell-background-color) !important',\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellMutedSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#F0F0F0',\n  ),\n  [treeGridHoverCellMutedSurfaceDescendantSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#F0F0F0',\n  ),\n  [treeGridHoverPreviewCellSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n  ),\n  [treeGridHoverCellExtendedSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n  ),\n  [treeGridHoverCellSpaceClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellButtonClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellTabClassBorderSelector]: {\n    borderTopColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n    borderBottomColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n    outlineColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridFocusedCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-cell-background-color',\n    '#FFFFFE',\n  ),\n  [treeGridFocusedCellRectSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-focused-cell-rect-background-color) !important',\n  },\n  [treeGridFocusedCellBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellCornerSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellSpaceClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellExtendedSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-focused-cell-background-color',\n  ),\n  [treeGridChangedCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-changed-background-color',\n    '#EEE',\n  ),\n  [treeGridChangedCellTypographySelector]: {\n    color: 'var(--owp-tree-grid-changed-text-color, #ffffff) !important',\n    fontWeight: treeGridChangedCellFontWeightValue,\n  },\n  [treeGridFocusedChangedCellTypographySelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridHiddenChangedCellTypographySelector]: {\n    color: 'transparent !important',\n  },\n  [treeGridEditingCellBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-editing-cell-border-color) !important',\n  },\n  [treeGridEditingCellCornerSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-editing-cell-border-color) !important',\n  },\n};\n\nconst toTreeGridCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\nconst setOptionalTreeGridCssVariable = (\n  style: TreeGridThemeContainerStyle,\n  cssVariableName: TreeGridThemeCssVariableName,\n  value: string | undefined,\n) => {\n  if (value) {\n    style[cssVariableName] = value;\n  }\n};\n\n/**\n * TreeGrid theme CSS 변수 컨테이너 스타일 생성\n * @param input Grid theme 입력값\n */\nexport const createTreeGridThemeContainerStyle = ({\n  width,\n  height,\n  treeGridTheme,\n  gridThemeConfig,\n  containerStyle,\n  tableBorderRadius,\n}: {\n  width: TreeGridLayoutDimensionValue;\n  height: TreeGridLayoutDimensionValue;\n  treeGridTheme: OwpResolvedGridThemeConfigType;\n  gridThemeConfig?: OwpGridThemeConfigType | null;\n  containerStyle?: CSSProperties;\n  tableBorderRadius?: TreeGridLayoutDimensionValue;\n}): TreeGridThemeContainerStyle => {\n  const resolvedContainerStyle: TreeGridThemeContainerStyle = {\n    height,\n    width,\n  };\n\n  for (const { cssVariableName, getValue } of TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS) {\n    setOptionalTreeGridCssVariable(resolvedContainerStyle, cssVariableName, getValue(gridThemeConfig));\n  }\n\n  for (const { cssVariableName, getValue } of TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS) {\n    resolvedContainerStyle[cssVariableName] = getValue(treeGridTheme);\n  }\n\n  if (tableBorderRadius !== undefined) {\n    resolvedContainerStyle['--owp-tree-grid-table-border-radius'] =\n      toTreeGridCssValue(tableBorderRadius);\n  }\n\n  return {\n    ...resolvedContainerStyle,\n    ...containerStyle,\n  };\n};\n"],"names":["TREE_GRID_THEME_WRAPPER_CLASS","TREE_GRID_THEME_TABLE_RADIUS_CLASS","TREE_GRID_STYLE_PREFIXES","TREE_GRID_TABLE_RADIUS_BORDER_COLOR","TREE_GRID_TABLE_RADIUS_BORDER_WIDTH","TREE_GRID_TABLE_RADIUS_CSS_VAR","DEFAULT_TABLE_RADIUS","TREE_GRID_DEFAULT_ICON_COLOR","TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS","__name","gridThemeConfig","_a","TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS","treeGridTheme","toTreeGridCssValue","createTreeGridBackgroundColorStyle","cssVariableName","fallbackColor","createTreeGridOptionalBackgroundColorStyle","createTreeGridSelectors","rowSuffix","suffixes","descendant","withChildren","prefix","suffix","wrapperSelector","rowSelector","selector","createTreeGridNestedSelectors","ancestorSuffixes","ancestorSuffix","treeGridBodyTypographySelector","treeGridBodyRootSelector","treeGridBodyReadonlyTypographySelector","treeGridBodySurfaceSelector","treeGridTableRadiusWrapperSelector","treeGridTableRadiusSelector","treeGridTableRadiusTopBorderSelector","treeGridToolbarTopBorderSelector","treeGridToolbarTopBorderRadiusSelector","treeGridToolbarTopBorderCornerMaskSelector","treeGridFillRowSurfaceSelector","treeGridSolidRowSurfaceSelector","treeGridToolbarSolidRowSurfaceSelector","treeGridCellDefaultSurfaceSelector","treeGridRowDefaultSurfaceSelector","treeGridHeaderTypographySelector","treeGridHeaderSurfaceSelector","treeGridHoverRowSurfaceSelector","treeGridHoverRowSideSelector","treeGridHoverRowBorderSelector","treeGridSelectedSurfaceSelector","treeGridSelectedSurfaceDescendantSelector","treeGridSelectedRowSideSelector","treeGridFocusedRowSurfaceSelector","treeGridFocusedRowSideSelector","treeGridFocusedRowBorderSelector","treeGridHoverCellSurfaceSelector","treeGridHoverCellBorderSelector","treeGridHoverCellMutedSurfaceSelector","treeGridHoverCellMutedSurfaceDescendantSelector","treeGridHoverPreviewCellSurfaceSelector","treeGridHoverCellExtendedSurfaceSelector","treeGridFocusedCellSurfaceSelector","treeGridFocusedCellRectSelector","treeGridFocusedCellBorderSelector","treeGridFocusedCellCornerSelector","treeGridFocusedCellSpaceClassBorderSelector","treeGridFocusedCellExtendedSurfaceSelector","treeGridHoverCellSpaceClassBorderSelector","treeGridHoverCellButtonClassBorderSelector","treeGridHoverCellTabClassBorderSelector","treeGridChangedCellSurfaceSelector","treeGridChangedCellTypographySelector","focusedCellClass","changedCellSelector","TREEGRID_CELL_CHANGED_CLASS","treeGridFocusedChangedCellTypographySelector","treeGridHiddenChangedCellTypographySelector","hiddenValueClass","treeGridChangedCellFontWeightValue","TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT","treeGridEditingCellBorderSelector","treeGridEditingCellCornerSelector","treeGridStandardDateButtonSelector","treeGridChangedStandardDateButtonSelector","treeGridFocusedChangedStandardDateButtonSelector","baseSelector","treeGridStandardDateButtonIcon","treeGridChangedStandardDateButtonIcon","treeGridTimePickerDateButtonIcon","treeGridTimePickerEditorIconSelector","treeGridChangedTimePickerEditorIconSelector","treeGridFocusedChangedTimePickerEditorIconSelector","treeGridEnumMenuScrollableSelector","treeGridEnumMenuScrollbarSelector","treeGridEnumMenuScrollbarThumbSelector","treeGridEnumMenuScrollbarThumbHoverSelector","treeGridEnumMenuScrollbarTrackSelector","treeGridEnumMenuScrollbarCornerSelector","treeGridThemeStyles","TREEGRID_FONT_FAMILY_STACK","value","setOptionalTreeGridCssVariable","style","createTreeGridThemeContainerStyle","width","height","containerStyle","tableBorderRadius","resolvedContainerStyle","getValue"],"mappings":"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"}
+{"version":3,"file":"treeGridTheme.js","sources":["../../../../src/components/OwpTreeGrid/internal/treeGridTheme.ts"],"sourcesContent":["import {\n  TREEGRID_CELL_CHANGED_CLASS,\n  TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT,\n  TREEGRID_FONT_FAMILY_STACK,\n} from '@/constants/treeGrid';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';\nimport type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';\nimport type { CSSProperties } from 'react';\n\ntype TreeGridThemeCssVariableName =\n  | '--owp-tree-grid-body-background-color'\n  | '--owp-tree-grid-body-color'\n  | '--owp-tree-grid-body-fill-background-color'\n  | '--owp-tree-grid-row-background-color'\n  | '--owp-tree-grid-row-solid-background-color'\n  | '--owp-tree-grid-toolbar-row-background-color'\n  | '--owp-tree-grid-header-background-color'\n  | '--owp-tree-grid-header-color'\n  | '--owp-tree-grid-header-font-size'\n  | '--owp-tree-grid-header-font-weight'\n  | '--owp-tree-grid-cell-font-size'\n  | '--owp-tree-grid-hover-row-background-color'\n  | '--owp-tree-grid-hover-row-border-color'\n  | '--owp-tree-grid-selected-cell-background-color'\n  | '--owp-tree-grid-selected-row-background-color'\n  | '--owp-tree-grid-focused-row-background-color'\n  | '--owp-tree-grid-focused-row-border-color'\n  | '--owp-tree-grid-hover-cell-background-color'\n  | '--owp-tree-grid-hover-cell-border-color'\n  | '--owp-tree-grid-focused-cell-background-color'\n  | '--owp-tree-grid-focused-cell-border-color'\n  | '--owp-tree-grid-editing-cell-border-color'\n  | '--owp-tree-grid-focused-cell-rect-background-color'\n  | '--owp-tree-grid-changed-background-color'\n  | '--owp-tree-grid-changed-text-color'\n  | '--owp-tree-grid-changed-font-weight'\n  | '--owp-tree-grid-table-border-radius';\n\ntype TreeGridLayoutDimensionValue = string | number;\n\ntype TreeGridOptionalThemeVariableResolver = {\n  cssVariableName: TreeGridThemeCssVariableName;\n  getValue: (gridThemeConfig?: OwpGridThemeConfigType | null) => string | undefined;\n};\n\ntype TreeGridResolvedThemeVariableResolver = {\n  cssVariableName: TreeGridThemeCssVariableName;\n  getValue: (treeGridTheme: OwpResolvedGridThemeConfigType) => string;\n};\n\nexport type TreeGridThemeContainerStyle = CSSProperties &\n  Partial<Record<TreeGridThemeCssVariableName, string>>;\n\nexport const TREE_GRID_THEME_WRAPPER_CLASS = 'owp-tree-grid-theme';\nexport const TREE_GRID_THEME_TABLE_RADIUS_CLASS = 'owp-tree-grid-table-radius';\nexport const TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS = 'owp-tree-grid-panel-checkbox-select';\nexport const TREE_GRID_SELECT_ALL_CHECKED_CLASS = 'owp-tree-grid-select-all-checked';\nexport const TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS =\n  'owp-tree-grid-select-all-indeterminate';\nexport const TREE_GRID_SELECT_ALL_UNCHECKED_CLASS = 'owp-tree-grid-select-all-unchecked';\n\nconst TREE_GRID_STYLE_PREFIXES = [\n  'TS',\n  'TW',\n  'TB',\n  'TM',\n  'TT',\n  'CF',\n  'CL',\n  'CO',\n  'CG',\n  'CB',\n  'CQ',\n  'CE',\n  'CS',\n  'CR',\n  'CP',\n  'CC',\n] as const;\n\nconst TREE_GRID_TABLE_RADIUS_BORDER_COLOR = '#CDD8E4';\nconst TREE_GRID_TABLE_RADIUS_BORDER_WIDTH = '1px';\nconst TREE_GRID_TABLE_RADIUS_CSS_VAR = `var(--owp-tree-grid-table-border-radius, ${DEFAULT_TABLE_RADIUS})`;\nconst TREE_GRID_DEFAULT_ICON_COLOR = '#757575';\n\n/**\n * TreeGrid SVG 배경 이미지 생성\n * @param svg SVG 문자열\n */\nconst createTreeGridSvgBackgroundImage = (svg: string) =>\n  `url(\"data:image/svg+xml,${encodeURIComponent(svg)}\")`;\n\nconst treeGridPanelSelectCheckboxIcon = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"1.5\" fill=\"none\" stroke=\"#CDD8E4\" stroke-width=\"1.6\"/></svg>',\n);\nconst treeGridPanelSelectCheckboxOnIcon = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"1.5\" fill=\"none\" stroke=\"#CDD8E4\" stroke-width=\"1.6\"/><path d=\"M4.7 9 7.4 11.7 13.3 5.8\" fill=\"none\" stroke=\"#7A8899\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',\n);\nconst treeGridHeaderPanelSelectCheckboxIcon = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"1.5\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.6\"/></svg>',\n);\nconst treeGridHeaderPanelSelectCheckboxOnIcon = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"1.5\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.6\"/><path d=\"M4.7 9 7.4 11.7 13.3 5.8\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',\n);\nconst treeGridHeaderPanelSelectCheckboxIndeterminateIcon = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><rect x=\"2\" y=\"2\" width=\"14\" height=\"14\" rx=\"1.5\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"1.6\"/><path d=\"M5.2 9h7.6\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.3\" stroke-linecap=\"round\"/></svg>',\n);\nconst treeGridPanelFilterOffMask = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M3 4h12l-4.8 5.4v4.1l-2.4 1.2V9.4z\" fill=\"none\" stroke=\"#000\" stroke-width=\"1.7\" stroke-linejoin=\"round\"/></svg>',\n);\nconst treeGridPanelFilterOnMask = createTreeGridSvgBackgroundImage(\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M3 4h12l-4.8 5.4v4.1l-2.4 1.2V9.4z\" fill=\"#000\" stroke=\"#000\" stroke-width=\"1.7\" stroke-linejoin=\"round\"/></svg>',\n);\nconst TREE_GRID_PANEL_FILTER_OFF_COLOR = 'var(--owp-tree-grid-header-background-color, #586980)';\nconst TREE_GRID_PANEL_FILTER_ON_COLOR =\n  'var(--owp-tree-grid-focused-cell-border-color, var(--owp-tree-grid-hover-cell-border-color, var(--owp-tree-grid-header-background-color, #586980)))';\n\nconst TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS = [\n  {\n    cssVariableName: '--owp-tree-grid-body-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-body-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-body-fill-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.body?.fillBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.row?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-row-solid-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.row?.solidBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-row-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverRowBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-selected-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.selectedRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-selected-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.selectedCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-row-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedRowBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-row-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedRowBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-hover-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.hoverCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-editing-cell-border-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.editingCellBorderColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-focused-cell-rect-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.state?.focusedCellRectBackgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-background-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.changed?.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-text-color',\n    getValue: (gridThemeConfig) => gridThemeConfig?.changed?.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-changed-font-weight',\n    getValue: (gridThemeConfig) =>\n      gridThemeConfig?.changed?.fontWeight === undefined\n        ? undefined\n        : String(gridThemeConfig.changed.fontWeight),\n  },\n] as const satisfies readonly TreeGridOptionalThemeVariableResolver[];\n\nconst TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS = [\n  {\n    cssVariableName: '--owp-tree-grid-header-background-color',\n    getValue: (treeGridTheme) => treeGridTheme.header.backgroundColor,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-color',\n    getValue: (treeGridTheme) => treeGridTheme.header.color,\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-font-size',\n    getValue: (treeGridTheme) => toTreeGridCssValue(treeGridTheme.header.fontSize),\n  },\n  {\n    cssVariableName: '--owp-tree-grid-header-font-weight',\n    getValue: (treeGridTheme) => String(treeGridTheme.header.fontWeight),\n  },\n  {\n    cssVariableName: '--owp-tree-grid-cell-font-size',\n    getValue: (treeGridTheme) => toTreeGridCssValue(treeGridTheme.cell.fontSize),\n  },\n] as const satisfies readonly TreeGridResolvedThemeVariableResolver[];\n\nconst createTreeGridBackgroundColorStyle = (cssVariableName: TreeGridThemeCssVariableName, fallbackColor: string) => ({\n  backgroundColor: `var(${cssVariableName}, ${fallbackColor}) !important`,\n});\n\nconst createTreeGridOptionalBackgroundColorStyle = (cssVariableName: TreeGridThemeCssVariableName) => ({\n  backgroundColor: `var(${cssVariableName}) !important`,\n});\n\nconst createTreeGridSelectors = ({\n  wrapperSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS}`,\n  rowSuffix,\n  suffixes,\n  descendant = '',\n  withChildren = false,\n}: {\n  wrapperSelector?: string;\n  rowSuffix?: string;\n  suffixes: readonly string[];\n  descendant?: string;\n  withChildren?: boolean;\n}) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    return suffixes.flatMap((suffix) => {\n      const rowSelector = rowSuffix ? ` .${prefix}${rowSuffix}` : '';\n      const selector = `${wrapperSelector}${rowSelector} .${prefix}${suffix}${descendant}`;\n\n      return withChildren ? [selector, `${selector} *`] : [selector];\n    });\n  }).join(', ');\n};\n\nconst createTreeGridNestedSelectors = ({\n  wrapperSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS}`,\n  ancestorSuffixes,\n  suffixes,\n  descendant = '',\n}: {\n  wrapperSelector?: string;\n  ancestorSuffixes: readonly string[];\n  suffixes: readonly string[];\n  descendant?: string;\n}) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    return ancestorSuffixes.flatMap((ancestorSuffix) => {\n      return suffixes.map((suffix) => {\n        return `${wrapperSelector} .${prefix}${ancestorSuffix} .${prefix}${suffix}${descendant}`;\n      });\n    });\n  }).join(', ');\n};\n\nconst treeGridCheckboxSelectWrapperSelector =\n  `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS}`;\nconst treeGridSelectAllCheckedWrapperSelector =\n  `${treeGridCheckboxSelectWrapperSelector}.${TREE_GRID_SELECT_ALL_CHECKED_CLASS}`;\nconst treeGridSelectAllIndeterminateWrapperSelector =\n  `${treeGridCheckboxSelectWrapperSelector}.${TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS}`;\nconst treeGridSelectAllUncheckedWrapperSelector =\n  `${treeGridCheckboxSelectWrapperSelector}.${TREE_GRID_SELECT_ALL_UNCHECKED_CLASS}`;\n\nconst treeGridPanelSelectSelector = createTreeGridSelectors({\n  wrapperSelector: treeGridCheckboxSelectWrapperSelector,\n  suffixes: ['PanelSelect'],\n});\n\nconst treeGridPanelSelectOnSelector = createTreeGridSelectors({\n  wrapperSelector: treeGridCheckboxSelectWrapperSelector,\n  suffixes: ['PanelSelectOn'],\n});\n\nconst treeGridHeaderPanelSelectSelector = createTreeGridNestedSelectors({\n  wrapperSelector: treeGridCheckboxSelectWrapperSelector,\n  ancestorSuffixes: ['CellHeaderPanel', 'CellIndexPanel'],\n  suffixes: ['PanelSelect'],\n});\n\nconst treeGridHeaderPanelSelectOnSelector = createTreeGridNestedSelectors({\n  wrapperSelector: treeGridCheckboxSelectWrapperSelector,\n  ancestorSuffixes: ['CellHeaderPanel', 'CellIndexPanel'],\n  suffixes: ['PanelSelectOn'],\n});\n\nconst treeGridHeaderPanelSelectCheckedSelector = createTreeGridNestedSelectors({\n  wrapperSelector: treeGridSelectAllCheckedWrapperSelector,\n  ancestorSuffixes: ['CellHeaderPanel', 'CellIndexPanel'],\n  suffixes: ['PanelSelect', 'PanelSelectOn'],\n});\n\nconst treeGridHeaderPanelSelectIndeterminateSelector = createTreeGridNestedSelectors({\n  wrapperSelector: treeGridSelectAllIndeterminateWrapperSelector,\n  ancestorSuffixes: ['CellHeaderPanel', 'CellIndexPanel'],\n  suffixes: ['PanelSelect', 'PanelSelectOn'],\n});\n\nconst treeGridHeaderPanelSelectUncheckedSelector = createTreeGridNestedSelectors({\n  wrapperSelector: treeGridSelectAllUncheckedWrapperSelector,\n  ancestorSuffixes: ['CellHeaderPanel', 'CellIndexPanel'],\n  suffixes: ['PanelSelect', 'PanelSelectOn'],\n});\n\nconst treeGridPanelFilterOffSelector = createTreeGridSelectors({\n  suffixes: ['Filter0'],\n});\n\nconst treeGridPanelFilterOnSelector = createTreeGridSelectors({\n  suffixes: ['Filter1'],\n});\n\nconst treeGridBodyTypographySelector = createTreeGridSelectors({\n  suffixes: ['Main'],\n  withChildren: true,\n});\n\nconst treeGridBodyRootSelector = createTreeGridSelectors({\n  suffixes: ['Main'],\n});\n\nconst treeGridBodyReadonlyTypographySelector = createTreeGridSelectors({\n  suffixes: ['ClassReadOnly'],\n  withChildren: true,\n});\n\nconst treeGridBodySurfaceSelector = createTreeGridSelectors({\n  suffixes: ['MainTable'],\n});\n\nconst treeGridTableRadiusWrapperSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS}`;\n\nconst treeGridTableRadiusSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}MainTable`;\n}).join(', ');\n\nconst treeGridTableRadiusTopBorderSelector = `${treeGridTableRadiusWrapperSelector}::before`;\n\nconst treeGridToolbarTopBorderSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow`;\n}).join(', ');\n\nconst treeGridToolbarTopBorderRadiusSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow::before`;\n}).join(', ');\n\nconst treeGridToolbarTopBorderCornerMaskSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS}.${TREE_GRID_THEME_TABLE_RADIUS_CLASS} .${prefix}RowSpace4.${prefix}RowSpaceFirst .${prefix}SolidRow::after`;\n}).join(', ');\n\nconst treeGridFillRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['FillRow'],\n});\n\nconst treeGridSolidRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['SolidRow'],\n});\n\nconst treeGridToolbarSolidRowSurfaceSelector = TREE_GRID_STYLE_PREFIXES.map((prefix) => {\n  return `.${TREE_GRID_THEME_WRAPPER_CLASS} .${prefix}ToolbarRow.${prefix}SolidRow`;\n}).join(', ');\n\nconst treeGridCellDefaultSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorDefault'],\n});\n\nconst treeGridRowDefaultSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorDefaultRow'],\n});\n\nconst treeGridHeaderTypographySelector = createTreeGridSelectors({\n  rowSuffix: 'HeaderRow',\n  suffixes: ['CellHeader', 'CellIndex', 'GanttHeaderBase', 'LevelButton'],\n  withChildren: true,\n});\n\nconst treeGridHeaderSurfaceSelector = createTreeGridSelectors({\n  rowSuffix: 'HeaderRow',\n  suffixes: [\n    'CellHeader',\n    'CellIndex',\n    'EditHeaderInput',\n    'EditHeaderTextarea',\n    'ColorFocusedCellHeader',\n    'ColorHoveredCellHeader',\n    'ColorHoveredCellIndex',\n    'HeaderFocus',\n    'HeaderDrag',\n  ],\n});\n\nconst treeGridHoverRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHovered'],\n});\n\nconst treeGridHoverRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredRow'],\n});\n\nconst treeGridHoverRowBorderSelector = createTreeGridSelectors({\n  suffixes: ['HoverRowBorder'],\n});\n\nconst treeGridSelectedSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelected', 'ColorSelectedCell'],\n});\n\nconst treeGridSelectedSurfaceDescendantSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelected', 'ColorSelectedCell'],\n  descendant: ' *',\n});\n\nconst treeGridSelectedRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorSelectedRow'],\n});\n\nconst treeGridFocusedRowSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocused'],\n});\n\nconst treeGridFocusedRowSideSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedRow'],\n});\n\nconst treeGridFocusedRowBorderSelector = createTreeGridSelectors({\n  suffixes: ['FocusRowBorder'],\n});\n\nconst treeGridHoverCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCell', 'ColorHoveredCellIndex'],\n});\n\nconst treeGridHoverCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['HoverCellBorder'],\n});\n\nconst treeGridHoverCellMutedSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCellReadOnly', 'ColorHoveredCellNoFocus'],\n});\n\nconst treeGridHoverCellMutedSurfaceDescendantSelector = createTreeGridSelectors({\n  suffixes: ['ColorHoveredCellReadOnly', 'ColorHoveredCellNoFocus'],\n  descendant: ' *',\n});\n\nconst treeGridHoverPreviewCellSurfaceSelector = createTreeGridNestedSelectors({\n  ancestorSuffixes: ['HoverCellBorder'],\n  suffixes: ['ColorPreview', 'ColorPreviewDynamic', 'ColorViewedCell'],\n});\n\nconst treeGridHoverCellExtendedSurfaceSelector = createTreeGridSelectors({\n  suffixes: [\n    'ColorHoveredCellSpace',\n    'ColorHoveredCellSpaceEdit',\n    'ColorHoveredCellSpaceDefaults',\n    'ColorHoveredCellSpaceBool0',\n    'ColorHoveredCellSpaceBool1',\n    'ColorHoveredCellSpaceBoolX',\n    'ColorHoveredCellSpaceBoolIcon',\n    'ColorHoveredCellButton',\n    'ColorHoveredCellButton1',\n    'ColorHoveredCellTab',\n    'ColorHoveredCellTab1',\n  ],\n});\n\nconst treeGridFocusedCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedCell', 'ColorFocusedCellRelative'],\n});\n\nconst treeGridFocusedCellRectSelector = createTreeGridSelectors({\n  suffixes: ['ColorFocusedCellRect'],\n});\n\nconst treeGridFocusedCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['FocusCellBorder'],\n});\n\nconst treeGridFocusedCellCornerSelector = createTreeGridSelectors({\n  suffixes: ['FocusCellCorner'],\n});\n\nconst treeGridFocusedCellSpaceClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassFocusedCellSpaceEdit', 'ClassFocusedCellSpaceDefaults'],\n  descendant: ' > div',\n});\n\nconst treeGridFocusedCellExtendedSurfaceSelector = createTreeGridSelectors({\n  suffixes: [\n    'ColorFocusedCellSafari',\n    'ColorFocusedCellSpace',\n    'ColorFocusedCellSpaceEdit',\n    'ColorFocusedCellSpaceDefaults',\n    'ColorFocusedCellSpaceBool',\n    'ColorFocusedCellButton',\n  ],\n});\n\nconst treeGridHoverCellSpaceClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellSpaceEdit', 'ClassHoveredCellSpaceDefaults'],\n  descendant: ' > div',\n});\n\nconst treeGridHoverCellButtonClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellButtonButton', 'ClassHoveredCellButtonButton1'],\n  descendant: ' u',\n});\n\nconst treeGridHoverCellTabClassBorderSelector = createTreeGridSelectors({\n  suffixes: ['ClassHoveredCellTab', 'ClassHoveredCellTab1'],\n});\n\nconst treeGridChangedCellSurfaceSelector = createTreeGridSelectors({\n  suffixes: ['ColorChangedCell'],\n});\n\nconst treeGridChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const focusedCellClass = `${prefix}ClassFocusedCell`;\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}:not(.${focusedCellClass})`;\n\n  return [\n    changedCellSelector,\n    `${changedCellSelector} *:not(.${focusedCellClass})`,\n  ];\n}).join(', ');\nconst treeGridFocusedChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const focusedCellSelectors = [\n    `${prefix}ClassFocusedCell`,\n    `${prefix}ColorFocusedCell`,\n    `${prefix}ColorFocusedCellRelative`,\n  ].flatMap((focusedCellClass) => [\n    `${changedCellSelector}.${focusedCellClass}`,\n    `${changedCellSelector}.${focusedCellClass} *`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector}`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector} *`,\n  ]);\n\n  return focusedCellSelectors;\n}).join(', ');\nconst treeGridHiddenChangedCellTypographySelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const hiddenValueClass = `${prefix}HiddenValue`;\n\n  return [\n    `${changedCellSelector}.${hiddenValueClass}`,\n    `${changedCellSelector}.${hiddenValueClass} *`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${hiddenValueClass} ${changedCellSelector}`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${hiddenValueClass} ${changedCellSelector} *`,\n  ];\n}).join(', ');\nconst treeGridChangedCellFontWeightValue =\n  `var(--owp-tree-grid-changed-font-weight, ${TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT}) !important`;\n\nconst treeGridEditingCellBorderSelector = createTreeGridSelectors({\n  suffixes: ['EditCellBorder'],\n});\n\nconst treeGridEditingCellCornerSelector = createTreeGridSelectors({\n  suffixes: ['EditCellCorner'],\n});\n\nconst treeGridStandardDateButtonSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDateBottom`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .TSDatesBottom`,\n].join(', ');\n\nconst treeGridChangedStandardDateButtonSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesLeft`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesRight`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesTop`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDateBottom`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .TSMain .${TREEGRID_CELL_CHANGED_CLASS}.TSDatesBottom`,\n].join(', ');\n\nconst treeGridFocusedChangedStandardDateButtonSelector = [\n  'DateLeft',\n  'DatesLeft',\n  'DateRight',\n  'DatesRight',\n  'DateTop',\n  'DatesTop',\n  'DateBottom',\n  'DatesBottom',\n].flatMap((suffix) => {\n  return TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n    const baseSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}.${prefix}${suffix}`;\n    const focusedCellClasses = [\n      `${prefix}ClassFocusedCell`,\n      `${prefix}ColorFocusedCell`,\n      `${prefix}ColorFocusedCellRelative`,\n    ];\n\n    return focusedCellClasses.flatMap((focusedCellClass) => [\n      `${baseSelector}.${focusedCellClass}`,\n      `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${baseSelector}`,\n    ]);\n  });\n}).join(', ');\n\nconst treeGridStandardDateButtonIcon =\n  'url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22-1%200%2018%2018%22%3E%0D%0A%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M15.427%2C14.857c0%2C0.625-0.517%2C1.143-1.142%2C1.143H1.715c-0.625%2C0-1.142-0.518-1.142-1.143V3.429%0D%0A%09c0-0.625%2C0.517-1.142%2C1.142-1.142H2.86V1.429C2.86%2C0.642%2C3.502%2C0%2C4.289%2C0H4.86c0.783%2C0%2C1.429%2C0.642%2C1.429%2C1.429v0.858h3.43V1.429%0D%0A%09C9.719%2C0.642%2C10.359%2C0%2C11.145%2C0h0.574c0.783%2C0%2C1.426%2C0.642%2C1.426%2C1.429v0.858h1.142c0.625%2C0%2C1.142%2C0.517%2C1.142%2C1.142L15.427%2C14.857%0D%0A%09L15.427%2C14.857z%20M4.289%2C8.287V5.713H1.715v2.574H4.289z%20M4.289%2C11.717V8.857H1.715v2.858L4.289%2C11.717L4.289%2C11.717z%20M4.289%2C14.857%0D%0A%09v-2.574H1.715v2.574H4.289z%20M5.144%2C1.429c0-0.154-0.134-0.288-0.283-0.288H4.289c-0.154%2C0-0.287%2C0.133-0.287%2C0.288V4%0D%0A%09c0%2C0.15%2C0.133%2C0.288%2C0.287%2C0.288H4.86C5.01%2C4.288%2C5.144%2C4.15%2C5.144%2C4V1.429z%20M7.715%2C8.287V5.713H4.86v2.574H7.715z%20M7.715%2C11.717%0D%0A%09V8.857H4.86v2.858L7.715%2C11.717L7.715%2C11.717z%20M7.715%2C14.857v-2.574H4.86v2.574H7.715z%20M11.145%2C8.287V5.713H8.289v2.574H11.145z%0D%0A%09M11.145%2C11.717V8.857H8.289v2.858L11.145%2C11.717L11.145%2C11.717z%20M11.145%2C14.857v-2.574H8.289v2.574H11.145z%20M12.002%2C1.429%0D%0A%09c0-0.154-0.139-0.288-0.283-0.288h-0.574c-0.154%2C0-0.283%2C0.133-0.283%2C0.288V4c0%2C0.15%2C0.129%2C0.288%2C0.283%2C0.288h0.574%0D%0A%09c0.146%2C0%2C0.283-0.138%2C0.283-0.288V1.429z%20M14.285%2C8.287V5.713h-2.566v2.574H14.285z%20M14.285%2C11.717V8.857h-2.566v2.858%0D%0A%09L14.285%2C11.717L14.285%2C11.717z%20M14.285%2C14.857v-2.574h-2.566v2.574H14.285z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A\")';\nconst treeGridChangedStandardDateButtonIcon = treeGridStandardDateButtonIcon.replace(\n  '%23757575',\n  'white',\n);\n\nconst treeGridTimePickerDateButtonIcon =\n  'url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202M12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208%22%2F%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M12.5%207H11v6l5.25%203.15.75-1.23-4.5-2.67z%22%2F%3E%3C%2Fsvg%3E\")';\n\nconst treeGridTimePickerEditorIconSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .OwpTreeGridTimePickerEditorIcon`;\nconst treeGridChangedTimePickerEditorIconSelector = [\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS} .OwpTreeGridTimePickerEditorIcon`,\n  `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}.OwpTreeGridTimePickerEditorIcon`,\n].join(', ');\nconst treeGridFocusedChangedTimePickerEditorIconSelector = TREE_GRID_STYLE_PREFIXES.flatMap((prefix) => {\n  const changedCellSelector = `.${TREE_GRID_THEME_WRAPPER_CLASS} .${TREEGRID_CELL_CHANGED_CLASS}`;\n  const focusedCellClasses = [\n    `${prefix}ClassFocusedCell`,\n    `${prefix}ColorFocusedCell`,\n    `${prefix}ColorFocusedCellRelative`,\n  ];\n\n  return focusedCellClasses.flatMap((focusedCellClass) => [\n    `${changedCellSelector}.${focusedCellClass} .OwpTreeGridTimePickerEditorIcon`,\n    `${changedCellSelector}.${focusedCellClass}.OwpTreeGridTimePickerEditorIcon`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector} .OwpTreeGridTimePickerEditorIcon`,\n    `.${TREE_GRID_THEME_WRAPPER_CLASS} .${focusedCellClass} ${changedCellSelector}.OwpTreeGridTimePickerEditorIcon`,\n  ]);\n}).join(', ');\n\nconst treeGridEnumMenuScrollableSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain, .${prefix}EnumMenuMain *`,\n).join(', ');\nconst treeGridEnumMenuScrollbarSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar`,\n).join(', ');\nconst treeGridEnumMenuScrollbarThumbSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-thumb`,\n).join(', ');\nconst treeGridEnumMenuScrollbarThumbHoverSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-thumb:hover`,\n).join(', ');\nconst treeGridEnumMenuScrollbarTrackSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-track`,\n).join(', ');\nconst treeGridEnumMenuScrollbarCornerSelector = TREE_GRID_STYLE_PREFIXES.map(\n  (prefix) => `.${prefix}EnumMenuMain *::-webkit-scrollbar-corner`,\n).join(', ');\n\nexport const treeGridThemeStyles: Record<string, CSSProperties> = {\n  [treeGridBodyTypographySelector]: {\n    fontFamily: `${TREEGRID_FONT_FAMILY_STACK} !important`,\n    fontSize: 'var(--owp-tree-grid-cell-font-size, 13px)',\n    fontWeight: 'normal',\n    lineHeight: '16px',\n  },\n  [treeGridBodyRootSelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridBodyReadonlyTypographySelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridBodySurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-body-background-color',\n    '#FFFFFF',\n  ),\n  [treeGridPanelSelectSelector]: {\n    backgroundImage: `${treeGridPanelSelectCheckboxIcon} !important`,\n    backgroundPosition: 'center center !important',\n    backgroundRepeat: 'no-repeat !important',\n    backgroundSize: '17px 17px !important',\n  },\n  [treeGridPanelSelectOnSelector]: {\n    backgroundImage: `${treeGridPanelSelectCheckboxOnIcon} !important`,\n    backgroundPosition: 'center center !important',\n    backgroundRepeat: 'no-repeat !important',\n    backgroundSize: '17px 17px !important',\n  },\n  [treeGridHeaderPanelSelectSelector]: {\n    backgroundImage: `${treeGridHeaderPanelSelectCheckboxIcon} !important`,\n    backgroundPosition: 'center center !important',\n    backgroundRepeat: 'no-repeat !important',\n    backgroundSize: '17px 17px !important',\n  },\n  [treeGridHeaderPanelSelectOnSelector]: {\n    backgroundImage: `${treeGridHeaderPanelSelectCheckboxOnIcon} !important`,\n    backgroundPosition: 'center center !important',\n    backgroundRepeat: 'no-repeat !important',\n    backgroundSize: '17px 17px !important',\n  },\n  [treeGridHeaderPanelSelectCheckedSelector]: {\n    backgroundImage: `${treeGridHeaderPanelSelectCheckboxOnIcon} !important`,\n  },\n  [treeGridHeaderPanelSelectIndeterminateSelector]: {\n    backgroundImage: `${treeGridHeaderPanelSelectCheckboxIndeterminateIcon} !important`,\n  },\n  [treeGridHeaderPanelSelectUncheckedSelector]: {\n    backgroundImage: `${treeGridHeaderPanelSelectCheckboxIcon} !important`,\n  },\n  [treeGridPanelFilterOffSelector]: {\n    WebkitMaskImage: `${treeGridPanelFilterOffMask} !important`,\n    WebkitMaskPosition: 'center center !important',\n    WebkitMaskRepeat: 'no-repeat !important',\n    WebkitMaskSize: '17px 17px !important',\n    backgroundColor: `${TREE_GRID_PANEL_FILTER_OFF_COLOR} !important`,\n    backgroundImage: 'none !important',\n    height: '17px !important',\n    maskImage: `${treeGridPanelFilterOffMask} !important`,\n    maskPosition: 'center center !important',\n    maskRepeat: 'no-repeat !important',\n    maskSize: '17px 17px !important',\n    opacity: 0.72,\n    width: '17px !important',\n  },\n  [treeGridPanelFilterOnSelector]: {\n    WebkitMaskImage: `${treeGridPanelFilterOnMask} !important`,\n    WebkitMaskPosition: 'center center !important',\n    WebkitMaskRepeat: 'no-repeat !important',\n    WebkitMaskSize: '17px 17px !important',\n    backgroundColor: `${TREE_GRID_PANEL_FILTER_ON_COLOR} !important`,\n    backgroundImage: 'none !important',\n    height: '17px !important',\n    maskImage: `${treeGridPanelFilterOnMask} !important`,\n    maskPosition: 'center center !important',\n    maskRepeat: 'no-repeat !important',\n    maskSize: '17px 17px !important',\n    opacity: 1,\n    width: '17px !important',\n  },\n  [treeGridStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridStandardDateButtonIcon} !important`,\n  },\n  [treeGridChangedStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridChangedStandardDateButtonIcon} !important`,\n  },\n  [treeGridFocusedChangedStandardDateButtonSelector]: {\n    backgroundImage: `${treeGridStandardDateButtonIcon} !important`,\n  },\n  [treeGridTimePickerEditorIconSelector]: {\n    backgroundImage: treeGridTimePickerDateButtonIcon,\n    backgroundPosition: 'center calc(50% - 1px)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '16px 16px',\n    display: 'inline-block',\n    height: '16px',\n    lineHeight: 0,\n    marginRight: '4px',\n    verticalAlign: 'middle',\n    width: '16px',\n  },\n  [treeGridChangedTimePickerEditorIconSelector]: {\n    WebkitMaskImage: treeGridTimePickerDateButtonIcon,\n    WebkitMaskPosition: 'center calc(50% - 1px)',\n    WebkitMaskRepeat: 'no-repeat',\n    WebkitMaskSize: '16px 16px',\n    backgroundColor: 'var(--owp-tree-grid-changed-text-color, #ffffff) !important',\n    backgroundImage: 'none !important',\n    maskImage: treeGridTimePickerDateButtonIcon,\n    maskPosition: 'center calc(50% - 1px)',\n    maskRepeat: 'no-repeat',\n    maskSize: '16px 16px',\n  },\n  [treeGridFocusedChangedTimePickerEditorIconSelector]: {\n    backgroundColor: `${TREE_GRID_DEFAULT_ICON_COLOR} !important`,\n  },\n  [treeGridEnumMenuScrollableSelector]: {\n    scrollbarColor: 'rgba(0, 0, 0, 0.32) transparent',\n    scrollbarWidth: 'thin',\n  },\n  [treeGridEnumMenuScrollbarSelector]: {\n    height: '8px',\n    width: '8px',\n  },\n  [treeGridEnumMenuScrollbarThumbSelector]: {\n    backgroundClip: 'padding-box',\n    backgroundColor: 'rgba(0, 0, 0, 0.32)',\n    border: '2px solid transparent',\n    borderRadius: '8px',\n  },\n  [treeGridEnumMenuScrollbarThumbHoverSelector]: {\n    backgroundColor: 'rgba(0, 0, 0, 0.44)',\n  },\n  [treeGridEnumMenuScrollbarTrackSelector]: {\n    backgroundColor: 'transparent',\n  },\n  [treeGridEnumMenuScrollbarCornerSelector]: {\n    backgroundColor: 'transparent',\n  },\n  [treeGridTableRadiusWrapperSelector]: {\n    position: 'relative',\n  },\n  [treeGridTableRadiusSelector]: {\n    borderBottom: '0 !important',\n    borderRadius: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0`,\n    clipPath: `inset(0 round ${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0)`,\n    overflow: 'hidden',\n  },\n  [treeGridTableRadiusTopBorderSelector]: {\n    border: `${TREE_GRID_TABLE_RADIUS_BORDER_WIDTH} solid ${TREE_GRID_TABLE_RADIUS_BORDER_COLOR}`,\n    borderBottom: 0,\n    borderRadius: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR} 0 0`,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    zIndex: 2,\n  },\n  [treeGridToolbarTopBorderSelector]: {\n    borderTopColor: 'transparent !important',\n    overflow: 'visible',\n    position: 'relative',\n  },\n  [treeGridToolbarTopBorderRadiusSelector]: {\n    border: `${TREE_GRID_TABLE_RADIUS_BORDER_WIDTH} solid ${TREE_GRID_TABLE_RADIUS_BORDER_COLOR}`,\n    borderBottomLeftRadius: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    borderBottomRightRadius: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    borderTop: 0,\n    boxSizing: 'border-box',\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    transform: 'translateY(-100%)',\n    zIndex: 2,\n  },\n  [treeGridToolbarTopBorderCornerMaskSelector]: {\n    backgroundImage: `radial-gradient(circle at right top, transparent calc(${TREE_GRID_TABLE_RADIUS_CSS_VAR} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${TREE_GRID_TABLE_RADIUS_CSS_VAR}), radial-gradient(circle at left top, transparent calc(${TREE_GRID_TABLE_RADIUS_CSS_VAR} - 1px), var(--owp-tree-grid-toolbar-row-background-color, #FFFFFF) ${TREE_GRID_TABLE_RADIUS_CSS_VAR})`,\n    backgroundPosition: 'left top, right top',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: `${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR}, ${TREE_GRID_TABLE_RADIUS_CSS_VAR} ${TREE_GRID_TABLE_RADIUS_CSS_VAR}`,\n    content: '\"\"',\n    display: 'block',\n    height: TREE_GRID_TABLE_RADIUS_CSS_VAR,\n    left: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    transform: 'translateY(-100%)',\n    zIndex: 1,\n  },\n  [treeGridFillRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-body-fill-background-color',\n  ),\n  [treeGridSolidRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-row-solid-background-color',\n  ),\n  [treeGridToolbarSolidRowSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-toolbar-row-background-color',\n  ),\n  [treeGridCellDefaultSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-row-background-color',\n    '#FFFFFF',\n  ),\n  [treeGridRowDefaultSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-row-background-color',\n    '#FFFFFE',\n  ),\n  [treeGridHeaderTypographySelector]: {\n    color: 'var(--owp-tree-grid-header-color, #ffffff) !important',\n    fontFamily: `${TREEGRID_FONT_FAMILY_STACK} !important`,\n    fontSize: 'var(--owp-tree-grid-header-font-size, 14px) !important',\n    fontWeight: 'var(--owp-tree-grid-header-font-weight, normal) !important',\n    lineHeight: '16px',\n  },\n  [treeGridHeaderSurfaceSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-header-background-color, #586980) !important',\n    color: 'var(--owp-tree-grid-header-color, #ffffff) !important',\n  },\n  [treeGridHoverRowSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-row-background-color',\n    '#F0F0FF',\n  ),\n  [treeGridHoverRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-row-background-color',\n    '#EEE',\n  ),\n  [treeGridHoverRowBorderSelector]: {\n    borderTopColor: 'var(--owp-tree-grid-hover-row-border-color) !important',\n    borderBottomColor: 'var(--owp-tree-grid-hover-row-border-color) !important',\n  },\n  [treeGridSelectedSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-cell-background-color',\n    '#FFFFA6',\n  ),\n  [treeGridSelectedSurfaceDescendantSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-cell-background-color',\n    '#FFFFA6',\n  ),\n  [treeGridSelectedRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-selected-row-background-color',\n    '#EEE',\n  ),\n  [treeGridFocusedRowSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-row-background-color',\n    '#E6E6E6',\n  ),\n  [treeGridFocusedRowSideSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-row-background-color',\n    '#EEE',\n  ),\n  [treeGridFocusedRowBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-row-border-color) !important',\n  },\n  [treeGridHoverCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#BFDDF2',\n  ),\n  [treeGridHoverCellBorderSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-hover-cell-background-color) !important',\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellMutedSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#F0F0F0',\n  ),\n  [treeGridHoverCellMutedSurfaceDescendantSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n    '#F0F0F0',\n  ),\n  [treeGridHoverPreviewCellSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n  ),\n  [treeGridHoverCellExtendedSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-hover-cell-background-color',\n  ),\n  [treeGridHoverCellSpaceClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellButtonClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridHoverCellTabClassBorderSelector]: {\n    borderTopColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n    borderBottomColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n    outlineColor: 'var(--owp-tree-grid-hover-cell-border-color) !important',\n  },\n  [treeGridFocusedCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-focused-cell-background-color',\n    '#FFFFFE',\n  ),\n  [treeGridFocusedCellRectSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-focused-cell-rect-background-color) !important',\n  },\n  [treeGridFocusedCellBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellCornerSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellSpaceClassBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-focused-cell-border-color) !important',\n  },\n  [treeGridFocusedCellExtendedSurfaceSelector]: createTreeGridOptionalBackgroundColorStyle(\n    '--owp-tree-grid-focused-cell-background-color',\n  ),\n  [treeGridChangedCellSurfaceSelector]: createTreeGridBackgroundColorStyle(\n    '--owp-tree-grid-changed-background-color',\n    '#EEE',\n  ),\n  [treeGridChangedCellTypographySelector]: {\n    color: 'var(--owp-tree-grid-changed-text-color, #ffffff) !important',\n    fontWeight: treeGridChangedCellFontWeightValue,\n  },\n  [treeGridFocusedChangedCellTypographySelector]: {\n    color: 'var(--owp-tree-grid-body-color, #111112) !important',\n  },\n  [treeGridHiddenChangedCellTypographySelector]: {\n    color: 'transparent !important',\n  },\n  [treeGridEditingCellBorderSelector]: {\n    borderColor: 'var(--owp-tree-grid-editing-cell-border-color) !important',\n  },\n  [treeGridEditingCellCornerSelector]: {\n    backgroundColor: 'var(--owp-tree-grid-editing-cell-border-color) !important',\n  },\n};\n\nconst toTreeGridCssValue = (value: number | string) => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\nconst setOptionalTreeGridCssVariable = (\n  style: TreeGridThemeContainerStyle,\n  cssVariableName: TreeGridThemeCssVariableName,\n  value: string | undefined,\n) => {\n  if (value) {\n    style[cssVariableName] = value;\n  }\n};\n\n/**\n * TreeGrid theme CSS 변수 컨테이너 스타일 생성\n * @param input Grid theme 입력값\n */\nexport const createTreeGridThemeContainerStyle = ({\n  width,\n  height,\n  treeGridTheme,\n  gridThemeConfig,\n  containerStyle,\n  tableBorderRadius,\n}: {\n  width: TreeGridLayoutDimensionValue;\n  height: TreeGridLayoutDimensionValue;\n  treeGridTheme: OwpResolvedGridThemeConfigType;\n  gridThemeConfig?: OwpGridThemeConfigType | null;\n  containerStyle?: CSSProperties;\n  tableBorderRadius?: TreeGridLayoutDimensionValue;\n}): TreeGridThemeContainerStyle => {\n  const resolvedContainerStyle: TreeGridThemeContainerStyle = {\n    height,\n    width,\n  };\n\n  for (const { cssVariableName, getValue } of TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS) {\n    setOptionalTreeGridCssVariable(resolvedContainerStyle, cssVariableName, getValue(gridThemeConfig));\n  }\n\n  for (const { cssVariableName, getValue } of TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS) {\n    resolvedContainerStyle[cssVariableName] = getValue(treeGridTheme);\n  }\n\n  if (tableBorderRadius !== undefined) {\n    resolvedContainerStyle['--owp-tree-grid-table-border-radius'] =\n      toTreeGridCssValue(tableBorderRadius);\n  }\n\n  return {\n    ...resolvedContainerStyle,\n    ...containerStyle,\n  };\n};\n"],"names":["TREE_GRID_THEME_WRAPPER_CLASS","TREE_GRID_THEME_TABLE_RADIUS_CLASS","TREE_GRID_PANEL_CHECKBOX_SELECT_CLASS","TREE_GRID_SELECT_ALL_CHECKED_CLASS","TREE_GRID_SELECT_ALL_INDETERMINATE_CLASS","TREE_GRID_SELECT_ALL_UNCHECKED_CLASS","TREE_GRID_STYLE_PREFIXES","TREE_GRID_TABLE_RADIUS_BORDER_COLOR","TREE_GRID_TABLE_RADIUS_BORDER_WIDTH","TREE_GRID_TABLE_RADIUS_CSS_VAR","DEFAULT_TABLE_RADIUS","TREE_GRID_DEFAULT_ICON_COLOR","createTreeGridSvgBackgroundImage","__name","svg","treeGridPanelSelectCheckboxIcon","treeGridPanelSelectCheckboxOnIcon","treeGridHeaderPanelSelectCheckboxIcon","treeGridHeaderPanelSelectCheckboxOnIcon","treeGridHeaderPanelSelectCheckboxIndeterminateIcon","treeGridPanelFilterOffMask","treeGridPanelFilterOnMask","TREE_GRID_PANEL_FILTER_OFF_COLOR","TREE_GRID_PANEL_FILTER_ON_COLOR","TREE_GRID_OPTIONAL_THEME_VARIABLE_RESOLVERS","gridThemeConfig","_a","TREE_GRID_RESOLVED_THEME_VARIABLE_RESOLVERS","treeGridTheme","toTreeGridCssValue","createTreeGridBackgroundColorStyle","cssVariableName","fallbackColor","createTreeGridOptionalBackgroundColorStyle","createTreeGridSelectors","wrapperSelector","rowSuffix","suffixes","descendant","withChildren","prefix","suffix","rowSelector","selector","createTreeGridNestedSelectors","ancestorSuffixes","ancestorSuffix","treeGridCheckboxSelectWrapperSelector","treeGridSelectAllCheckedWrapperSelector","treeGridSelectAllIndeterminateWrapperSelector","treeGridSelectAllUncheckedWrapperSelector","treeGridPanelSelectSelector","treeGridPanelSelectOnSelector","treeGridHeaderPanelSelectSelector","treeGridHeaderPanelSelectOnSelector","treeGridHeaderPanelSelectCheckedSelector","treeGridHeaderPanelSelectIndeterminateSelector","treeGridHeaderPanelSelectUncheckedSelector","treeGridPanelFilterOffSelector","treeGridPanelFilterOnSelector","treeGridBodyTypographySelector","treeGridBodyRootSelector","treeGridBodyReadonlyTypographySelector","treeGridBodySurfaceSelector","treeGridTableRadiusWrapperSelector","treeGridTableRadiusSelector","treeGridTableRadiusTopBorderSelector","treeGridToolbarTopBorderSelector","treeGridToolbarTopBorderRadiusSelector","treeGridToolbarTopBorderCornerMaskSelector","treeGridFillRowSurfaceSelector","treeGridSolidRowSurfaceSelector","treeGridToolbarSolidRowSurfaceSelector","treeGridCellDefaultSurfaceSelector","treeGridRowDefaultSurfaceSelector","treeGridHeaderTypographySelector","treeGridHeaderSurfaceSelector","treeGridHoverRowSurfaceSelector","treeGridHoverRowSideSelector","treeGridHoverRowBorderSelector","treeGridSelectedSurfaceSelector","treeGridSelectedSurfaceDescendantSelector","treeGridSelectedRowSideSelector","treeGridFocusedRowSurfaceSelector","treeGridFocusedRowSideSelector","treeGridFocusedRowBorderSelector","treeGridHoverCellSurfaceSelector","treeGridHoverCellBorderSelector","treeGridHoverCellMutedSurfaceSelector","treeGridHoverCellMutedSurfaceDescendantSelector","treeGridHoverPreviewCellSurfaceSelector","treeGridHoverCellExtendedSurfaceSelector","treeGridFocusedCellSurfaceSelector","treeGridFocusedCellRectSelector","treeGridFocusedCellBorderSelector","treeGridFocusedCellCornerSelector","treeGridFocusedCellSpaceClassBorderSelector","treeGridFocusedCellExtendedSurfaceSelector","treeGridHoverCellSpaceClassBorderSelector","treeGridHoverCellButtonClassBorderSelector","treeGridHoverCellTabClassBorderSelector","treeGridChangedCellSurfaceSelector","treeGridChangedCellTypographySelector","focusedCellClass","changedCellSelector","TREEGRID_CELL_CHANGED_CLASS","treeGridFocusedChangedCellTypographySelector","treeGridHiddenChangedCellTypographySelector","hiddenValueClass","treeGridChangedCellFontWeightValue","TREEGRID_CELL_HIGHLIGHT_FONT_WEIGHT","treeGridEditingCellBorderSelector","treeGridEditingCellCornerSelector","treeGridStandardDateButtonSelector","treeGridChangedStandardDateButtonSelector","treeGridFocusedChangedStandardDateButtonSelector","baseSelector","treeGridStandardDateButtonIcon","treeGridChangedStandardDateButtonIcon","treeGridTimePickerDateButtonIcon","treeGridTimePickerEditorIconSelector","treeGridChangedTimePickerEditorIconSelector","treeGridFocusedChangedTimePickerEditorIconSelector","treeGridEnumMenuScrollableSelector","treeGridEnumMenuScrollbarSelector","treeGridEnumMenuScrollbarThumbSelector","treeGridEnumMenuScrollbarThumbHoverSelector","treeGridEnumMenuScrollbarTrackSelector","treeGridEnumMenuScrollbarCornerSelector","treeGridThemeStyles","TREEGRID_FONT_FAMILY_STACK","value","setOptionalTreeGridCssVariable","style","createTreeGridThemeContainerStyle","width","height","containerStyle","tableBorderRadius","resolvedContainerStyle","getValue"],"mappings":"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"}

package/dist/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js

@@ -1,31 +1,31 @@
 var u = Object.defineProperty;
-var e = (t, r) => u(t, "name", { value: r, configurable: !0 });
+var e = (r, t) => u(r, "name", { value: t, configurable: !0 });
 import { jsx as m } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
 import { useOwpTranslation as x } from "../../hooks/useOwpTranslation.js";
 import { useTreeGridExcelExport as f } from "../../hooks/useTreeGridExcelExport.js";
 import { Button as B } from "@mui/material";
 const O = /* @__PURE__ */ e(({
-  gridId: t,
-  exportName: r,
-  children: a,
+  gridId: r,
+  exportName: t,
+  children: c,
   loading: n,
   loadingPosition: p,
   onClick: o,
-  ...c
+  ...a
 }) => {
-  const { t: d } = x(), { exportByTreeGrid: l, isExporting: i } = f(t);
+  const { t: d } = x(), { exportByTreeGrid: l, isExporting: i } = f(r);
   return /* @__PURE__ */ m(
     B,
     {
       variant: "contained",
       color: "success",
-      ...c,
+      ...a,
       loading: !!(n || i),
-      loadingPosition: p ?? "start",
+      loadingPosition: p ?? "center",
       onClick: /* @__PURE__ */ e((s) => {
-        o == null || o(s), !(s.defaultPrevented || n || i) && l(r ?? t);
+        o == null || o(s), !(s.defaultPrevented || n || i) && l(t ?? r);
       }, "handleClick"),
-      children: a ?? d("Button.엑셀 다운로드")
+      children: c ?? d("Button.엑셀 다운로드")
     }
   );
 }, "OwpTreeGridExportExcelButton");

package/dist/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpTreeGridExportExcelButton.js","sources":["../../../src/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useTreeGridExcelExport } from '@/hooks/useTreeGridExcelExport';\nimport { Button, type ButtonProps } from '@mui/material';\nimport { type MouseEventHandler } from 'react';\n\nexport interface OwpTreeGridExportExcelButtonProps extends ButtonProps {\n  gridId: string;\n  exportName?: string;\n}\n\n/**\n * TreeGrid 엑셀 내보내기 버튼\n * @param gridId TreeGrid 인스턴스 ID\n * @param exportName 다운로드 파일명\n */\nconst OwpTreeGridExportExcelButton = ({\n  gridId,\n  exportName,\n  children,\n  loading,\n  loadingPosition,\n  onClick,\n  ...buttonProps\n}: OwpTreeGridExportExcelButtonProps) => {\n  const { t } = useOwpTranslation();\n  const { exportByTreeGrid, isExporting } = useTreeGridExcelExport(gridId);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || loading || isExporting) {\n      return;\n    }\n\n    void exportByTreeGrid(exportName ?? gridId);\n  };\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"success\"\n      {...buttonProps}\n      loading={Boolean(loading || isExporting)}\n      loadingPosition={loadingPosition ?? 'start'}\n      onClick={handleClick}\n    >\n      {children ?? t('Button.엑셀 다운로드')}\n    </Button>\n  );\n};\n\nexport { OwpTreeGridExportExcelButton };\n"],"names":["OwpTreeGridExportExcelButton","__name","gridId","exportName","children","loading","loadingPosition","onClick","buttonProps","t","useOwpTranslation","exportByTreeGrid","isExporting","useTreeGridExcelExport","jsx","Button","event"],"mappings":";;;;;;AAeA,MAAMA,IAA+B,gBAAAC,EAAA,CAAC;AAAA,EACpC,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,kBAAAC,GAAkB,aAAAC,MAAgBC,EAAuBX,CAAM;AAYvE,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAGP;AAAA,MACJ,SAAS,GAAQH,KAAWO;AAAA,MAC5B,iBAAiBN,KAAmB;AAAA,MACpC,SAjBsD,gBAAAL,EAAA,CAACe,MAAU;AAGnE,QAFAT,KAAA,QAAAA,EAAUS,IAEN,EAAAA,EAAM,oBAAoBX,KAAWO,MAIpCD,EAAiBR,KAAcD,CAAM;AAAA,MAC5C,GAR0D;AAAA,MAmBrD,UAAAE,KAAYK,EAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGrC,GAlCqC;"}
+{"version":3,"file":"OwpTreeGridExportExcelButton.js","sources":["../../../src/components/OwpTreeGridExportExcelButton/OwpTreeGridExportExcelButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useTreeGridExcelExport } from '@/hooks/useTreeGridExcelExport';\nimport { Button, type ButtonProps } from '@mui/material';\nimport { type MouseEventHandler } from 'react';\n\nexport interface OwpTreeGridExportExcelButtonProps extends ButtonProps {\n  gridId: string;\n  exportName?: string;\n}\n\n/**\n * TreeGrid 엑셀 내보내기 버튼\n * @param gridId TreeGrid 인스턴스 ID\n * @param exportName 다운로드 파일명\n */\nconst OwpTreeGridExportExcelButton = ({\n  gridId,\n  exportName,\n  children,\n  loading,\n  loadingPosition,\n  onClick,\n  ...buttonProps\n}: OwpTreeGridExportExcelButtonProps) => {\n  const { t } = useOwpTranslation();\n  const { exportByTreeGrid, isExporting } = useTreeGridExcelExport(gridId);\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || loading || isExporting) {\n      return;\n    }\n\n    void exportByTreeGrid(exportName ?? gridId);\n  };\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"success\"\n      {...buttonProps}\n      loading={Boolean(loading || isExporting)}\n      loadingPosition={loadingPosition ?? 'center'}\n      onClick={handleClick}\n    >\n      {children ?? t('Button.엑셀 다운로드')}\n    </Button>\n  );\n};\n\nexport { OwpTreeGridExportExcelButton };\n"],"names":["OwpTreeGridExportExcelButton","__name","gridId","exportName","children","loading","loadingPosition","onClick","buttonProps","t","useOwpTranslation","exportByTreeGrid","isExporting","useTreeGridExcelExport","jsx","Button","event"],"mappings":";;;;;;AAeA,MAAMA,IAA+B,gBAAAC,EAAA,CAAC;AAAA,EACpC,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAyC;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,kBAAAC,GAAkB,aAAAC,MAAgBC,EAAuBX,CAAM;AAYvE,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAGP;AAAA,MACJ,SAAS,GAAQH,KAAWO;AAAA,MAC5B,iBAAiBN,KAAmB;AAAA,MACpC,SAjBsD,gBAAAL,EAAA,CAACe,MAAU;AAGnE,QAFAT,KAAA,QAAAA,EAAUS,IAEN,EAAAA,EAAM,oBAAoBX,KAAWO,MAIpCD,EAAiBR,KAAcD,CAAM;AAAA,MAC5C,GAR0D;AAAA,MAmBrD,UAAAE,KAAYK,EAAE,gBAAgB;AAAA,IAAA;AAAA,EAAA;AAGrC,GAlCqC;"}

package/dist/layout/components/logo/Logo.js

@@ -1,21 +1,15 @@
-var A = Object.defineProperty;
-var m = (t, r) => A(t, "name", { value: r, configurable: !0 });
-import { jsx as e, jsxs as O } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useOwpAppContext as k } from "../../../contexts/OwpAppProvider.js";
-import { useGetLogoSrc as z } from "../../../hooks/useLogoSrc.js";
+var I = Object.defineProperty;
+var d = (s, l) => I(s, "name", { value: l, configurable: !0 });
+import { jsx as e, jsxs as k } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useOwpAppContext as z } from "../../../contexts/OwpAppProvider.js";
+import { useGetLogoSrc as O } from "../../../hooks/useLogoSrc.js";
 import { Skeleton as q } from "@mui/material";
 import { styled as B } from "@mui/material/styles";
-import { useRef as I, useState as w, useLayoutEffect as F } from "react";
-const M = B("div")(({ theme: t }) => ({
+import { useRef as L, useState as w, useLayoutEffect as F } from "react";
+const M = B("div")(({ theme: s }) => ({
   height: "100%",
   minWidth: 0,
   maxWidth: "100%",
-  "& > .logo-icon": {
-    transition: t.transitions.create(["width", "height"], {
-      duration: t.transitions.duration.shortest,
-      easing: t.transitions.easing.easeInOut
-    })
-  },
   "& > .logo-slot": {
     position: "relative",
     display: "flex",
@@ -71,72 +65,65 @@ const M = B("div")(({ theme: t }) => ({
     height: 70,
     maxHeight: "100%",
     transform: "translate(-50%, -50%)",
-    borderRadius: t.shape.borderRadius
-  },
-  "& > .badge": {
-    transition: t.transitions.create("opacity", {
-      duration: t.transitions.duration.shortest,
-      easing: t.transitions.easing.easeInOut
-    })
+    borderRadius: s.shape.borderRadius
   }
 }));
-function Q() {
-  const t = z(), { slots: r, slotProps: h } = k(), i = r == null ? void 0 : r.logo, a = h == null ? void 0 : h.logo, b = ["owp-logo-slot-content", a == null ? void 0 : a.className].filter(Boolean).join(" "), N = I(null), R = I(null), [L, g] = w(1), [H, f] = w({}), [l, c] = w(!i);
+function T() {
+  const s = O(), { slots: l, slotProps: h } = z(), n = l == null ? void 0 : l.logo, r = h == null ? void 0 : h.logo, b = ["owp-logo-slot-content", r == null ? void 0 : r.className].filter(Boolean).join(" "), N = L(null), R = L(null), [j, f] = w(1), [H, g] = w({}), [a, c] = w(!n);
   return F(() => {
-    if (!i) {
-      g(1), f({}), c(!0);
+    if (!n) {
+      f(1), g({}), c(!0);
       return;
     }
-    const d = N.current, o = R.current, u = d == null ? void 0 : d.parentElement;
-    if (!d || !o || !u)
+    const m = N.current, t = R.current, u = m == null ? void 0 : m.parentElement;
+    if (!m || !t || !u)
       return;
     let p = 0;
     c(!1);
-    const j = /* @__PURE__ */ m(() => {
-      const { width: n, height: E } = u.getBoundingClientRect(), C = o.getBoundingClientRect(), x = C.width || o.scrollWidth || o.offsetWidth, y = C.height || o.scrollHeight || o.offsetHeight;
-      if (!n || !E || !x || !y) {
-        g(1), f({}), c(!1);
+    const A = /* @__PURE__ */ d(() => {
+      const { width: o, height: E } = u.getBoundingClientRect(), C = t.getBoundingClientRect(), x = C.width || t.scrollWidth || t.offsetWidth, y = C.height || t.scrollHeight || t.offsetHeight;
+      if (!o || !E || !x || !y) {
+        f(1), g({}), c(!1);
         return;
       }
-      const S = Math.min(n / x, E / y, 1);
-      g(S), f({
+      const S = Math.min(o / x, E / y, 1);
+      f(S), g({
         width: x * S,
         height: y * S
       }), c(!0);
-    }, "updateScale"), s = /* @__PURE__ */ m(() => {
-      cancelAnimationFrame(p), p = requestAnimationFrame(j);
+    }, "updateScale"), i = /* @__PURE__ */ d(() => {
+      cancelAnimationFrame(p), p = requestAnimationFrame(A);
     }, "requestUpdate");
-    s();
-    const v = new ResizeObserver(s);
-    v.observe(u), v.observe(o);
-    const W = Array.from(o.querySelectorAll("img"));
-    return W.forEach((n) => {
-      n.addEventListener("load", s), n.addEventListener("error", s);
+    i();
+    const v = new ResizeObserver(i);
+    v.observe(u), v.observe(t);
+    const W = Array.from(t.querySelectorAll("img"));
+    return W.forEach((o) => {
+      o.addEventListener("load", i), o.addEventListener("error", i);
     }), () => {
-      cancelAnimationFrame(p), v.disconnect(), W.forEach((n) => {
-        n.removeEventListener("load", s), n.removeEventListener("error", s);
+      cancelAnimationFrame(p), v.disconnect(), W.forEach((o) => {
+        o.removeEventListener("load", i), o.removeEventListener("error", i);
       });
     };
-  }, [i]), /* @__PURE__ */ e(M, { ref: N, className: "flex items-center space-x-8", children: i ? /* @__PURE__ */ O("div", { className: "logo-icon logo-slot", children: [
-    !l && /* @__PURE__ */ e(q, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
+  }, [n]), /* @__PURE__ */ e(M, { ref: N, className: "flex items-center space-x-8", children: n ? /* @__PURE__ */ k("div", { className: "logo-icon logo-slot", children: [
+    !a && /* @__PURE__ */ e(q, { animation: "wave", variant: "rounded", className: "logo-slot-skeleton" }),
     /* @__PURE__ */ e(
       "div",
       {
         className: "logo-slot-frame",
         style: {
-          transform: "translateX(-8px)",
-          width: l ? H.width : 0,
-          height: l ? H.height : 0,
-          visibility: l ? "visible" : "hidden"
+          width: a ? H.width : 0,
+          height: a ? H.height : 0,
+          visibility: a ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${L})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(i, { ...a, className: b }) }) })
+        children: /* @__PURE__ */ e("div", { className: "logo-slot-transform", style: { transform: `scale(${j})` }, children: /* @__PURE__ */ e("div", { className: "logo-slot-content", children: /* @__PURE__ */ e(n, { ...r, className: b }) }) })
       }
     ),
-    /* @__PURE__ */ e("div", { ref: R, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(i, { ...a, className: b }) })
-  ] }) : /* @__PURE__ */ e("img", { className: "logo-icon", src: t, alt: "logo" }) });
+    /* @__PURE__ */ e("div", { ref: R, className: "logo-slot-measure", "aria-hidden": !0, children: /* @__PURE__ */ e(n, { ...r, className: b }) })
+  ] }) : /* @__PURE__ */ e("img", { className: "logo-icon", src: s, alt: "logo" }) });
 }
-m(Q, "Logo");
+d(T, "Logo");
 export {
-  Q as default
+  T as default
 };
 //# sourceMappingURL=Logo.js.map

package/dist/layout/components/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../src/layout/components/logo/Logo.tsx"],"sourcesContent":["import { useOwpAppContext as useAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetLogoSrc } from '@/hooks/useLogoSrc';\nimport { Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nconst Root = styled('div')(({ theme }) => ({\n  height: '100%',\n  minWidth: 0,\n  maxWidth: '100%',\n  '& > .logo-icon': {\n    transition: theme.transitions.create(['width', 'height'], {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n  '& > .logo-slot': {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    height: '100%',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'visible',\n  },\n  '& > .logo-slot > .logo-slot-frame': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'hidden',\n  },\n  '& .logo-slot-transform': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    transformOrigin: 'left center',\n  },\n  '& .logo-slot-content, & .logo-slot-measure': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'fit-content',\n    height: 'fit-content',\n  },\n  '& .logo-slot-measure': {\n    position: 'absolute',\n    top: 0,\n    left: -99999,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n  },\n  '& .logo-slot-skeleton': {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 'min(100%, 160px)',\n    minHeight: 70,\n    height: 70,\n    maxHeight: '100%',\n    transform: 'translate(-50%, -50%)',\n    borderRadius: theme.shape.borderRadius,\n  },\n  '& > .badge': {\n    transition: theme.transitions.create('opacity', {\n      duration: theme.transitions.duration.shortest,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n  },\n}));\n\n/**\n * The logo component.\n */\nfunction Logo() {\n  const logoSrc = useGetLogoSrc();\n  const { slots, slotProps } = useAppContext();\n  const LogoSlot = slots?.logo;\n  const logoSlotProps = slotProps?.logo;\n  const logoSlotClassName = ['owp-logo-slot-content', logoSlotProps?.className]\n    .filter(Boolean)\n    .join(' ');\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const slotMeasureRef = useRef<HTMLDivElement | null>(null);\n  const [slotScale, setSlotScale] = useState(1);\n  const [slotSize, setSlotSize] = useState<{ width?: number; height?: number }>({});\n  const [isSlotReady, setIsSlotReady] = useState(!LogoSlot);\n\n  useLayoutEffect(() => {\n    if (!LogoSlot) {\n      setSlotScale(1);\n      setSlotSize({});\n      setIsSlotReady(true);\n      return;\n    }\n\n    const rootElement = rootRef.current;\n    const measureElement = slotMeasureRef.current;\n    const boundaryElement = rootElement?.parentElement;\n\n    if (!rootElement || !measureElement || !boundaryElement) {\n      return;\n    }\n\n    let frameId = 0;\n    setIsSlotReady(false);\n\n    const updateScale = () => {\n      const { width: boundaryWidth, height: boundaryHeight } =\n        boundaryElement.getBoundingClientRect();\n      const measureRect = measureElement.getBoundingClientRect();\n      const contentWidth =\n        measureRect.width || measureElement.scrollWidth || measureElement.offsetWidth;\n      const contentHeight =\n        measureRect.height || measureElement.scrollHeight || measureElement.offsetHeight;\n\n      if (!boundaryWidth || !boundaryHeight || !contentWidth || !contentHeight) {\n        setSlotScale(1);\n        setSlotSize({});\n        setIsSlotReady(false);\n        return;\n      }\n\n      const nextScale = Math.min(boundaryWidth / contentWidth, boundaryHeight / contentHeight, 1);\n\n      setSlotScale(nextScale);\n      setSlotSize({\n        width: contentWidth * nextScale,\n        height: contentHeight * nextScale,\n      });\n      setIsSlotReady(true);\n    };\n\n    const requestUpdate = () => {\n      cancelAnimationFrame(frameId);\n      frameId = requestAnimationFrame(updateScale);\n    };\n\n    requestUpdate();\n\n    const resizeObserver = new ResizeObserver(requestUpdate);\n    resizeObserver.observe(boundaryElement);\n    resizeObserver.observe(measureElement);\n\n    const imageElements = Array.from(measureElement.querySelectorAll('img'));\n    imageElements.forEach((imageElement) => {\n      imageElement.addEventListener('load', requestUpdate);\n      imageElement.addEventListener('error', requestUpdate);\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      resizeObserver.disconnect();\n      imageElements.forEach((imageElement) => {\n        imageElement.removeEventListener('load', requestUpdate);\n        imageElement.removeEventListener('error', requestUpdate);\n      });\n    };\n  }, [LogoSlot]);\n\n  return (\n    <Root ref={rootRef} className=\"flex items-center space-x-8\">\n      {LogoSlot ? (\n        <div className=\"logo-icon logo-slot\">\n          {!isSlotReady && (\n            <Skeleton animation=\"wave\" variant=\"rounded\" className=\"logo-slot-skeleton\" />\n          )}\n          <div\n            className=\"logo-slot-frame\"\n            style={{\n              transform: 'translateX(-8px)',\n              width: isSlotReady ? slotSize.width : 0,\n              height: isSlotReady ? slotSize.height : 0,\n              visibility: isSlotReady ? 'visible' : 'hidden',\n            }}\n          >\n            <div className=\"logo-slot-transform\" style={{ transform: `scale(${slotScale})` }}>\n              <div className=\"logo-slot-content\">\n                <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n              </div>\n            </div>\n          </div>\n          <div ref={slotMeasureRef} className=\"logo-slot-measure\" aria-hidden>\n            <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n          </div>\n        </div>\n      ) : (\n        <img className=\"logo-icon\" src={logoSrc} alt=\"logo\" />\n      )}\n    </Root>\n  );\n}\n\nexport default Logo;\n"],"names":["Root","styled","theme","Logo","logoSrc","useGetLogoSrc","slots","slotProps","useAppContext","LogoSlot","logoSlotProps","logoSlotClassName","rootRef","useRef","slotMeasureRef","slotScale","setSlotScale","useState","slotSize","setSlotSize","isSlotReady","setIsSlotReady","useLayoutEffect","rootElement","measureElement","boundaryElement","frameId","updateScale","__name","boundaryWidth","boundaryHeight","measureRect","contentWidth","contentHeight","nextScale","requestUpdate","resizeObserver","imageElements","imageElement","jsx","jsxs","Skeleton"],"mappings":"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"}
+{"version":3,"file":"Logo.js","sources":["../../../../src/layout/components/logo/Logo.tsx"],"sourcesContent":["import { useOwpAppContext as useAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetLogoSrc } from '@/hooks/useLogoSrc';\nimport { Skeleton } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { useLayoutEffect, useRef, useState } from 'react';\n\nconst Root = styled('div')(({ theme }) => ({\n  height: '100%',\n  minWidth: 0,\n  maxWidth: '100%',\n  '& > .logo-slot': {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    height: '100%',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'visible',\n  },\n  '& > .logo-slot > .logo-slot-frame': {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    minWidth: 0,\n    minHeight: 0,\n    maxWidth: '100%',\n    maxHeight: '100%',\n    flexShrink: 1,\n    overflow: 'hidden',\n  },\n  '& .logo-slot-transform': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    transformOrigin: 'left center',\n  },\n  '& .logo-slot-content, & .logo-slot-measure': {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: 'fit-content',\n    height: 'fit-content',\n  },\n  '& .logo-slot-measure': {\n    position: 'absolute',\n    top: 0,\n    left: -99999,\n    visibility: 'hidden',\n    pointerEvents: 'none',\n    whiteSpace: 'nowrap',\n  },\n  '& .logo-slot-skeleton': {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 'min(100%, 160px)',\n    minHeight: 70,\n    height: 70,\n    maxHeight: '100%',\n    transform: 'translate(-50%, -50%)',\n    borderRadius: theme.shape.borderRadius,\n  },\n}));\n\n/**\n * The logo component.\n */\nfunction Logo() {\n  const logoSrc = useGetLogoSrc();\n  const { slots, slotProps } = useAppContext();\n  const LogoSlot = slots?.logo;\n  const logoSlotProps = slotProps?.logo;\n  const logoSlotClassName = ['owp-logo-slot-content', logoSlotProps?.className]\n    .filter(Boolean)\n    .join(' ');\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const slotMeasureRef = useRef<HTMLDivElement | null>(null);\n  const [slotScale, setSlotScale] = useState(1);\n  const [slotSize, setSlotSize] = useState<{ width?: number; height?: number }>({});\n  const [isSlotReady, setIsSlotReady] = useState(!LogoSlot);\n\n  useLayoutEffect(() => {\n    if (!LogoSlot) {\n      setSlotScale(1);\n      setSlotSize({});\n      setIsSlotReady(true);\n      return;\n    }\n\n    const rootElement = rootRef.current;\n    const measureElement = slotMeasureRef.current;\n    const boundaryElement = rootElement?.parentElement;\n\n    if (!rootElement || !measureElement || !boundaryElement) {\n      return;\n    }\n\n    let frameId = 0;\n    setIsSlotReady(false);\n\n    const updateScale = () => {\n      const { width: boundaryWidth, height: boundaryHeight } =\n        boundaryElement.getBoundingClientRect();\n      const measureRect = measureElement.getBoundingClientRect();\n      const contentWidth =\n        measureRect.width || measureElement.scrollWidth || measureElement.offsetWidth;\n      const contentHeight =\n        measureRect.height || measureElement.scrollHeight || measureElement.offsetHeight;\n\n      if (!boundaryWidth || !boundaryHeight || !contentWidth || !contentHeight) {\n        setSlotScale(1);\n        setSlotSize({});\n        setIsSlotReady(false);\n        return;\n      }\n\n      const nextScale = Math.min(boundaryWidth / contentWidth, boundaryHeight / contentHeight, 1);\n\n      setSlotScale(nextScale);\n      setSlotSize({\n        width: contentWidth * nextScale,\n        height: contentHeight * nextScale,\n      });\n      setIsSlotReady(true);\n    };\n\n    const requestUpdate = () => {\n      cancelAnimationFrame(frameId);\n      frameId = requestAnimationFrame(updateScale);\n    };\n\n    requestUpdate();\n\n    const resizeObserver = new ResizeObserver(requestUpdate);\n    resizeObserver.observe(boundaryElement);\n    resizeObserver.observe(measureElement);\n\n    const imageElements = Array.from(measureElement.querySelectorAll('img'));\n    imageElements.forEach((imageElement) => {\n      imageElement.addEventListener('load', requestUpdate);\n      imageElement.addEventListener('error', requestUpdate);\n    });\n\n    return () => {\n      cancelAnimationFrame(frameId);\n      resizeObserver.disconnect();\n      imageElements.forEach((imageElement) => {\n        imageElement.removeEventListener('load', requestUpdate);\n        imageElement.removeEventListener('error', requestUpdate);\n      });\n    };\n  }, [LogoSlot]);\n\n  return (\n    <Root ref={rootRef} className=\"flex items-center space-x-8\">\n      {LogoSlot ? (\n        <div className=\"logo-icon logo-slot\">\n          {!isSlotReady && (\n            <Skeleton animation=\"wave\" variant=\"rounded\" className=\"logo-slot-skeleton\" />\n          )}\n          <div\n            className=\"logo-slot-frame\"\n            style={{\n              width: isSlotReady ? slotSize.width : 0,\n              height: isSlotReady ? slotSize.height : 0,\n              visibility: isSlotReady ? 'visible' : 'hidden',\n            }}\n          >\n            <div className=\"logo-slot-transform\" style={{ transform: `scale(${slotScale})` }}>\n              <div className=\"logo-slot-content\">\n                <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n              </div>\n            </div>\n          </div>\n          <div ref={slotMeasureRef} className=\"logo-slot-measure\" aria-hidden>\n            <LogoSlot {...logoSlotProps} className={logoSlotClassName} />\n          </div>\n        </div>\n      ) : (\n        <img className=\"logo-icon\" src={logoSrc} alt=\"logo\" />\n      )}\n    </Root>\n  );\n}\n\nexport default Logo;\n"],"names":["Root","styled","theme","Logo","logoSrc","useGetLogoSrc","slots","slotProps","useAppContext","LogoSlot","logoSlotProps","logoSlotClassName","rootRef","useRef","slotMeasureRef","slotScale","setSlotScale","useState","slotSize","setSlotSize","isSlotReady","setIsSlotReady","useLayoutEffect","rootElement","measureElement","boundaryElement","frameId","updateScale","__name","boundaryWidth","boundaryHeight","measureRect","contentWidth","contentHeight","nextScale","requestUpdate","resizeObserver","imageElements","imageElement","jsx","jsxs","Skeleton"],"mappings":"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"}