multimediaobject/src/config/data.static.js

Multimediaobject library

const pxPropertiesArray = [
  'baselineShift',
  'border',
  'backgroundPositionX',
  'backgroundPositionY',
  'borderBottom',
  'borderBottomLeftRadius',
  'borderBottomRightRadius',
  'borderBottomWidth',
  'borderImageOutset',
  'borderImageWidth',
  'borderLeft',
  'borderLeftWidth',
  'borderRadius',
  'borderRight',
  'borderRightWidth',
  'borderSpacing',
  'borderTop',
  'borderTopLeftRadius',
  'borderTopRightRadius',
  'borderTopWidth',
  'borderWidth',
  'bottom',
  'columnGap',
  'columnRule',
  'columnRuleWidth',
  'columnWidth',
  'cx',
  'cy',
  'flexBasis',
  'fontSize',
  'left',
  'letterSpacing',
  'lineHeight',
  'marginBottom',
  'marginLeft',
  'marginRight',
  'marginTop',
  'maxHeight',
  'maxWidth',
  'minHeight',
  'minWidth',
  'motion',
  'offset',
  'offsetDistance',
  'outlineOffset',
  'outlineWidth',
  'paddingBottom',
  'paddingLeft',
  'paddingRight',
  'paddingTop',
  'perspective',
  'r',
  'right',
  'rx',
  'ry',
  'shapeMargin',
  'size',
  'strokeDasharray',
  'strokeDashoffset',
  'strokeWidth',
  'tabSize',
  'textIndent',
  'top',
  'width',
  'height',
  'wordSpacing',
  'x',
  'y',
  'baseline-shift',
  'border-bottom',
  'border-bottom-left-radius',
  'border-bottom-right-radius',
  'border-bottom-width',
  'border-image-outset',
  'border-image-width',
  'border-left',
  'border-left-width',
  'border-radius',
  'border-right',
  'border-right-width',
  'border-spacing',
  'border-top',
  'border-top-left-radius',
  'border-top-right-radius',
  'border-top-width',
  'border-width',
  'column-gap',
  'column-rule',
  'column-rule-width',
  'column-width',
  'flex-basis',
  'font-size',
  'letter-spacing',
  'line-height',
  'margin-bottom',
  'margin-left',
  'margin-right',
  'margin-top',
  'max-height',
  'max-width',
  'min-height',
  'min-width',
  'offset-distance',
  'padding-bottom',
  'padding-left',
  'padding-right',
  'padding-top',
  'stroke-dasharray',
  'stroke-dashoffset',
  'stroke-width',
  'tab-size',
  'text-indent',
  'word-spacing',
  'translateX',
  'translateY',
  'translateZ',
  'translate-x',
  'translate-y',
  'translate-z',
  'translate',
  'background-position-x',
  'background-position-y',
];

