Variables
Const ADVANCED_FILTERING
ADVANCED_FILTERING: "advancedFiltering" = "advancedFiltering"
Const ARROW
ARROW: "Arrow" = "Arrow"
Const CELL_SELECTION
CELL_SELECTION: "cellSelection" = "cellSelection"
Let CHIP_ID
CHIP_ID: number = 0
Const COLUMNS
COLUMNS: "columns" = "columns"
Const COLUMN_SELECTION
COLUMN_SELECTION: "columnSelection" = "columnSelection"
Const CalendarSelection
CalendarSelection: object = mkenum({SINGLE: 'single',MULTI: 'multi',RANGE: 'range'})
Type declaration
-
MULTI: "multi"
-
RANGE: "range"
-
SINGLE: "single"
Const CarouselAnimationType
CarouselAnimationType: object = mkenum({none: 'none',slide: 'slide',fade: 'fade'})
Type declaration
-
fade: "fade"
-
none: "none"
-
slide: "slide"
Const CarouselIndicatorsOrientation
CarouselIndicatorsOrientation: object = mkenum({bottom: 'bottom',top: 'top'})
Type declaration
-
bottom: "bottom"
-
top: "top"
Const ColumnDisplayOrder
ColumnDisplayOrder: object = mkenum({Alphabetical: 'Alphabetical',DisplayOrder: 'DisplayOrder'})
Type declaration
-
Alphabetical: "Alphabetical"
-
DisplayOrder: "DisplayOrder"
Const DATE_CHARS
DATE_CHARS: string[] = ['h', 'H', 'm', 's', 'S', 't', 'T']
Const DEFAULT_COLUMN_WIDTH
DEFAULT_COLUMN_WIDTH: 8.43 = 8.43
Let DIALOG_ID
DIALOG_ID: number = 0
Const DisplayDensity
DisplayDensity: object = mkenum({comfortable: 'comfortable',cosy: 'cosy',compact: 'compact'})
Type declaration
-
comfortable: "comfortable"
-
compact: "compact"
-
cosy: "cosy"
Const DisplayDensityToken
Display
DensityToken: InjectionToken<IDisplayDensityOptions> = new InjectionToken<IDisplayDensityOptions>('DisplayDensity')
Const DropDownActionKey
DropDownActionKey: object = mkenum({ESCAPE: 'escape',ENTER: 'enter',SPACE: 'space'})
Type declaration
-
ENTER: "enter"
-
ESCAPE: "escape"
-
SPACE: "space"
Const EVENT_SUFFIX
EVENT_SUFFIX: "precise" = "precise"
Const FEBRUARY
FEBRUARY: 1 = 1
Const FILTERING
FILTERING: "filtering" = "filtering"
Const FILTERING_ICONS_FONT_SET
FILTERING_ICONS_FONT_SET: "filtering-icons" = "filtering-icons"
Const FILTER_ROW_HEIGHT
FILTER_ROW_HEIGHT: 50 = 50
Const FilterMode
FilterMode: object = mkenum({quickFilter: 'quickFilter',excelStyleFilter: 'excelStyleFilter'})
Type declaration
-
excelStyleFilter: "excelStyleFilter"
-
quickFilter: "quickFilter"
Const GROUPBY
GROUPBY: "groupBy" = "groupBy"
Const GridSelectionMode
GridSelectionMode: object = mkenum({none: 'none',single: 'single',multiple: 'multiple'})
Type declaration
-
multiple: "multiple"
-
none: "none"
-
single: "single"
Const GridSummaryCalculationMode
GridSummaryCalculationMode: object = mkenum({rootLevelOnly: 'rootLevelOnly',childLevelsOnly: 'childLevelsOnly',rootAndChildLevels: 'rootAndChildLevels'})
Type declaration
-
childLevelsOnly: "childLevelsOnly"
-
rootAndChildLevels: "rootAndChildLevels"
-
rootLevelOnly: "rootLevelOnly"
Const GridSummaryPosition
GridSummaryPosition: object = mkenum({top: 'top',bottom: 'bottom'})
Type declaration
-
bottom: "bottom"
-
top: "top"
Const HEADER_KEYS
HEADER_KEYS: Set<string> = new Set([...Array.from(NAVIGATION_KEYS), 'escape', 'esc' , 'l'])
Const HORIZONTAL_NAV_KEYS
HORIZONTAL_NAV_KEYS: Set<string> = new Set(['arrowleft', 'left', 'arrowright', 'right', 'home', 'end'])
Const IGX_COMBO_COMPONENT
IGX_COMBO_COMPONENT: InjectionToken<IgxComboBase> = new InjectionToken<IgxComboBase>('IgxComboComponentToken')
Const IGX_DROPDOWN_BASE
IGX_DROPDOWN_BASE: InjectionToken<IDropDownBase> = new InjectionToken<IDropDownBase>('IgxDropDownBaseToken')
Const ITEMS_COUNT
ITEMS_COUNT: 7 = 7
Const IgxAvatarSize
IgxAvatarSize: object = mkenum({SMALL: 'small',MEDIUM: 'medium',LARGE: 'large'})
Type declaration
-
LARGE: "large"
-
MEDIUM: "medium"
-
SMALL: "small"
Const IgxAvatarType
IgxAvatarType: object = mkenum({INITIALS: 'initials',IMAGE: 'image',ICON: 'icon',CUSTOM: 'custom'})
Type declaration
-
CUSTOM: "custom"
-
ICON: "icon"
-
IMAGE: "image"
-
INITIALS: "initials"
Const IgxBadgeType
IgxBadgeType: object = mkenum({PRIMARY: 'primary',INFO: 'info',SUCCESS: 'success',WARNING: 'warning',ERROR: 'error'})
Type declaration
-
ERROR: "error"
-
INFO: "info"
-
PRIMARY: "primary"
-
SUCCESS: "success"
-
WARNING: "warning"
Const IgxCardActionsLayout
IgxCardActionsLayout: object = mkenum({START: 'start',JUSTIFY: 'justify'})
Type declaration
-
JUSTIFY: "justify"
-
START: "start"
Const IgxCardType
IgxCardType: object = mkenum({ELEVATED: 'elevated',OUTLINED: 'outlined'})
Type declaration
-
ELEVATED: "elevated"
-
OUTLINED: "outlined"
Const IgxDividerType
IgxDividerType: object = mkenum({SOLID: 'solid',DASHED: 'dashed'})
Type declaration
-
DASHED: "dashed"
-
SOLID: "solid"
Const IgxGridTransaction
IgxGridTransaction: InjectionToken<string> = new InjectionToken<string>('IgxGridTransaction')
Const IgxProgressType
IgxProgressType: object = mkenum({ERROR: 'error',INFO: 'info',WARNING: 'warning',SUCCESS: 'success'})
Type declaration
-
ERROR: "error"
-
INFO: "info"
-
SUCCESS: "success"
-
WARNING: "warning"
Const IgxTabsType
IgxTabsType: object = mkenum({FIXED: 'fixed',CONTENTFIT: 'contentfit'})
Type declaration
-
CONTENTFIT: "contentfit"
-
FIXED: "fixed"
Const IgxTextAlign
IgxTextAlign: object = mkenum({START: 'start',CENTER: 'center',END: 'end'})
Type declaration
-
CENTER: "center"
-
END: "end"
-
START: "start"
Const LabelPosition
LabelPosition: object = mkenum({BEFORE: 'before',AFTER: 'after'})
Type declaration
-
AFTER: "after"
-
BEFORE: "before"
Const MDAYS
MDAYS: number[] = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
Const MINIMUM_COLUMN_WIDTH
MINIMUM_COLUMN_WIDTH: 136 = 136
Const MIN_ROW_EDITING_COUNT_THRESHOLD
MIN_ROW_EDITING_COUNT_THRESHOLD: 2 = 2
Const MIN_VALUE
MIN_VALUE: 0 = 0
Const NAVIGATION_KEYS
NAVIGATION_KEYS: Set<string> = new Set(['down','up','left','right','arrowdown','arrowup','arrowleft','arrowright','home','end','space','spacebar',' '])
Let NEXT_CIRCULAR_ID
NEXT_CIRCULAR_ID: number = 0
Let NEXT_GRADIENT_ID
NEXT_GRADIENT_ID: number = 0
Let NEXT_ID
NEXT_ID: number = 0
Let NEXT_LINEAR_ID
NEXT_LINEAR_ID: number = 0
Let NEXT_TABS_ID
NEXT_TABS_ID: number = 0
Const ONE_PERCENT
ONE_PERCENT: 0.01 = 0.01
Const PAGING
PAGING: "paging" = "paging"
Const PINNING_CONFIG
PINNING_CONFIG: "pinningConfig" = "pinningConfig"
Const PredefinedFormatOptions
PredefinedFormatOptions: object = mkenum({ShortDate: 'shortDate',MediumDate: 'mediumDate',LongDate: 'longDate',FullDate: 'fullDate'})
Type declaration
-
FullDate: "fullDate"
-
LongDate: "longDate"
-
MediumDate: "mediumDate"
-
ShortDate: "shortDate"
Const ROW_COLLAPSE_KEYS
ROW_COLLAPSE_KEYS: Set<string> = new Set('left up arrowleft arrowup'.split(' '))
Const ROW_EXPAND_KEYS
ROW_EXPAND_KEYS: Set<string> = new Set('right down arrowright arrowdown'.split(' '))
Const ROW_PINNING
ROW_PINNING: "rowPinning" = "rowPinning"
Const ROW_SELECTION
ROW_SELECTION: "rowSelection" = "rowSelection"
Const RadioLabelPosition
RadioLabelPosition: object = mkenum({BEFORE: 'before',AFTER: 'after'})
Type declaration
-
AFTER: "after"
-
BEFORE: "before"
Const SORTING
SORTING: "sorting" = "sorting"
Const SPLITTER_INTERACTION_KEYS
SPLITTER_INTERACTION_KEYS: Set<string> = new Set('right down left up arrowright arrowdown arrowleft arrowup'.split(' '))
Const SUPPORTED_KEYS
SUPPORTED_KEYS: Set<string> = new Set([...Array.from(NAVIGATION_KEYS), 'enter', 'f2', 'escape', 'esc', 'pagedown', 'pageup'])
Const SingleInputDatesConcatenationString
SingleInputDatesConcatenationString: " - " = " - "
Const SwitchLabelPosition
SwitchLabelPosition: object = mkenum({BEFORE: 'before',AFTER: 'after'})
Type declaration
-
AFTER: "after"
-
BEFORE: "before"
Const TIME_CHARS
TIME_CHARS: string[] = ['d', 'D', 'M', 'y', 'Y']
Const Z_INDEX
Z_INDEX: 9999 = 9999
Const base
base: AnimationMetadata[] = [style({opacity: `{{ startOpacity }}`,height: `{{ startHeight }}`}),animate(`{{duration}} {{delay}} {{easing}}`,style({opacity: `{{ endOpacity }}`,height: `{{ endHeight }}`}))]
Const baseRecipe
baseRecipe: AnimationMetadata[] = [animate(`{{duration}} {{delay}} {{easing}}`,keyframes([style({offset: 0,transform: `rotate(0deg) translate{{direction}}(0)`,transformOrigin: `{{xPos}} {{yPos}}`}),style({offset: 0.1,transform: `rotate({{endAngle}}deg) translate{{direction}}(-{{startDistance}})`}),style({offset: 0.2,transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`}),style({offset: 0.3,transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`}),style({offset: 0.4,transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`}),style({offset: 0.5,transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`}),style({offset: 0.6,transform: `rotate(-{{startAngle}}deg) translate{{direction}}({{startDistance}})`}),style({offset: 0.7,transform: `rotate({{startAngle}}deg) translate{{direction}}(-{{startDistance}})`}),style({offset: 0.8,transform: `rotate(-{{endAngle}}deg) translate{{direction}}({{endDistance}})`}),style({offset: 0.9,transform: `rotate({{endAngle}}deg) translate{{direction}}(-{{endDistance}})`}),style({offset: 1,transform: `rotate(0deg) translate{{direction}}(0)`,transformOrigin: `{{xPos}} {{yPos}}`})]))]
Const blink
blink: AnimationReferenceMetadata = animation(blinkBase, {params: {...blinkParams}})
Const blinkBase
blinkBase: AnimationMetadata[] = [animate(`{{duration}} {{delay}} {{easing}}`,keyframes([style({offset: 0,opacity: .8,transform: `scale({{fromScale}})`}),style({offset: 0.8,opacity: 0,transform: `scale({{midScale}})`}),style({offset: 1,opacity: 0,transform: `scale({{toScale}})`})]))]
Const cellActiveClass
cellActiveClass: "igx-grid__td--active" = "igx-grid__td--active"
Const cellSelectedClass
cellSelectedClass: "igx-grid__td--selected" = "igx-grid__td--selected"
Const context
context: any = require.context('./', true, /\.spec\.ts$/)
Let counter
counter: number = 0
Let eventListenerAdded
eventListenerAdded: boolean = false
Const fadeIn
fadeIn: AnimationReferenceMetadata = animation(base, {params: baseParams})
Const fadeOut
fadeOut: AnimationReferenceMetadata = animation(base, {params: {delay: '0s',duration: '350ms',easing: EaseOut.sine,endOpacity: 0,startOpacity: 1}})
Const flipBottom
flipBottom: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endAngle: -180}})
Const flipHorBck
flipHorBck: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endDistance: '-170px'}})
Const flipHorFwd
flipHorFwd: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endDistance: '170px'}})
Const flipLeft
flipLeft: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,rotateX: 0,rotateY: 1}})
Const flipRight
flipRight: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endAngle: -180,rotateX: 0,rotateY: 1}})
Const flipTop
flipTop: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams}})
Const flipVerBck
flipVerBck: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endDistance: '-170px',rotateX: 0,rotateY: 1}})
Const flipVerFwd
flipVerFwd: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endDistance: '170px',rotateX: 0,rotateY: 1}})
Const ghostBackgroundClass
ghostBackgroundClass: "igx-grid__tr--ghost" = "igx-grid__tr--ghost"
Const gridCellClass
gridCellClass: "igx-grid__td" = "igx-grid__td"
Const growVerIn
growVerIn: AnimationReferenceMetadata = animation(base, {params: {...baseParams,easing: EaseOut.quad,startOpacity: 0,endOpacity: 1,startHeight: '0px',endHeight: '*'}})
Const growVerOut
growVerOut: AnimationReferenceMetadata = animation(base, {params: {...baseParams,easing: EaseOut.quad,startOpacity: 1,endOpacity: 0,startHeight: '*',endHeight: '0px'}})
Const heartbeat
heartbeat: AnimationReferenceMetadata = animation(heartbeatBase, {params: {...heartbeatParams}})
Const heartbeatBase
heartbeatBase: AnimationMetadata[] = [style({animationTimingFunction: `ease-out`,transform: `scale(1)`,transformOrigin: `center center`}),animate(`{{duration}} {{delay}} {{easing}}`,keyframes([style({animationTimingFunction: `ease-in`,offset: 0.1,transform: `scale(0.91)`}),style({animationTimingFunction: `ease-out`,offset: 0.17,transform: `scale(0.98)`}),style({animationTimingFunction: `ease-in`,offset: 0.33,transform: `scale(0.87)`}),style({animationTimingFunction: `ease-out`,offset: 0.45,transform: `scale(1)`})]))]
Const nativeValidationAttributes
nativeValidationAttributes: string[] = ['required', 'pattern', 'minlength', 'maxlength', 'min', 'max', 'step']
Let nextId
nextId: number = 0
Const pulsateBase
pulsateBase: AnimationMetadata[] = [animate(`{{duration}} {{delay}} {{easing}}`,keyframes([style({offset: 0,transform: `scale({{fromScale}})`}),style({offset: 0.5,transform: `scale({{toScale}})`}),style({offset: 1,transform: `scale({{fromScale}})`})]))]
Const pulsateBck
pulsateBck: AnimationReferenceMetadata = animation(pulsateBase, {params: {...pulsateParams,toScale: .9}})
Const pulsateFwd
pulsateFwd: AnimationReferenceMetadata = animation(pulsateBase, {params: {...pulsateParams}})
Const queue
queue: object
Const require
require: any
Const rotateInBl
rotateInBl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'left',yPos: 'bottom'}})
Const rotateInBottom
rotateInBottom: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'bottom'}})
Const rotateInBr
rotateInBr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'right',yPos: 'bottom'}})
Const rotateInCenter
rotateInCenter: AnimationReferenceMetadata = animation(baseRecipe, {params: { ...baseInParams }})
Const rotateInDiagonal1
rotateInDiagonal1: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,rotateX: 1,rotateY: 1,rotateZ: 0}})
Const rotateInDiagonal2
rotateInDiagonal2: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,rotateX: -1,rotateY: 1,rotateZ: 0}})
Const rotateInHor
rotateInHor: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,rotateX: 0,rotateY: 1,rotateZ: 0}})
Const rotateInLeft
rotateInLeft: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'left'}})
Const rotateInRight
rotateInRight: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'right'}})
Const rotateInTl
rotateInTl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'left',yPos: 'top'}})
Const rotateInTop
rotateInTop: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'top'}})
Const rotateInTr
rotateInTr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,xPos: 'right',yPos: 'top'}})
Const rotateInVer
rotateInVer: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseInParams,rotateX: 1,rotateY: 0,rotateZ: 0}})
Const rotateOutBl
rotateOutBl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'left',yPos: 'bottom'}})
Const rotateOutBottom
rotateOutBottom: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'bottom'}})
Const rotateOutBr
rotateOutBr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'right',yPos: 'bottom'}})
Const rotateOutCenter
rotateOutCenter: AnimationReferenceMetadata = animation(baseRecipe, {params: { ...baseOutParams }})
Const rotateOutDiagonal1
rotateOutDiagonal1: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,rotateX: 1,rotateY: 1,rotateZ: 0}})
Const rotateOutDiagonal2
rotateOutDiagonal2: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,rotateX: -1,rotateY: 1,rotateZ: 0}})
Const rotateOutHor
rotateOutHor: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,rotateX: 0,rotateY: 1,rotateZ: 0}})
Const rotateOutLeft
rotateOutLeft: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'left'}})
Const rotateOutRight
rotateOutRight: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'right'}})
Const rotateOutTl
rotateOutTl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'left',yPos: 'top'}})
Const rotateOutTop
rotateOutTop: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'top'}})
Const rotateOutTr
rotateOutTr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,xPos: 'right',yPos: 'top'}})
Const rotateOutVer
rotateOutVer: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseOutParams,rotateX: 1,rotateY: 0,rotateZ: 0}})
Const rowSelectedClass
rowSelectedClass: "igx-grid__tr--selected" = "igx-grid__tr--selected"
Const scaleInBl
scaleInBl: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '0',yPos: '100%'}})
Const scaleInBottom
scaleInBottom: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '50%',yPos: '100%'}})
Const scaleInBr
scaleInBr: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '100%',yPos: '100%'}})
Const scaleInCenter
scaleInCenter: AnimationReferenceMetadata = animation(base, { params: baseInParams })
Const scaleInHorCenter
scaleInHorCenter: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'X',fromScale: .4}})
Const scaleInHorLeft
scaleInHorLeft: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'X',fromScale: .4,xPos: '0',yPos: '0'}})
Const scaleInHorRight
scaleInHorRight: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'X',fromScale: .4,xPos: '100%',yPos: '100%'}})
Const scaleInLeft
scaleInLeft: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '0',yPos: '50%'}})
Const scaleInRight
scaleInRight: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '100%',yPos: '50%'}})
Const scaleInTl
scaleInTl: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '0',yPos: '0'}})
Const scaleInTop
scaleInTop: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '50%',yPos: '0'}})
Const scaleInTr
scaleInTr: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,xPos: '100%',yPos: '0'}})
Const scaleInVerBottom
scaleInVerBottom: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'Y',fromScale: .4,xPos: '0',yPos: '100%'}})
Const scaleInVerCenter
scaleInVerCenter: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'Y',fromScale: .4}})
Const scaleInVerTop
scaleInVerTop: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,direction: 'Y',fromScale: .4,xPos: '100%',yPos: '0'}})
Const scaleOutBl
scaleOutBl: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '0',yPos: '100%'}})
Const scaleOutBottom
scaleOutBottom: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '50%',yPos: '100%'}})
Const scaleOutBr
scaleOutBr: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '100%',yPos: '100%'}})
Const scaleOutCenter
scaleOutCenter: AnimationReferenceMetadata = animation(base, { params: baseOutParams })
Const scaleOutHorCenter
scaleOutHorCenter: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'X',toScale: .3}})
Const scaleOutHorLeft
scaleOutHorLeft: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'X',toScale: .3,xPos: '0',yPos: '0'}})
Const scaleOutHorRight
scaleOutHorRight: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'X',toScale: .3,xPos: '100%',yPos: '100%'}})
Const scaleOutLeft
scaleOutLeft: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '0',yPos: '50%'}})
Const scaleOutRight
scaleOutRight: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '100%',yPos: '50%'}})
Const scaleOutTl
scaleOutTl: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '0',yPos: '0'}})
Const scaleOutTop
scaleOutTop: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '50%',yPos: '0'}})
Const scaleOutTr
scaleOutTr: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,xPos: '100%',yPos: '0'}})
Const scaleOutVerBottom
scaleOutVerBottom: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'Y',toScale: .3,xPos: '0',yPos: '100%'}})
Const scaleOutVerCenter
scaleOutVerCenter: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'Y',toScale: .3}})
Const scaleOutVerTop
scaleOutVerTop: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,direction: 'Y',toScale: .3,xPos: '100%',yPos: '0'}})
Const shakeBl
shakeBl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'left',yPos: 'bottom'}})
Const shakeBottom
shakeBottom: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',yPos: 'bottom'}})
Const shakeBr
shakeBr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'right',yPos: 'bottom'}})
Const shakeCenter
shakeCenter: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 8,endDistance: '0',startAngle: 10,startDistance: '0',xPos: 'center',yPos: 'center'}})
Const shakeHor
shakeHor: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'X'}})
Const shakeLeft
shakeLeft: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'left',yPos: 'center'}})
Const shakeRight
shakeRight: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'right',yPos: 'center'}})
Const shakeTl
shakeTl: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'left',yPos: 'top'}})
Const shakeTop
shakeTop: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',yPos: 'top'}})
Const shakeTr
shakeTr: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y',endAngle: 2,endDistance: '0',startAngle: 4,startDistance: '0',xPos: 'right',yPos: 'top'}})
Const shakeVer
shakeVer: AnimationReferenceMetadata = animation(baseRecipe, {params: {...baseParams,direction: 'Y'}})
Const slideInBl
slideInBl: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,fromPosition: 'translateY(500px) translateX(-500px)',toPosition: 'translateY(0) translateX(0)'}})
Const slideInBottom
slideInBottom: AnimationReferenceMetadata = animation(base,{params: {delay: '0s',duration: '350ms',easing: EaseOut.quad,endOpacity: 1,fromPosition: 'translateY(500px)',startOpacity: 0,toPosition: 'translateY(0)'}})
Const slideInBr
slideInBr: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,fromPosition: 'translateY(500px) translateX(500px)',toPosition: 'translateY(0) translateX(0)'}})
Const slideInLeft
slideInLeft: AnimationReferenceMetadata = animation(base,{params: {delay: '0s',duration: '350ms',easing: EaseOut.quad,endOpacity: 1,fromPosition: 'translateX(-500px)',startOpacity: 0,toPosition: 'translateY(0)'}})
Const slideInRight
slideInRight: AnimationReferenceMetadata = animation(base,{params: {delay: '0s',duration: '350ms',easing: EaseOut.quad,endOpacity: 1,fromPosition: 'translateX(500px)',startOpacity: 0,toPosition: 'translateY(0)'}})
Const slideInTl
slideInTl: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,fromPosition: 'translateY(-500px) translateX(-500px)',toPosition: 'translateY(0) translateX(0)'}})
Const slideInTop
slideInTop: AnimationReferenceMetadata = animation(base, { params: baseInParams })
Const slideInTr
slideInTr: AnimationReferenceMetadata = animation(base,{params: {...baseInParams,fromPosition: 'translateY(-500px) translateX(500px)',toPosition: 'translateY(0) translateX(0)'}})
Const slideOutBl
slideOutBl: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,fromPosition: 'translateY(0) translateX(0)',toPosition: 'translateY(500px) translateX(-500px)'}})
Const slideOutBottom
slideOutBottom: AnimationReferenceMetadata = animation(base,{params: {delay: '0s',duration: '350ms',easing: EaseIn.quad,endOpacity: 0,fromPosition: 'translateY(0)',startOpacity: 1,toPosition: 'translateY(500px)'}})
Const slideOutBr
slideOutBr: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,fromPosition: 'translateY(0) translateX(0)',toPosition: 'translateY(500px) translateX(500px)'}})
Const slideOutLeft
slideOutLeft: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,toPosition: 'translateX(-500px)'}})
Const slideOutRight
slideOutRight: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,toPosition: 'translateX(500px)'}})
Const slideOutTl
slideOutTl: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,fromPosition: 'translateY(0) translateX(0)',toPosition: 'translateY(-500px) translateX(-500px)'}})
Const slideOutTop
slideOutTop: AnimationReferenceMetadata = animation(base, { params: baseOutParams })
Const slideOutTr
slideOutTr: AnimationReferenceMetadata = animation(base,{params: {...baseOutParams,fromPosition: 'translateY(0) translateX(0)',toPosition: 'translateY(-500px) translateX(500px)'}})
Const swingBase
swingBase: AnimationMetadata[] = [style({opacity: `{{startOpacity}}`,transform: `rotate{{direction}}({{startAngle}}deg)`,transformOrigin: `{{xPos}} {{yPos}}`}),animate(`{{duration}} {{delay}} {{easing}}`,style({opacity: `{{endOpacity}}`,transform: `rotate{{direction}}({{endAngle}}deg)`,transformOrigin: `{{xPos}} {{yPos}}`}))]
Const swingInBottomBck
swingInBottomBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,duration: '.6s',startAngle: -70,xPos: 'bottom'}})
Const swingInBottomFwd
swingInBottomFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,startAngle: 100,xPos: 'bottom'}})
Const swingInLeftBck
swingInLeftBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,direction: 'Y',duration: '.6s',startAngle: -70,xPos: 'center',yPos: 'left'}})
Const swingInLeftFwd
swingInLeftFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,direction: 'Y',startAngle: 100,xPos: 'center',yPos: 'left'}})
Const swingInRightBck
swingInRightBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,direction: 'Y',duration: '.6s',startAngle: 70,xPos: 'center',yPos: 'right'}})
Const swingInRightFwd
swingInRightFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,direction: 'Y',xPos: 'center',yPos: 'right'}})
Const swingInTopBck
swingInTopBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams,duration: '.6s',startAngle: 70}})
Const swingInTopFwd
swingInTopFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingParams}})
Const swingOutBottomBck
swingOutBottomBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,duration: '.45s',endAngle: 100,xPos: 'bottom'}})
Const swingOutBottomFwd
swingOutBottomFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,endAngle: -70,xPos: 'bottom'}})
Const swingOutLeftBck
swingOutLeftBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,direction: 'Y',duration: '.45s',endAngle: 100,xPos: 'center',yPos: 'left'}})
Const swingOutLefttFwd
swingOutLefttFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,direction: 'Y',endAngle: -70,xPos: 'center',yPos: 'left'}})
Const swingOutRightBck
swingOutRightBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,direction: 'Y',duration: '.45s',endAngle: -100,xPos: 'center',yPos: 'right'}})
Const swingOutRightFwd
swingOutRightFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,direction: 'Y',xPos: 'center',yPos: 'right'}})
Const swingOutTopBck
swingOutTopBck: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams,duration: '.45s',endAngle: -100}})
Const swingOutTopFwd
swingOutTopFwd: AnimationReferenceMetadata = animation(swingBase, {params: {...swingOutParams}})
Let warningShown
warningShown: boolean = false
Determines the Input Group type.