Gecko [ unitednationsplay.com ]

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

Rename

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

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

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

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({
      value,
      gap: gapValue
    })

/**
     * Insert prefixes
     */
    decl.cloneBefore({
      prop: prefixTrackProp({ prop, prefix }),
      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
  }
}

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

module.exports = GridRowsColumns