const stylePropertiesArray = [
  'background',
  'flex',
  'flexGrow',
  'flexShrink',
  'objectPosition',
  'transformOrigin',
  'alignContent',
  'alignItems',
  'alignSelf',
  'alignmentBaseline',
  'all',
  'animation',
  'animationDelay',
  'animationDirection',
  'animationDuration',
  'animationFillMode',
  'animationIterationCount',
  'animationName',
  'animationPlayState',
  'animationTimingFunction',
  'backfaceVisibility',
  'background',
  'backgroundAttachment',
  'backgroundBlendMode',
  'backgroundClip',
  'backgroundColor',
  'backgroundImage',
  'backgroundOrigin',
  'backgroundPosition',
  'backgroundRepeat',
  'backgroundRepeatX',
  'backgroundRepeatY',
  'borderBottomColor',
  'borderBottomStyle',
  'borderCollapse',
  'borderColor',
  'borderImage',
  'borderImageRepeat',
  'borderImageSlice',
  'borderImageSource',
  'borderLeftColor',
  'borderLeftStyle',
  'borderRightColor',
  'borderRightStyle',
  'borderStyle',
  'borderTopColor',
  'borderTopStyle',
  'boxShadow',
  'boxSizing',
  'breakAfter',
  'breakBefore',
  'breakInside',
  'bufferedRendering',
  'captionSide',
  'clear',
  'clip',
  'clipPath',
  'color',
  'columnCount',
  'columnFill',
  'columnRuleColor',
  'columnRuleStyle',
  'columnSpan',
  'columns',
  'contain',
  'content',
  'counterIncrement',
  'counterReset',
  'cursor',
  'd',
  'direction',
  'display',
  'emptyCells',
  'fill',
  'fillOpacity',
  'fillRule',
  'filter',
  'flexDirection',
  'flexFlow',
  'flexWrap',
  'float',
  'floodColor',
  'floodOpacity',
  'font',
  'fontFamily',
  'fontFeatureSettings',
  'fontKerning',
  'fontStretch',
  'fontStyle',
  'fontVariant',
  'fontVariantCaps',
  'fontVariantLigatures',
  'fontVariantNumeric',
  'fontWeight',
  'hyphens',
  'imageRendering',
  'isolation',
  'justifyContent',
  'lightingColor',
  'listStyle',
  'listStyleImage',
  'listStylePosition',
  'listStyleType',
  'marker',
  'markerEnd',
  'markerMid',
  'markerStart',
  'mask',
  'maskType',
  'maxZoom',
  'minZoom',
  'mixBlendMode',
  'objectFit',
  'offsetPath',
  'offsetRotation',
  'opacity',
  'order',
  'orientation',
  'orphans',
  'outline',
  'outlineColor',
  'outlineStyle',
  'overflow',
  'overflowWrap',
  'overflowX',
  'overflowY',
  'page',
  'pageBreakAfter',
  'pageBreakBefore',
  'pageBreakInside',
  'paintOrder',
  'perspectiveOrigin',
  'pointerEvents',
  'position',
  'quotes',
  'resize',
  'shapeImageThreshold',
  'shapeOutside',
  'shapeRendering',
  'speak',
  'src',
  'stopColor',
  'stopOpacity',
  'stroke',
  'strokeLinecap',
  'strokeLinejoin',
  'strokeMiterlimit',
  'strokeOpacity',
  'tableLayout',
  'textAlign',
  'textAlignLast',
  'textAnchor',
  'textCombineUpright',
  'textDecoration',
  'textOrientation',
  'textOverflow',
  'textRendering',
  'textShadow',
  'textSizeAdjust',
  'textTransform',
  'touchAction',
  'transform',
  'transformStyle',
  'transition',
  'transitionDelay',
  'transitionDuration',
  'transitionProperty',
  'transitionTimingFunction',
  'unicodeBidi',
  'unicodeRange',
  'userSelect',
  'userZoom',
  'vectorEffect',
  'visibility',
  'vertical-align',
  'verticalAlign',
  'webkitAppearance',
  'whiteSpace',
  'willChange',
  'wordBreak',
  'wordWrap',
  'writingMode',
  'zIndex',
  'zoom',
  'flex-grow',
  'flex-shrink',
  'object-position',
  'transform-origin',
  'align-content',
  'align-items',
  'align-self',
  'alignment-baseline',
  'animation-delay',
  'animation-direction',
  'animation-duration',
  'animation-fill-mode',
  'animation-iteration-count',
  'animation-name',
  'animation-play-state',
  'animation-timing-function',
  'backface-visibility',
  'background-attachment',
  'background-blend-mode',
  'background-clip',
  'background-color',
  'background-image',
  'background-origin',
  'background-position',
  'background-repeat',
  'background-repeat-x',
  'background-repeat-y',
  'border-bottom-color',
  'border-bottom-style',
  'border-collapse',
  'border-color',
  'border-image',
  'border-image-repeat',
  'border-image-slice',
  'border-image-source',
  'border-left-color',
  'border-left-style',
  'border-right-color',
  'border-right-style',
  'border-style',
  'border-top-color',
  'border-top-style',
  'box-shadow',
  'box-sizing',
  'break-after',
  'break-before',
  'break-inside',
  'buffered-rendering',
  'caption-side',
  'clip-path',
  'clip-rule',
  'color-interpolation',
  'color-interpolation-filters',
  'color-rendering',
  'column-count',
  'column-fill',
  'column-rule-color',
  'column-rule-style',
  'column-span',
  'counter-increment',
  'counter-reset',
  'dominant-baseline',
  'empty-cells',
  'fill-opacity',
  'fill-rule',
  'flex-direction',
  'flex-flow',
  'flex-wrap',
  'flood-color',
  'flood-opacity',
  'font-family',
  'font-feature-settings',
  'font-kerning',
  'font-stretch',
  'font-style',
  'font-variant',
  'font-variant-caps',
  'font-variant-ligatures',
  'font-variant-numeric',
  'font-weight',
  'image-rendering',
  'justify-content',
  'lighting-color',
  'list-style',
  'list-style-image',
  'list-style-position',
  'list-style-type',
  'marker-end',
  'marker-mid',
  'marker-start',
  'mask-type',
  'max-zoom',
  'min-zoom',
  'mix-blend-mode',
  'object-fit',
  'offset-path',
  'offset-rotation',
  'outline-color',
  'outline-style',
  'overflow-wrap',
  'overflow-x',
  'overflow-y',
  'page-break-after',
  'page-break-before',
  'page-break-inside',
  'paint-order',
  'perspective-origin',
  'pointer-events',
  'shape-image-threshold',
  'shape-outside',
  'shape-rendering',
  'stop-color',
  'stop-opacity',
  'stroke-linecap',
  'stroke-linejoin',
  'stroke-miterlimit',
  'stroke-opacity',
  'table-layout',
  'text-align',
  'text-align-last',
  'text-anchor',
  'text-combine-upright',
  'text-decoration',
  'text-orientation',
  'text-overflow',
  'text-rendering',
  'text-shadow',
  'text-size-adjust',
  'text-transform',
  'touch-action',
  'transform-style',
  'transition-delay',
  'transition-duration',
  'transition-property',
  'transition-timing-function',
  'unicode-bidi',
  'unicode-range',
  'user-select',
  'user-zoom',
  'vector-effect',
  'webkit-app-region',
  'webkit-appearance',
  'webkit-background-clip',
  'webkit-background-origin',
  'webkit-border-after',
  'webkit-border-after-color',
  'webkit-border-after-style',
  'webkit-border-before',
  'webkit-border-before-color',
  'webkit-border-before-style',
  'webkit-border-end',
  'webkit-border-end-color',
  'webkit-border-end-style',
  'webkit-border-image',
  'webkit-border-start',
  'webkit-border-start-color',
  'webkit-border-start-style',
  'webkit-box-align',
  'webkit-box-decoration-break',
  'webkit-box-direction',
  'webkit-box-flex',
  'webkit-box-flex-group',
  'webkit-box-lines',
  'webkit-box-ordinal-group',
  'webkit-box-orient',
  'webkit-box-pack',
  'webkit-box-reflect',
  'webkit-column-break-after',
  'webkit-column-break-before',
  'webkit-column-break-inside',
  'webkit-font-smoothing',
  'webkit-highlight',
  'webkit-hyphenate-character',
  'webkit-line-break',
  'webkit-line-clamp',
  'webkit-locale',
  'webkit-margin-after-collapse',
  'webkit-margin-before-collapse',
  'webkit-margin-bottom-collapse',
  'webkit-margin-collapse',
  'webkit-margin-top-collapse',
  'webkit-mask',
  'webkit-mask-box-image',
  'webkit-mask-box-image-repeat',
  'webkit-mask-box-image-slice',
  'webkit-mask-box-image-source',
  'webkit-mask-clip',
  'webkit-mask-composite',
  'webkit-mask-image',
  'webkit-mask-origin',
  'webkit-mask-repeat',
  'webkit-mask-repeat-x',
  'webkit-mask-repeat-y',
  'webkit-print-color-adjust',
  'webkit-rtl-ordering',
  'webkit-ruby-position',
  'webkit-tap-highlight-color',
  'webkit-text-combine',
  'webkit-text-decorations-in-effect',
  'webkit-text-emphasis',
  'webkit-text-emphasis-color',
  'webkit-text-emphasis-position',
  'webkit-text-emphasis-style',
  'webkit-text-fill-color',
  'webkit-text-orientation',
  'webkit-text-security',
  'webkit-text-stroke-color',
  'webkit-user-drag',
  'webkit-user-modify',
  'webkit-writing-mode',
  'white-space',
  'will-change',
  'word-break',
  'word-wrap',
  'writing-mode',
  'z-index',
  'zoom',
];

