@mantine/core/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"assign-header-variables.cjs","names":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize"],"sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.ts"],"sourcesContent":["import { keys, rem } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignHeaderVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  header: AppShellProps['header'] | undefined;\n  mode: 'fixed' | 'static';\n}\n\nexport function assignHeaderVariables({\n  baseStyles,\n  minMediaStyles,\n  header,\n  mode,\n}: AssignHeaderVariablesInput) {\n  const headerHeight = header?.height;\n  const collapsedHeaderTransform = 'translateY(calc(var(--app-shell-header-height) * -1))';\n  const shouldOffset = mode === 'static' ? true : (header?.offset ?? true);\n\n  if (mode === 'static' && header) {\n    baseStyles['--app-shell-header-position'] = 'sticky';\n    baseStyles['--app-shell-header-grid-column'] = '1 / -1';\n    baseStyles['--app-shell-header-grid-row'] = '1';\n  }\n\n  if (isPrimitiveSize(headerHeight)) {\n    const baseSize = rem(getBaseSize(headerHeight));\n    baseStyles['--app-shell-header-height'] = baseSize;\n    if (shouldOffset) {\n      baseStyles['--app-shell-header-offset'] = baseSize;\n    }\n  }\n\n  if (isResponsiveSize(headerHeight)) {\n    if (typeof headerHeight.base !== 'undefined') {\n      baseStyles['--app-shell-header-height'] = rem(headerHeight.base);\n\n      if (shouldOffset) {\n        baseStyles['--app-shell-header-offset'] = rem(headerHeight.base);\n      }\n    }\n\n    keys(headerHeight).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-header-height'] = rem(headerHeight[key]);\n\n        if (shouldOffset) {\n          minMediaStyles[key]['--app-shell-header-offset'] = rem(headerHeight[key]);\n        }\n      }\n    });\n  }\n\n  if (header?.collapsed) {\n    baseStyles['--app-shell-header-transform'] = collapsedHeaderTransform;\n    if (mode === 'fixed') {\n      baseStyles['--app-shell-header-offset'] = '0px !important';\n    }\n  }\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EACpC,YACA,gBACA,QACA,QAC6B;CAC7B,MAAM,eAAe,QAAQ;CAC7B,MAAM,2BAA2B;CACjC,MAAM,eAAe,SAAS,WAAW,OAAQ,QAAQ,UAAU;AAEnE,KAAI,SAAS,YAAY,QAAQ;AAC/B,aAAW,iCAAiC;AAC5C,aAAW,oCAAoC;AAC/C,aAAW,iCAAiC;;AAG9C,KAAIA,0BAAAA,gBAAgB,aAAa,EAAE;EACjC,MAAM,WAAWC,YAAAA,IAAIC,sBAAAA,YAAY,aAAa,CAAC;AAC/C,aAAW,+BAA+B;AAC1C,MAAI,aACF,YAAW,+BAA+B;;AAI9C,KAAIC,2BAAAA,iBAAiB,aAAa,EAAE;AAClC,MAAI,OAAO,aAAa,SAAS,aAAa;AAC5C,cAAW,+BAA+BF,YAAAA,IAAI,aAAa,KAAK;AAEhE,OAAI,aACF,YAAW,+BAA+BA,YAAAA,IAAI,aAAa,KAAK;;AAIpE,eAAA,KAAK,aAAa,CAAC,SAAS,QAAQ;AAClC,OAAI,QAAQ,QAAQ;AAClB,mBAAe,OAAO,eAAe,QAAQ,EAAE;AAC/C,mBAAe,KAAK,+BAA+BA,YAAAA,IAAI,aAAa,KAAK;AAEzE,QAAI,aACF,gBAAe,KAAK,+BAA+BA,YAAAA,IAAI,aAAa,KAAK;;IAG7E;;AAGJ,KAAI,QAAQ,WAAW;AACrB,aAAW,kCAAkC;AAC7C,MAAI,SAAS,QACX,YAAW,+BAA+B"}