Gecko [ tsuru-no-tsurugi.tokyo ]

Name	Size	Permission	Date
align-content.js	1.03 KB	-rw-r--r--	2026-06-24 16:16
align-items.js	968 B	-rw-r--r--	2026-06-24 16:16
align-self.js	1.1 KB	-rw-r--r--	2026-06-24 16:16
animation.js	401 B	-rw-r--r--	2026-06-24 16:16
appearance.js	463 B	-rw-r--r--	2026-06-24 16:16
autofill.js	531 B	-rw-r--r--	2026-06-24 16:16
backdrop-filter.js	436 B	-rw-r--r--	2026-06-24 16:16
background-clip.js	504 B	-rw-r--r--	2026-06-24 16:16
background-size.js	516 B	-rw-r--r--	2026-06-24 16:16
block-logical.js	857 B	-rw-r--r--	2026-06-24 16:16
border-image.js	338 B	-rw-r--r--	2026-06-24 16:16
border-radius.js	907 B	-rw-r--r--	2026-06-24 16:16
break-props.js	1.28 KB	-rw-r--r--	2026-06-24 16:16
cross-fade.js	863 B	-rw-r--r--	2026-06-24 16:16
display-flex.js	1.27 KB	-rw-r--r--	2026-06-24 16:16
display-grid.js	409 B	-rw-r--r--	2026-06-24 16:16
file-selector-button.js	598 B	-rw-r--r--	2026-06-24 16:16
filter-value.js	283 B	-rw-r--r--	2026-06-24 16:16
filter.js	386 B	-rw-r--r--	2026-06-24 16:16
flex-basis.js	808 B	-rw-r--r--	2026-06-24 16:16
flex-direction.js	1.75 KB	-rw-r--r--	2026-06-24 16:16
flex-flow.js	1.42 KB	-rw-r--r--	2026-06-24 16:16
flex-grow.js	595 B	-rw-r--r--	2026-06-24 16:16
flex-shrink.js	801 B	-rw-r--r--	2026-06-24 16:16
flex-spec.js	375 B	-rw-r--r--	2026-06-24 16:16
flex-wrap.js	379 B	-rw-r--r--	2026-06-24 16:16
flex.js	1.14 KB	-rw-r--r--	2026-06-24 16:16
fullscreen.js	406 B	-rw-r--r--	2026-06-24 16:16
gradient.js	10.43 KB	-rw-r--r--	2026-06-24 16:16
grid-area.js	891 B	-rw-r--r--	2026-06-24 16:16
grid-column-align.js	513 B	-rw-r--r--	2026-06-24 16:16
grid-end.js	1.25 KB	-rw-r--r--	2026-06-24 16:16
grid-row-align.js	496 B	-rw-r--r--	2026-06-24 16:16
grid-row-column.js	825 B	-rw-r--r--	2026-06-24 16:16
grid-rows-columns.js	3 KB	-rw-r--r--	2026-06-24 16:16
grid-start.js	670 B	-rw-r--r--	2026-06-24 16:16
grid-template-areas.js	1.86 KB	-rw-r--r--	2026-06-24 16:16
grid-template.js	1.41 KB	-rw-r--r--	2026-06-24 16:16
grid-utils.js	30.36 KB	-rw-r--r--	2026-06-24 16:16
image-rendering.js	913 B	-rw-r--r--	2026-06-24 16:16
image-set.js	395 B	-rw-r--r--	2026-06-24 16:16
inline-logical.js	681 B	-rw-r--r--	2026-06-24 16:16
intrinsic.js	1.36 KB	-rw-r--r--	2026-06-24 16:16
justify-content.js	1.21 KB	-rw-r--r--	2026-06-24 16:16
mask-border.js	790 B	-rw-r--r--	2026-06-24 16:16
mask-composite.js	2.06 KB	-rw-r--r--	2026-06-24 16:16
order.js	907 B	-rw-r--r--	2026-06-24 16:16
overscroll-behavior.js	677 B	-rw-r--r--	2026-06-24 16:16
pixelated.js	819 B	-rw-r--r--	2026-06-24 16:16
place-self.js	830 B	-rw-r--r--	2026-06-24 16:16
placeholder-shown.js	437 B	-rw-r--r--	2026-06-24 16:16
placeholder.js	711 B	-rw-r--r--	2026-06-24 16:16
print-color-adjust.js	506 B	-rw-r--r--	2026-06-24 16:16
text-decoration-skip-ink.js	524 B	-rw-r--r--	2026-06-24 16:16
text-decoration.js	430 B	-rw-r--r--	2026-06-24 16:16
text-emphasis-position.js	357 B	-rw-r--r--	2026-06-24 16:16
transform-decl.js	1.58 KB	-rw-r--r--	2026-06-24 16:16
user-select.js	711 B	-rw-r--r--	2026-06-24 16:16
writing-mode.js	1002 B	-rw-r--r--	2026-06-24 16:16