export default {
  Atoms: {
    block: 'div',
    div: 'div',
    header: 'header',
    footer: 'footer',
    aside: 'aside',
    article: 'article',
    main: 'main',
    nav: 'nav',
    navigation: 'nav',
    span: 'span',
    text: 'p',
    p: 'p',
    paragraphe: 'p',
    'ulist-container': 'ul',
    ulist: 'ul',
    ul: 'ul',
    'unordered-list': 'ul',
    'olist-container': 'ol',
    olist: 'ol',
    ol: 'ol',
    'ordered-list': 'ol',
    'list-element': 'li',
    li: 'li',
    code: 'pre',
    pre: 'pre',
    input: 'input',
    textarea: 'textarea',
    form: 'form',
    image: 'img',
    img: 'img',
    button: 'button',
    iframe: 'iframe',
    video: 'video',
    canvas: 'canvas',
    audio: 'audio',
  },
  regex: {
    DOMEvent: new RegExp('^(click|mousedown|mouseup|mousemove|change|touchstart|touchmove|touchend|input|focus|dlclick|mouseenter|mouseleave|mouseover|mouseout|blur|search|submit|play|pause|canplay|progress)$'),
    animatableProps: new RegExp('background-position-|background-size|background-color|translate|scale|rotate|skew|margin-|padding-|top|left|right|bottom|color|font-size|width|height|opacity|width|height', 'gi'),
  },
  sets: {
    pxProperties: pxPropertiesArray,
    degProperties: [
      'rotate',
      'rotate-x',
      'rotate-y',
      'rotate-z',
      'rotate-x',
      'rotate-y',
      'rotate-z',
      'skew',
      'skewX',
      'skewY',
      'skewZ',
      'skew-x',
      'skew-y',
      'skew-z',
    ],
    transformProperties: [
      'translate',
      'translateX',
      'translateY',
      'translateZ',
      'translateX',
      'translate-x',
      'translateY',
      'translate-y',
      'translate-z',
      'scale',
      'scaleX',
      'scaleY',
      'scaleZ',
      'scale-x',
      'scale-y',
      'scale-z',
      'rotate',
      'rotateX',
      'rotateY',
      'rotateZ',
      'rotate-x',
      'rotate-y',
      'rotate-z',
      'skew',
      'skewX',
      'skewY',
      'skewZ',
      'skew-x',
      'skew-y',
      'skew-z',
    ],
    styleProperties: stylePropertiesArray,
  },
};