// <dxm-poster-section>'s attributes → its profile-config. Pure (no Vue), so it is testable on its own.
export const ATTRS = ['type', 'scope', 'collapsible', 'collapsed', 'locale', 'assets-base', 'api-base-url', 'is-dark', 'columns']
export const TAG = 'dxm-poster-section'

export function posterSectionConfig(el) {
  const a = (n) => el.getAttribute(n)
  const flag = (n, dflt) => (el.hasAttribute(n) ? a(n) !== 'false' : dflt)
  const cfg = { type: a('type') || 'country', scope: a('scope') || '', collapsible: flag('collapsible', true), collapsed: flag('collapsed', false), isDark: flag('is-dark', false) }
  if (a('locale')) cfg.locale = a('locale')
  if (a('assets-base')) cfg.assetsBase = a('assets-base')
  if (a('api-base-url')) cfg.apiBaseUrl = a('api-base-url')
  // posters per row (1-5); absent = the wall's own default. A reader's saved choice still wins (PosterWall).
  const cols = Number(a('columns'))
  if (el.hasAttribute('columns') && Number.isInteger(cols) && cols >= 1 && cols <= 5) cfg.columns = cols
  return cfg
}