Rename

let Declaration = require('../declaration')
let Processor = require('../processor')
let {
  autoplaceGridItems,
  getGridGap,
  inheritGridGap,
  prefixTrackProp,
  prefixTrackValue
} = require('./grid-utils')

class GridRowsColumns extends Declaration {
  insert(decl, prefix, prefixes, result) {
    if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)

let { parent, prop, value } = decl
    let isRowProp = prop.includes('rows')
    let isColumnProp = prop.includes('columns')

let hasGridTemplate = parent.some(
      i => i.prop === 'grid-template' || i.prop === 'grid-template-areas'
    )

/**
     * Not to prefix rows declaration if grid-template(-areas) is present
     */
    if (hasGridTemplate && isRowProp) {
      return false
    }

let processor = new Processor({ options: {} })
    let status = processor.gridStatus(parent, result)
    let gap = getGridGap(decl)
    gap = inheritGridGap(decl, gap) || gap

let gapValue = isRowProp ? gap.row : gap.column

if ((status === 'no-autoplace' || status === true) && !hasGridTemplate) {
      gapValue = null
    }

let prefixValue = prefixTrackValue({
      gap: gapValue,
      value
    })

/**
     * Insert prefixes
     */
    decl.cloneBefore({
      prop: prefixTrackProp({ prefix, prop }),
      value: prefixValue
    })

let autoflow = parent.nodes.find(i => i.prop === 'grid-auto-flow')
    let autoflowValue = 'row'

if (autoflow && !processor.disabled(autoflow, result)) {
      autoflowValue = autoflow.value.trim()
    }
    if (status === 'autoplace') {
      /**
       * Show warning if grid-template-rows decl is not found
       */
      let rowDecl = parent.nodes.find(i => i.prop === 'grid-template-rows')

if (!rowDecl && hasGridTemplate) {
        return undefined
      } else if (!rowDecl && !hasGridTemplate) {
        decl.warn(
          result,
          'Autoplacement does not work without grid-template-rows property'
        )
        return undefined
      }

/**
       * Show warning if grid-template-columns decl is not found
       */
      let columnDecl = parent.nodes.find(i => {
        return i.prop === 'grid-template-columns'
      })
      if (!columnDecl && !hasGridTemplate) {
        decl.warn(
          result,
          'Autoplacement does not work without grid-template-columns property'
        )
      }

/**
       * Autoplace grid items
       */
      if (isColumnProp && !hasGridTemplate) {
        autoplaceGridItems(decl, result, gap, autoflowValue)
      }
    }

return undefined
  }

/**
   * Change IE property back
   */
  normalize(prop) {
    return prop.replace(/^grid-(rows|columns)/, 'grid-template-$1')
  }

/**
   * Change property name for IE
   */
  prefixed(prop, prefix) {
    if (prefix === '-ms-') {
      return prefixTrackProp({ prefix, prop })
    }
    return super.prefixed(prop, prefix)
  }
}

GridRowsColumns.names = [
  'grid-template-rows',
  'grid-template-columns',
  'grid-rows',
  'grid-columns'
]

module.exports = GridRowsColumns