csdr documentation
  1. Miscellaneous
  2. Variables

Index

packages/eui/packages/components/eui-file-upload/utils/eui-file-upload.validators.ts

asyncMimeTypeExtensionValidator
Default value : (mimeTypes: MimeType[]): AsyncValidatorFn => (control: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null> => { if (control.value) { const fileErrorObservables: Observable<ValidationErrors | null>[] = []; // iterate over files control.value.forEach((file: File) => { // push observable which will check the mime validation type fileErrorObservables.push(validateFileMimeType(file, mimeTypes)); }); return zip(...fileErrorObservables).pipe( map((fileErrors) => { const errors = fileErrors.filter((fileError) => fileError !== null); // Error should be { fileName: FileType } return { invalidMimeFileType: errors }; }), ); } return of(null); }
maxFilesValidator
Default value : (maxFiles: number): ValidatorFn => (control: AbstractControl): { maxFiles: number } | null => control.value && control.value.length > maxFiles ? { maxFiles } : null
maxSizeValidator
Default value : (maxSize: number): ValidatorFn => (control: AbstractControl): { maxSize: number } | null => { let totalSize = 0; if (control.value) { control.value.forEach((file: File) => { totalSize += file.size; }); } return control.value && totalSize > maxSize * 1.024 ? { maxSize } : null; }
mimeTypeExtensionValidator
Default value : (mimeTypes: string[]): ValidatorFn => (control: AbstractControl): { invalidFileExtension: string[] } | null => { const invalidFileExtension: string[] = []; if (control.value) { control.value.forEach((file: File) => { if (mimeTypes.indexOf(file.type) === -1) { invalidFileExtension.push(file.name); } }); } return control.value && invalidFileExtension.length > 0 ? { invalidFileExtension } : null; }
validateFileMimeType
Default value : (file: File, mimeTypes: MimeType[]): Observable<{ [key: string]: MimeType }> => { return new Observable<{ [p: string]: MimeType }>((subscriber) => { const reader = new FileReader(); reader.onloadend = (): void => { const buffer = reader.result as ArrayBuffer; const headerBytes = new Uint8Array(buffer).slice(0, 8); const mime = getMimeType(headerBytes); if (mimeTypes.indexOf(mime) === -1) { subscriber.next({ [file.name]: mime }); } subscriber.complete(); }; reader.readAsArrayBuffer(file); }); }

packages/eui/packages/components/shared/input.directive.ts

BaseComponentMixinBase
Default value : mixinEuiDisabled(mixinEuiDanger())

packages/eui/packages/components/shared/base/base.directive.ts

BaseComponentMixinBase
Default value : mixinEuiPrimary(mixinEuiSecondary(mixinEuiInfo(mixinEuiSuccess(mixinEuiWarning(mixinEuiDisabled())))))

packages/eui/packages/components/eui-popover/models/eui-popover-position.model.ts

BOTTOM
Default value : new ConnectionPositionPair({ originX: 'center', originY: 'bottom' }, { overlayX: 'center', overlayY: 'top' }, 0, 0, ['eui-popover-position', 'eui-popover-position--bottom'])
getPosition
Default value : ({ connectionPair }: ConnectedOverlayPositionChange): EuiPopoverPosition => { switch (connectionPair) { case TOP: return 'top'; case BOTTOM: return 'bottom'; case LEFT: return 'left'; case RIGHT: return 'right'; } }
LEFT
Default value : new ConnectionPositionPair({ originX: 'start', originY: 'center' }, { overlayX: 'end', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--left'])
RIGHT
Default value : new ConnectionPositionPair({ originX: 'end', originY: 'center' }, { overlayX: 'start', overlayY: 'center' }, 0, 0, ['eui-popover-position', 'eui-popover-position--right'])
TOP
Default value : new ConnectionPositionPair({ originX: 'center', originY: 'top' }, { overlayX: 'center', overlayY: 'bottom' }, 0, 0, ['eui-popover-position', 'eui-popover-position--top'])

packages/eui/packages/components/externals/eui-editor/validators/eui-editor.validators.ts

byteLength
Default value : (value: string): number => { // returns the byte length of an utf8 string let s = value.length; for (let i = value.length - 1; i >= 0; i--) { const code = value.charCodeAt(i); if (code > 0x7f && code <= 0x7ff) { s++; } else if (code > 0x7ff && code <= 0xffff) { s += 2; } if (code >= 0xdc00 && code <= 0xdfff) { i--; } } return s; }
euiEditorMaxBytes
Default value : (maxBytes: number): ValidatorFn => (control: AbstractControl): { maxBytes: { maxBytes: number; actual: number } } | null => { if (control.value) { let actual = 0; if (isJson(control.value)) { actual = byteLength(control.value); } else { const m = encodeURIComponent(control.value).match(/%[89ABab]/g); actual = control.value.length + (m ? m.length : 0); } return actual > maxBytes ? { maxBytes: { maxBytes, actual } } : null; } }
euiEditorMaxLength
Default value : (maxLength: number): ValidatorFn => (control: AbstractControl): { maxLength: { maxLength: number; actual: number } } | null => { if (control.value) { let actual = 0; if (isJson(control.value)) { const content = JSON.parse(control.value) .ops.filter((c: { attributes: string; insert: string }) => typeof c.insert === 'string') .map((c: { attributes: string; insert: string }) => c.insert.replace(/\n/g, '')); const jsonStrippedContent = content.join(''); actual = jsonStrippedContent.length; } else { const regex = /(<([^>]+)>)/gi; const tagsStrippedContent = control.value.replace(regex, ''); actual = tagsStrippedContent.length; } return actual > maxLength ? { maxLength: { maxLength, actual } } : null; } }
euiEditorMaxWords
Default value : (maxWords: number): ValidatorFn => (control: AbstractControl): { maxWords: { maxWords: number; actual: number } } | null => { if (control.value) { let actual = 0; if (isJson(control.value)) { const content = JSON.parse(control.value) .ops.filter((c: { attributes: string; insert: string }) => typeof c.insert === 'string') .map((c: { attributes: string; insert: string }) => c.insert.replace(/\n/g, ' ')); const jsonStrippedContent = content.join(''); actual = jsonStrippedContent.trim().split(/\s+/).length; } else { const tagsStrippedContent = control.value.replace(/<[^>]*>/g, ''); actual = tagsStrippedContent.replace(/[\u200B-\u200D\uFEFF]/g, '').trim().split(/\s+/).filter(t => t !== '').length; } return actual > maxWords ? { maxWords: { maxWords, actual } } : null; } }
euiEditorMinBytes
Default value : (minBytes: number): ValidatorFn => (control: AbstractControl): { minBytes: { minBytes: number; actual: number } } | null => { if (control.value) { let actual = 0; const m = encodeURIComponent(control.value).match(/%[89ABab]/g); actual = control.value.length + (m ? m.length : 0); return actual < minBytes ? { minBytes: { minBytes, actual } } : null; } }
euiEditorMinLength
Default value : (minLength: number): ValidatorFn => (control: AbstractControl): { minLength: { minLength: number; actual: number } } | null => { if (control.value) { let actual = 0; if (isJson(control.value)) { const content = JSON.parse(control.value) .ops.filter((c: { attributes: string; insert: string }) => typeof c.insert === 'string') .map((c: { attributes: string; insert: string }) => c.insert.replace(/\n/g, '')); const jsonStrippedContent = content.join(''); actual = jsonStrippedContent.length; } else { const regex = /(<([^>]+)>)/gi; const tagsStrippedContent = control.value.replace(regex, ''); actual = tagsStrippedContent.length; } return actual < minLength ? { minLength: { minLength, actual } } : null; } }
euiEditorMinWords
Default value : (minWords: number): ValidatorFn => (control: AbstractControl): { minWords: { minWords: number; actual: number } } | null => { if (control.value) { let actual = 0; if (isJson(control.value)) { const content = JSON.parse(control.value) .ops.filter((c: { attributes: string; insert: string }) => typeof c.insert === 'string') .map((c: { attributes: string; insert: string }) => c.insert.replace(/\n/g, ' ')); const jsonStrippedContent = content.join(''); actual = jsonStrippedContent.trim().split(/\s+/).length; } else { const tagsStrippedContent = control.value.replace(/<[^>]*>/g, ''); actual = tagsStrippedContent.replace(/[\u200B-\u200D\uFEFF]/g, '').trim().split(/\s+/).filter(t => t !== '').length; } return actual < minWords ? { minWords: { minWords, actual } } : null; } }
isJson
Default value : (value: string): boolean => { try { JSON.parse(value); } catch (e) { return false; } return true; }

packages/eui/packages/components/eui-alert/eui-alert.module.ts

COMPONENTS
Type : []
Default value : [ EuiAlertComponent, EuiAlertTitleDirective, ]

packages/eui/packages/components/eui-avatar/eui-avatar.module.ts

COMPONENTS
Type : []
Default value : [ EuiAvatarComponent, EuiAvatarIconComponent, EuiAvatarTextComponent, EuiAvatarImageComponent, EuiAvatarBadgeComponent, EuiAvatarListComponent, ]

packages/eui/packages/components/eui-page/eui-page.module.ts

COMPONENTS
Type : []
Default value : [ EuiPageComponent, EuiPageColumnComponent, EuiPageColumnHeaderBodyContentDirective, EuiPageColumnHeaderLeftContentDirective, EuiPageColumnHeaderRightContentDirective, EuiPageColumnHeaderCollapsedContentDirective, EuiPageColumnBodyContentDirective, EuiPageColumnFooterContentDirective, EuiPageColumnsComponent, EuiPageContentComponent, EuiPageHeaderComponent, EuiPageHeaderActionItemsContentDirective, EuiPageHeaderSubLabelContentDirective, EuiPageBodyContentDirective, EuiPageHeroHeaderComponent, EuiPageFooterComponent, EuiPageBreadcrumbComponent, EuiPageTopContentComponent, ]

packages/eui/packages/components/eui-sidebar-menu/eui-sidebar-menu.module.ts

COMPONENTS
Type : []
Default value : [EuiSidebarMenuComponent]

packages/eui/packages/components/eui-skeleton/eui-skeleton.module.ts

COMPONENTS
Type : []
Default value : [EuiSkeletonComponent]

packages/eui/packages/components/externals/charts/eui-charts.module.ts

COMPONENTS
Type : []
Default value : [ChartComponent]

packages/eui/packages/components/layout/eui-header/header.module.ts

COMPONENTS
Type : []
Default value : [ EuiHeaderComponent, EuiHeaderComponent, EuiHeaderAppComponent, EuiHeaderAppNameComponent, EuiHeaderAppNameDirective, EuiHeaderAppSubtitleComponent, EuiHeaderAppSubtitleDirective, EuiHeaderEnvironmentComponent, EuiHeaderLogoComponent, EuiHeaderUserProfileComponent, EuiHeaderAppNameLogoComponent, EuiHeaderAppNameLogoDirective, EuiHeaderRightContentComponent, ]

packages/eui/packages/components/layout/eui-toolbar/toolbar.module.ts

COMPONENTS
Type : []
Default value : [ EuiToolbarComponent, EuiToolbarItemComponent, EuiToolbarItemsComponent, EuiToolbarLogoComponent, EuiToolbarAppComponent, EuiToolbarEnvironmentComponent, EuiToolbarMenuComponent, EuiToolbarCenterComponent, ]

packages/eui/packages/components/layout/eui-user-profile/user-profile.module.ts

COMPONENTS
Type : []
Default value : [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent]

packages/eui/packages/components/layout/eui-app/eui-app-sidebar/sidebar.module.ts

COMPONENTS
Type : []
Default value : [ EuiAppSidebarComponent, EuiAppSidebarHeaderComponent, EuiAppSidebarBodyComponent, EuiAppSidebarFooterComponent, EuiAppSidebarMenuComponent, EuiAppSidebarHeaderUserProfileComponent, EuiAppSidebarDrawerComponent, ]

packages/eui/packages/components/layout/eui-app/eui-app-toolbar/toolbar.module.ts

COMPONENTS
Type : []
Default value : [EuiAppToolbarComponent]

packages/eui/packages/components/testing/test.ts

context
Default value : require.context('../', true, /\.spec\.ts$/)
require
Type : any

packages/eui/packages/components/eui-datepicker/eui-datepicker.validators.ts

dateInputValidator
Type : ValidatorFn
Default value : (control: AbstractControl): ValidationErrors | null => control.value === null ? { invalidDate: true } : null

packages/eui/packages/components/eui-datepicker/eui-datepicker.module.ts

DEFAULT_FORMATS
Type : object
Default value : { parse: { dateInput: 'DD/MM/YYYY', }, display: { dateInput: 'DD/MM/YYYY', monthYearLabel: 'MM/YYYY', dateA11yLabel: 'Date/Month/Year', monthYearA11yLabel: 'Month/Year', }, }

packages/eui/packages/components/externals/quill/quill-defaults.ts

defaultModules
Type : object
Default value : { toolbar: [ ['bold', 'italic', 'underline', 'strike'], // toggled buttons ['blockquote', 'code-block'], [{ header: 1 }, { header: 2 }], // custom button values [{ list: 'ordered' }, { list: 'bullet' }], [{ script: 'sub' }, { script: 'super' }], // superscript/subscript [{ indent: '-1' }, { indent: '+1' }], // outdent/indent [{ direction: 'rtl' }], // text direction [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], // dropdown with defaults from theme [{ font: [] }], [{ align: [] }], ['clean'], // remove formatting button ['table'], // adds the insert table button ['link', 'image', 'video'], // link and image, video ], }

packages/eui/packages/components/eui-dialog/services/eui-dialog.token.ts

DIALOG_COMPONENT_CONFIG
Default value : new InjectionToken<any>('DIALOG_COMPONENT_CONFIG')
DIALOG_CONTAINER_CONFIG
Default value : new InjectionToken<any>('DIALOG_CONTAINER_CONFIG')

packages/eui/packages/components/eui-autocomplete/validators/force-selection-from-data.validator.ts

euiAutocompleteForceSelectionFromData
Default value : (control: AbstractControl<EuiAutoCompleteItem | EuiAutoCompleteItem[]>): { isInData: { isInData: boolean; invalidValues: EuiAutoCompleteItem | EuiAutoCompleteItem[] } } | null => { if (control.value) { const isInData = Array.isArray(control.value) ? control.value.every(obj => 'id' in obj) : control.value.id !== undefined; const invalidValues = Array.isArray(control.value) ? control.value.filter(v => v.id === undefined) : control.value; return !isInData ? { isInData: { isInData, invalidValues } } : null; } return null; }

packages/eui/packages/components/eui-date-range-selector/eui-date-range-selector.validators.ts

euiStartEndDateValidator
Default value : (adapter: DateAdapter<any>): ValidatorFn => (control: AbstractControl): ValidationErrors | null => { const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange))); const end = moment(control.value?.endRange); return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } }; }

packages/eui/packages/components/externals/quill/quill-editor.component.ts

getFormat
Default value : (format?: QuillFormat, configFormat?: QuillFormat): QuillFormat => { const passedFormat = format || configFormat; return passedFormat || 'html'; }
Quill
Type : any
require
Type : any

packages/eui/packages/components/eui-file-upload/utils/mime-types.ts

getMimeType
Default value : (header: Uint8Array): MimeType => { // convert Uint8Array to hex string const hex = uint8ArrayToHexString(header); // map hex string to mime type if (hex.startsWith('ffd8ffe000104a46')) return 'image/jpeg'; if (hex.startsWith('89504e47')) return 'image/png'; if (hex.startsWith('464c4946')) return 'image/flif'; if (hex.startsWith('67696d7020786366')) return 'image/x-xcf'; if (hex.startsWith('49492a00')) return 'image/x-canon-cr2'; if (hex.startsWith('49492a00')) return 'image/x-canon-cr3'; if (hex.startsWith('49492a00')) return 'image/tiff'; if (hex.startsWith('424d')) return 'image/bmp'; if (hex.startsWith('69636e73')) return 'image/icns'; if (hex.startsWith('49491a0000004845415050')) return 'image/vnd.ms-photo'; if (hex.startsWith('38425053')) return 'image/vnd.adobe.photoshop'; if (hex.startsWith('06054b50')) return 'application/x-indesign'; if (hex.startsWith('504b0304')) return 'application/epub+zip'; if (hex.startsWith('504b0304')) return 'application/x-xpinstall'; if (hex.startsWith('504b0304')) return 'application/vnd.oasis.opendocument.text'; if (hex.startsWith('504b0304')) return 'application/vnd.oasis.opendocument.spreadsheet'; if (hex.startsWith('504b0304')) return 'application/vnd.oasis.opendocument.presentation'; if (hex.startsWith('504b0304')) return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'; if (hex.startsWith('504b0304')) return 'application/vnd.openxmlformats-officedocument.presentationml.presentation'; if (hex.startsWith('504b0304')) return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'; if (hex.startsWith('504b0304')) return 'application/zip'; if (hex.startsWith('7b2274797065223a226a736f6e227d')) return 'application/json'; if (hex.startsWith('7573746172')) return 'application/x-tar'; if (hex.startsWith('526172211a0700')) return 'application/x-rar-compressed'; if (hex.startsWith('1f8b08')) return 'application/gzip'; if (hex.startsWith('425a68')) return 'application/x-bzip2'; if (hex.startsWith('377abcaf271c')) return 'application/x-7z-compressed'; if (hex.startsWith('78da')) return 'application/x-apple-diskimage'; if (hex.startsWith('00000020667479706d70')) return 'video/mp4'; if (hex.startsWith('4d546864')) return 'audio/midi'; if (hex.startsWith('1a45dfa393428288')) return 'video/x-matroska'; if (hex.startsWith('1a45dfa3')) return 'video/webm'; if (hex.startsWith('00000014667479707174')) return 'video/quicktime'; if (hex.startsWith('52494646')) return 'video/vnd.avi'; if (hex.startsWith('52494646')) return 'audio/vnd.wave'; if (hex.startsWith('0a010301')) return 'audio/qcelp'; if (hex.startsWith('3026b2758e66cf11')) return 'audio/x-ms-asf'; if (hex.startsWith('3026b2758e66cf11')) return 'video/x-ms-asf'; if (hex.startsWith('3026b2758e66cf11')) return 'application/vnd.ms-asf'; if (hex.startsWith('000001ba')) return 'video/mpeg'; if (hex.startsWith('00000020667479703367')) return 'video/3gpp'; if (hex.startsWith('494433')) return 'audio/mpeg'; if (hex.startsWith('00000020667479704d344120')) return 'audio/mp4'; if (hex.startsWith('4f707573')) return 'audio/opus'; if (hex.startsWith('4f676753')) return 'video/ogg'; if (hex.startsWith('4f676753')) return 'audio/ogg'; if (hex.startsWith('4f676753')) return 'application/ogg'; if (hex.startsWith('664c6143')) return 'audio/x-flac'; if (hex.startsWith('4d414320')) return 'audio/ape'; if (hex.startsWith('7776706b')) return 'audio/wavpack'; if (hex.startsWith('2321414d520a')) return 'audio/amr'; if (hex.startsWith('255044462d312e')) return 'application/pdf'; if (hex.startsWith('7f454c46')) return 'application/x-elf'; if (hex.startsWith('4d5a')) return 'application/x-msdownload'; if (hex.startsWith('435753')) return 'application/x-shockwave-flash'; if (hex.startsWith('7b5c72746631')) return 'application/rtf'; if (hex.startsWith('0061736d')) return 'application/wasm'; if (hex.startsWith('774f4646')) return 'font/woff'; if (hex.startsWith('774f4632')) return 'font/woff2'; if (hex.startsWith('000100000008')) return 'application/vnd.ms-fontobject'; if (hex.startsWith('0001000000')) return 'font/ttf'; if (hex.startsWith('4f54544f00')) return 'font/otf'; if (hex.startsWith('000001000100')) return 'image/x-icon'; if (hex.startsWith('464c560105')) return 'video/x-flv'; if (hex.startsWith('25215053')) return 'application/postscript'; if (hex.startsWith('25215053')) return 'application/eps'; if (hex.startsWith('fd377a585a00')) return 'application/x-xz'; if (hex.startsWith('53514c69746520666f726d6174203300')) return 'application/x-sqlite3'; if (hex.startsWith('4e45531a00000001')) return 'application/x-nintendo-nes-rom'; if (hex.startsWith('504b0304')) return 'application/x-google-chrome-extension'; if (hex.startsWith('4d534346')) return 'application/vnd.ms-cab-compressed'; if (hex.startsWith('213c617263683e0a')) return 'application/x-deb'; if (hex.startsWith('1f8b08')) return 'application/x-unix-archive'; if (hex.startsWith('edabeedb')) return 'application/x-rpm'; if (hex.startsWith('1f9d90')) return 'application/x-compress'; if (hex.startsWith('4c5a4950')) return 'application/x-lzip'; if (hex.startsWith('d0cf11e0a1b11ae1')) return 'application/x-cfb'; if (hex.startsWith('4d49455f')) return 'application/x-mie'; if (hex.startsWith('4141523146')) return 'application/x-apache-arrow'; if (hex.startsWith('060e2b3402050101')) return 'application/mxf'; if (hex.startsWith('47')) return 'video/mp2t'; if (hex.startsWith('4250e4')) return 'application/x-blender'; if (hex.startsWith('425047fb')) return 'image/bpg'; if (hex.startsWith('ff4fff51')) return 'image/j2c'; if (hex.startsWith('0000000c6a5020200d0a')) return 'image/jp2'; if (hex.startsWith('6a5020200d0a870a')) return 'image/jpx'; if (hex.startsWith('6a5020200d0a870a')) return 'image/jpm'; if (hex.startsWith('0000000c6a5020200d0a')) return 'image/mj2'; if (hex.startsWith('464f524d')) return 'audio/aiff'; if (hex.startsWith('3c3f786d6c20')) return 'application/xml'; if (hex.startsWith('424f4f4b4d4f4249')) return 'application/x-mobipocket-ebook'; if (hex.startsWith('667479706174')) return 'image/heif'; if (hex.startsWith('667479706174')) return 'image/heif-sequence'; if (hex.startsWith('667479706174')) return 'image/heic'; if (hex.startsWith('667479706174')) return 'image/heic-sequence'; if (hex.startsWith('4b545820')) return 'image/ktx'; if (hex.startsWith('4449434d')) return 'application/dicom'; if (hex.startsWith('4d50434b')) return 'audio/x-musepack'; if (hex.startsWith('56656e64')) return 'text/calendar'; if (hex.startsWith('424547494e3a5643415244')) return 'text/vcard'; if (hex.startsWith('676c5458')) return 'model/gltf-binary'; if (hex.startsWith('d4c3b2a1')) return 'application/vnd.tcpdump.pcap'; if (hex.startsWith('464f524d')) return 'audio/x-voc'; if (hex.startsWith('64646f6c')) return 'audio/vnd.dolby.dd-raw'; return null; }
uint8ArrayToHexString
Default value : (uint8Array): string => { return Array.prototype.map.call(uint8Array, (byte) => ('00' + byte.toString(16)).slice(-2)).join(''); }

packages/eui/packages/components/externals/helpers/get-view-element.helper.ts

getViewElement
Default value : (fixture, componentClass, klass?) => { let el; let domElement; const de = fixture.debugElement.query(By.css(componentClass)); if (de) { el = de.nativeElement; if (el && klass) { domElement = el.querySelectorAll(klass); if (domElement.length <= 1) { domElement = el.querySelector(klass); } } } return { de, el, domElement }; }

packages/eui/packages/components/eui-card/services/ui-state.service.ts

initialState
Type : UIState
Default value : { isCollapsible: false, isCollapsed: false, isUrgent: false, }

packages/eui/packages/components/eui-datepicker/eui-datepicker.component.ts

LETTER_FORMAT
Type : object
Default value : { parse: { dateInput: 'LL', }, display: { dateInput: 'LL', monthYearLabel: 'LL', }, }
moment
Default value : _rollupMoment || _moment
MONTH_YEAR_FORMAT
Type : object
Default value : { parse: { dateInput: 'MM/YYYY', }, display: { dateInput: 'MM/YYYY', monthYearLabel: 'MMM YYYY', dateA11yLabel: 'LL', monthYearA11yLabel: 'MMMM YYYY', }, }
YEAR_FORMAT
Type : object
Default value : { parse: { dateInput: 'YYYY', }, display: { dateInput: 'YYYY', monthYearLabel: 'YYYY', dateA11yLabel: 'YYYY', monthYearA11yLabel: 'YYYY', }, }

packages/eui/packages/components/validators/max-length-bytes.validator.ts

maxLengthBytes
Default value : (bytes: number): ValidatorFn => { return (control: AbstractControl): ValidationErrors | null => { const length: number = new TextEncoder().encode(control.value).length; if (length > bytes) { return { maxLengthBytes: { required: bytes, actual: length, }, }; } return null; }; }

packages/eui/packages/components/shared/base/mixins/typeclass/eui-secondary.mixin.ts

mixinEuiSecondary
Default value : <T extends AbstractConstructor<any>>(base: T = class {} as any): EuiSecondaryCtor & T => { abstract class Mixin extends (base as unknown as Constructor<object>) { private _euiSecondary = false; /** Whether the EuiSecondary is disabled or not. */ get euiSecondary(): boolean { return this._euiSecondary; } set euiSecondary(value: BooleanInput) { this._euiSecondary = coerceBooleanProperty(value); } protected constructor(...args: any[]) { super(...args); } protected getCssClasses(rootClass = ''): string { return [ super['getCssClasses'] ? super['getCssClasses'](rootClass) : rootClass, this._euiSecondary ? `${rootClass}--secondary` : '', ] .join(' ') .trim(); } } // Since we don't directly extend from `base` with its original types, and we instruct // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap. // This is a limitation in TS as abstract classes cannot be typed properly dynamically. return Mixin as unknown as T & EuiSecondaryCtor; }

Mixin to augment a directive with a EuiSecondary property.

packages/eui/packages/components/shared/base/mixins/typeclass/eui-success.mixin.ts

mixinEuiSuccess
Default value : <T extends AbstractConstructor<any>>(base: T = class {} as any): EuiSuccessCtor & T => { abstract class Mixin extends (base as unknown as Constructor<object>) { private _euiSuccess = false; /** Whether the EuiSuccess is disabled or not. */ get euiSuccess(): boolean { return this._euiSuccess; } set euiSuccess(value: BooleanInput) { this._euiSuccess = coerceBooleanProperty(value); } protected constructor(...args: any[]) { super(...args); } protected getCssClasses(rootClass = ''): string { return [super['getCssClasses'] ? super['getCssClasses'](rootClass) : rootClass, this._euiSuccess ? `${rootClass}--success` : ''] .join(' ') .trim(); } } // Since we don't directly extend from `base` with its original types, and we instruct // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap. // This is a limitation in TS as abstract classes cannot be typed properly dynamically. return Mixin as unknown as T & EuiSuccessCtor; }

Mixin to augment a directive with a EuiSuccess property.

packages/eui/packages/components/shared/base/mixins/typeclass/eui-variant.mixin.ts

mixinEuiVariant
Default value : <T extends AbstractConstructor<any>>(base: T = class {} as any): EuiVariantCtor & T => { abstract class Mixin extends (base as unknown as Constructor<object> as TypeClassCtor) { private _euiVariant: TypeEuiColor = ''; /** Whether the EuiVariant is disabled or not. */ get euiVariant(): TypeEuiColor { return this._euiVariant; } set euiVariant(value: TypeEuiColor) { super.euiPrimary = value === 'primary'; super.euiSecondary = value === 'secondary'; super.euiWarning = value === 'warning'; super.euiInfo = value === 'info'; super.euiSuccess = value === 'success'; super.euiDanger = value === 'danger'; super.euiAccent = value === 'accent'; this._euiVariant = value; } protected constructor(...args: any[]) { super(...args); } } // Since we don't directly extend from `base` with its original types, and we instruct // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap. // This is a limitation in TS as abstract classes cannot be typed properly dynamically. return Mixin as unknown as T & EuiVariantCtor; }

Mixin to augment a directive with a EuiVariant property.

packages/eui/packages/components/shared/base/mixins/typeclass/eui-warning.mixin.ts

mixinEuiWarning
Default value : <T extends AbstractConstructor<any>>(base: T = class {} as any): EuiWarningCtor & T => { abstract class Mixin extends (base as unknown as Constructor<object>) { private _euiWarning = false; /** Whether the EuiWarning is disabled or not. */ get euiWarning(): boolean { return this._euiWarning; } set euiWarning(value: BooleanInput) { this._euiWarning = coerceBooleanProperty(value); } protected constructor(...args: any[]) { super(...args); } protected getCssClasses(rootClass = ''): string { return [super['getCssClasses'] ? super['getCssClasses'](rootClass) : rootClass, this._euiWarning ? `${rootClass}--warning` : ''] .join(' ') .trim(); } } // Since we don't directly extend from `base` with its original types, and we instruct // TypeScript that `T` actually is instantiatable through `new`, the types don't overlap. // This is a limitation in TS as abstract classes cannot be typed properly dynamically. return Mixin as unknown as T & EuiWarningCtor; }

Mixin to augment a directive with a EuiWarning property.

packages/eui/packages/components/eui-all/eui-all.module.ts

MODULES
Type : []
Default value : [ EuiTemplateDirectiveModule, EuiTooltipDirectiveModule, EuiInputNumberDirectiveModule, EuiMaxLengthDirectiveModule, EuiSmoothScrollDirectiveModule, EuiScrollHandlerDirectiveModule, EuiHasPermissionDirectiveModule, EuiResizableDirectiveModule, EuiLayoutModule, EuiPageModule, EuiOverlayModule, EuiDimmerModule, EuiBadgeModule, EuiIconModule, EuiLabelModule, EuiIconToggleModule, EuiAlertModule, EuiAutocompleteModule, EuiBlockDocumentModule, EuiBlockContentModule, EuiButtonModule, EuiButtonsModule, EuiCardModule, EuiChipModule, EuiChipListModule, EuiDashboardButtonModule, EuiDashboardCardModule, EuiDatepickerModule, EuiDateRangeSelectorModule, EuiDropdownModule, EuiDialogModule, EuiGrowlModule, EuiSlideToggleModule, EuiTabsModule, EuiMenuModule, EuiMessageBoxModule, EuiListModule, EuiTableModule, EuiFileUploadModule, EuiPopoverModule, EuiFeedbackMessageModule, EuiTimepickerModule, EuiTreeModule, EuiInputCheckboxModule, EuiSelectModule, EuiInputRadioModule, EuiInputTextModule, EuiTextAreaModule, EuiInputGroupModule, EuiTruncatePipeModule, EuiFieldsetModule, EuiPaginatorModule, EuiButtonGroupModule, EuiProgressCircleModule, EuiDisableContentModule, EuiWizardModule, EuiTimelineModule, EuiTimebarModule, EuiDiscussionThreadModule, EuiSidebarMenuModule, EuiProgressBarModule, EuiTreeListModule, EuiAvatarModule, EuiSkeletonModule, ]

packages/eui/packages/components/layout/eui-layout.module.ts

MODULES
Type : []
Default value : [ EuiAppModule, EuiNotificationsModule, EuiNotificationsV2Module, EuiToolbarModule, EuiHeaderModule, EuiFooterModule, EuiBreadcrumbModule, EuiLanguageSelectorModule, EuiSearchModule, EuiUserProfileModule, EuiSidebarToggleModule, ]

packages/eui/packages/components/layout/eui-app/eui-app.module.ts

MODULES
Type : []
Default value : [ EuiUserProfileModule, EuiSearchModule, EuiBreadcrumbModule, EuiLanguageSelectorModule, EuiSidebarToggleModule, EuiAppHeaderModule, EuiAppFooterModule, EuiAppToolbarModule, EuiToolbarModule, EuiAppSidebarModule, EuiAppTopMessageModule, EuiBlockDocumentModule, EuiGrowlModule, EuiDimmerModule, EuiAppBreadcrumbModule, ]

packages/eui/packages/components/eui-slide-toggle/animations/on-off.ts

onOff
Default value : trigger('onOff', [ state( 'off', style({ left: 0, }), ), state( 'on', style({ left: '1rem', }), ), transition('off => on', [animate('0ms 100ms linear')]), transition('on => off', [animate('0ms 100ms linear')]), ])

packages/eui/packages/components/eui-dropdown/animations/open-close.ts

openClose
Default value : trigger('openClose', [ state( 'open', style({ opacity: 1, transform: 'scale(1)', }), ), state( 'closed', style({ opacity: 0, transform: 'scale(0.9)', }), ), transition('closed => open', [animate('100ms 25ms linear')]), ])

packages/eui/packages/components/eui-autocomplete/animations/animations.ts

panelAnimation
Type : AnimationTriggerMetadata
Default value : trigger('panelAnimation', [ state( 'void, hidden', style({ opacity: 0, transform: 'scaleY(0.8)', }), ), transition(':enter, hidden => visible', [ group([ animate('0.03s linear', style({ opacity: 1 })), animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'scaleY(1)' })), ]), ]), transition(':leave, visible => hidden', [animate('0.075s linear', style({ opacity: 0 }))]), ])

packages/eui/packages/components/externals/quill/quill-editor.interfaces.ts

QUILL_CONFIG_TOKEN
Default value : new InjectionToken<QuillConfig>('config')
QUILL_DYNAMIC_CONFIG_TOKEN
Default value : new InjectionToken<QuillDynamicConfig>('Dynamic loading config')

packages/eui/packages/components/externals/eui-editor/eui-editor.component.ts

QuillBetterTable
Default value : window['quillBetterTable']
QuillType
Type : any
Default value : window['Quill']

packages/eui/packages/components/externals/eui-editor/eui-editor.module.ts

QuillBetterTable
Default value : window['quillBetterTable']
quillConfig
Type : QuillConfig
Default value : { modules: { table: false, 'better-table': { operationMenu: { items: { unmergeCells: { text: 'Another unmerge cells name', }, }, color: { colors: [ '#000000', '#e60000', '#ff9900', '#ffff00', '#008a00', '#0066cc', '#9933ff', '#ffffff', '#facccc', '#ffebcc', '#ffffcc', '#cce8cc', '#cce0f5', '#ebd6ff', '#bbbbbb', '#f06666', '#ffc266', '#ffff66', '#66b966', '#66a3e0', '#c285ff', '#888888', '#a10000', '#b26b00', '#b2b200', '#006100', '#0047b2', '#6b24b2', '#444444', '#5c0000', '#663d00', '#666600', '#003700', '#002966', '#3d1466', ], text: 'Background Colors', }, }, }, }, }

packages/eui/packages/components/externals/eui-editor/json-view/eui-editor-json-view.component.ts

QuillType
Type : any
Default value : window['Quill']

packages/eui/packages/components/eui-page/components/eui-page-columns/eui-page-columns.component.ts

ResizeObserver

packages/eui/packages/components/eui-select/eui-select-multiple.directive.ts

SELECT_MULTIPLE_VALUE_ACCESSOR
Type : Provider
Default value : { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiSelectMultipleControlValueAccessor), multi: true, }

packages/eui/packages/components/directives/eui-tooltip/animations/show-hide.ts

showHide
Default value : trigger('showHide', [ state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })), state('visible', style({ transform: 'scale(1)' })), transition( '* => visible', animate( '200ms cubic-bezier(0, 0, 0.2, 1)', keyframes([ style({ opacity: 0, transform: 'scale(0)', offset: 0 }), style({ opacity: 0.5, transform: 'scale(0.99)', offset: 0.5 }), style({ opacity: 1, transform: 'scale(1)', offset: 1 }), ]), ), ), transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 }))), ])

packages/eui/packages/components/directives/eui-tooltip/token/eui-tooltip.token.ts

TOOLTIP_CONTAINER_CONFIG
Default value : new InjectionToken<EuiTooltipInterface>('TOOLTIP_CONTAINER_CONFIG')

packages/eui/packages/components/testing/mocks/translate.module.mock.ts

TRANSLATED_STRING
Type : string
Default value : 'i18n'

packages/eui/packages/components/externals/eui-editor/image-url-dialog/image-url-dialog.component.ts

urlValidator
Default value : (control: AbstractControl): { isUrlValid: false } | null => { const isHttp = control.value.substr(0, 7) === 'http://'; const isHttps = control.value.substr(0, 8) === 'https://'; return !isHttp && !isHttps ? { isUrlValid: false } : null; }

packages/eui/packages/components/externals/quill/loader.service.ts

window
Type : literal type

results matching ""

    No results matching ""