@omnia/tooling-vue 8.0.558-dev → 8.0.559-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/internal-do-not-import-from-here/tasks/ComponentDocRegistrations.js +1 -1
  2. package/package.json +3 -3
package/internal-do-not-import-from-here/tasks/ComponentDocRegistrations.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const fx_1 = require("@omnia/fx");
4
4
  (0, fx_1.extendApi)(api => api.fx.docs.registrations, api => {
5
- const registrations = { "omfx-connect": { "emits": {}, "models": {}, "props": { "parent": { "type": "ComponentPublicInstance" } }, "slots": {} }, "omnia-console": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dev-socket": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-spfx-wp-settings": { "emits": { "closed": { "type": "() => void" }, "change": { "type": "(blockManifestId:guid, elementName:string) => void" } }, "models": {}, "props": { "opened": { "type": "boolean" } }, "slots": {} }, "omnia-fx-spfx-wp": { "emits": {}, "models": {}, "props": { "webpartid": { "type": "guid" }, "displaymode": { "type": "any" } }, "slots": {} }, "omnia-fx-spfx-wp-standalone": { "emits": {}, "models": {}, "props": { "manifestid": { "type": "guid" }, "webpartid": { "type": "guid" }, "displaymode": { "type": "any" } }, "slots": {} }, "omfx-alignment-picker": { "emits": { "update:modelValue": { "type": "(value:HorizontalAlignments | VerticalAlignments) => true" } }, "models": { "modelValue": { "type": "HorizontalAlignments | VerticalAlignments", "description": "The v-model of the component" } }, "props": { "vertical": { "type": "boolean", "description": "Sets the component to vertical picking mode.", "defaultValue": false }, "noCenterSelection": { "type": "boolean", "description": "Removes the center option", "defaultValue": false }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": {} }, "omnia-authentication-checker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authsetup": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-blade-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-button": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-chrome-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-color-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-command-palette": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-condition-control": { "emits": { "itemAdd": { "type": "(item:TItem) => void", "description": "Emitted when an item is added" }, "itemRemove": { "type": "(item:TItem) => void", "description": "Emitted when an item is removed" }, "showAddFilterValue": { "type": "(item:IItem<TItem>) => void" } }, "models": { "modelValue": { "type": "Array<TItem>", "required": true } }, "props": { "label": { "type": "string", "description": "Label for the control" }, "labelAddItem": { "type": "string", "description": "Label for the add item button" }, "labelAddItemValue": { "type": "string", "description": "Label for the add filter value button" }, "getItemTitle": { "type": "(item:TItem) => string", "description": "Callback function to return the title of the item" } }, "slots": { "selectionRender": { "type": "(item:) => VNodeChild" }, "selectionRenderV2": { "type": "(item:) => VNodeChild" }, "settingsRender": { "type": "(item:) => VNodeChild" }, "settingsRenderV2": { "type": "(item:) => VNodeChild" }, "itemRenderer": { "type": "(row:IConditionControlItemRow<TItem>) => VNodeChild", "description": "Used to render each item in the list" }, "itemValuesRenderer": { "type": "(row:IConditionControlItemFilterValues<TItem>) => VNodeChild", "description": "Used to render the item values in the filter" } } }, "omfx-confirm-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-connected-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-context-picker": { "emits": { "select": { "type": "(item:Suggestion) => true" } }, "models": {}, "props": { "label": { "type": "string" }, "variant": { "type": "picker | default", "defaultValue": "\"default\"" } }, "slots": {} }, "omfx-context-language-picker": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" } }, "slots": {} }, "omfx-datatable": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-time-filter-query": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-time-picker": { "emits": { "isKeepMenuOpen": { "type": "(value:boolean) => void" } }, "models": { "modelValue": { "type": "string" } }, "props": { "formatter": { "type": "IDatetimePickerFormatter" }, "localeString": { "type": "string" }, "scrollable": { "type": "boolean" }, "pickerMode": { "type": "date-time | date | time", "defaultValue": "\"date-time\"" }, "label": { "type": "string" }, "isRequired": { "type": "boolean" }, "disabled": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "hasIcon": { "type": "boolean" }, "description": { "type": "string" }, "icon": { "type": "string" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-date-time-zone-picker": { "emits": {}, "models": { "modelValue": { "type": "DateTimeZone<Date>", "defaultValue": "defaultModelValue" } }, "props": { "variant": { "type": "date-time | date", "defaultValue": "\"date-time\"" }, "minuteSkip": { "type": "number", "description": "Controls the selectable minutes in the picker", "defaultValue": 5 }, "dateFormat": { "type": "string", "description": "The format of the date", "defaultValue": "vuetifyDatePickerFormat" }, "locale": { "type": "string", "description": "Sets the locale" }, "firstDayOfWeek": { "type": "number", "description": "Sets which day is the first day of the week", "defaultValue": 1 }, "disabled": { "type": "boolean", "description": "If the component should render as disabled", "defaultValue": false }, "label": { "type": "string", "description": "Custom label" }, "singleLine": { "type": "boolean", "description": "Render the component as single line", "defaultValue": false }, "isError": { "type": "boolean", "description": "Shows error", "defaultValue": false }, "showMenu": { "type": "boolean", "description": "Shows menu", "defaultValue": false } }, "slots": {} }, "omfx-date-time-zone-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-document-icon": { "emits": {}, "models": {}, "props": { "color": { "type": "string" }, "size": { "type": "IconSizes", "defaultValue": "defaultSize" }, "source": { "type": "ImageSources", "defaultValue": "defaultSource" }, "extension": { "type": "string" } }, "slots": {} }, "omfx-draggable": { "emits": { "sort:end": { "type": "() => true" } }, "models": { "modelValue": { "type": "Array<any>" } }, "props": { "containerRef": { "type": "Ref<any>", "required": true }, "countItems": { "type": "Ref<number>" } }, "slots": {} }, "omfx-dynamic-placeholder": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dynamic-placeholder-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-chrome-v2": { "emits": { "ready:render": { "type": "() => void" }, "close": { "type": "() => true" } }, "models": {}, "props": { "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string" }, "getApi": { "type": "(store:ReturnType<useEditorChromeStore>) => void" }, "hideCloseButton": { "type": "boolean" } }, "slots": {} }, "omfx-editor-chrome-action": { "emits": {}, "models": {}, "props": { "action": { "type": "ChromeActionItem", "required": true } }, "slots": { "renderer": { "type": "(action:ChromeActionItem) => VNodeChild" } } }, "omfx-enterpriseglossary-picker": { "emits": {}, "models": { "modelValue": { "type": "EnterpriseGlossaryInstance" } }, "props": {}, "slots": {} }, "omfx-enterprisepropertyset-picker": { "emits": { "change": { "type": "(propertySetId:guid | Array<guid>) => void" } }, "models": { "modelValue": { "type": "guid | Array<guid>" } }, "props": { "variant": { "type": "OSelectVariants | journey" }, "propertySetItems": { "type": "Array<EnterprisePropertySet>" }, "label": { "type": "string" }, "hint": { "type": "string" }, "filled": { "type": "boolean" }, "multiple": { "type": "boolean" }, "disabled": { "type": "boolean" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "persistentHint": { "type": "boolean" }, "requiredWithValidator": { "type": "boolean" }, "preSelectedPropertySetId": { "type": "guid | Array<guid>" } }, "slots": {} }, "omfx-error-message": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey": { "emits": {}, "models": {}, "props": { "appInstanceId": { "type": "guid" }, "targetResolverType": { "type": "string" } }, "slots": {} }, "omfx-features-journey-properties": { "emits": { "handleFeatureAction": { "type": "(action:string, featureId:guid) => true" } }, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey-app-instance": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-file-picker": { "emits": {}, "models": {}, "props": { "context": { "type": "ILayoutFileContext" }, "handler": { "type": "FilePickerHandler" }, "providers": { "type": "Array<FilePickerProvider>" } }, "slots": {} }, "omfx-file-uploader": { "emits": { "fileChanged": { "type": "(allFiles:Array<FileUploaderItemHandler>) => void" } }, "models": {}, "props": { "class": { "type": "string | string[]" }, "style": { "type": "" }, "disabled": { "type": "boolean" }, "enablePasteClipboardData": { "type": "boolean" }, "multiple": { "type": "boolean" }, "limitedFileTypes": { "type": "Array<string>" }, "limitedFileSize": { "type": "number" }, "hideOverlayIcon": { "type": "boolean" }, "hideFileList": { "type": "boolean" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-filter": { "emits": { "search": { "type": "(searchText:string) => true" }, "applyFilter": { "type": "() => true" }, "closeFilter": { "type": "() => true" } }, "models": {}, "props": { "heightDialog": { "type": "string" }, "countFieldHasValue": { "type": "number" }, "searchable": { "type": "boolean | Ref<boolean>", "description": "Specify if the parent should show a search field.", "defaultValue": false }, "variant": { "type": "dialog | journey", "defaultValue": "\"dialog\"" }, "hideFilterLabel": { "type": "boolean" } }, "slots": { "filter": { "type": "() => VNodeChild" } } }, "omfx-filterengine-settings": { "emits": {}, "models": { "modelValue": { "type": "FilterEngineSettings" } }, "props": { "context": { "type": "FilterEngineContext" } }, "slots": {} }, "omfx-filterengine-renderer": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(handler:FilterEngineHandler) => void", "required": true }, "renderContent": { "type": "() => | undefined[]", "required": true }, "context": { "type": "FilterEngineContext", "required": true }, "appendLeftSection": { "type": "() => | undefined[]" }, "prependLeftSection": { "type": "() => | undefined[]" }, "appendMainSection": { "type": "() => | undefined[]" }, "prependMainSection": { "type": "() => | undefined[]" }, "appendRightSection": { "type": "() => | undefined[]" }, "prependRightSection": { "type": "() => | undefined[]" }, "dialogScopedInjectables": { "type": "Object[]" }, "spacing": { "type": "Spacing" } }, "slots": {} }, "omfx-person-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-tags-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-personproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-tagsproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-text-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-boolean-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-number-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-booleanproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-textproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-datetimeproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-numberproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-dialog-content": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-property-dropdown": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "ITypedFilterEngineHandler", "required": true }, "renderContent": { "type": "(isOpening:boolean) => undefined" }, "rendererManifestId": { "type": "string" } }, "slots": {} }, "omfx-filterengine-property-list": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "ITypedFilterEngineHandler", "required": true }, "renderContent": { "type": "() => undefined" }, "rendererManifestId": { "type": "string" } }, "slots": {} }, "omfx-date-filterengine-period-slider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filter-picker": { "emits": { "update:modelValue": { "type": "(value:FilterPickerFilter[]) => undefined" }, "item:removed": { "type": "(value:FilterPickerFilter) => undefined" }, "item:sorted": { "type": "(value:FilterPickerFilter[]) => undefined" } }, "models": { "modelValue": { "type": "FilterPickerFilter[]", "defaultValue": "defaultModel" } }, "props": { "class": { "type": "String | String[]" }, "filters": { "type": "FilterPickerFilter[]", "description": "The filters for the filter picker", "required": true, "defaultValue": "defaultFilters" }, "size": { "type": "FilterSizes", "description": "The size of the filter picker" }, "singleSelect": { "type": "boolean", "description": "Only Allow Single Selection", "defaultValue": false }, "grow": { "type": "boolean", "description": "Grow to fill the available space", "defaultValue": false }, "sortable": { "type": "boolean", "description": "Adds sortable option to the filters", "defaultValue": false }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": { "itemRendering": { "type": "(element:VNodeChild, item:FilterPickerFilter) => VNodeChild" } } }, "omfx-numeric-indicator": { "emits": {}, "models": { "valueBind": { "type": "number" } }, "props": { "label": { "type": "string" }, "style": { "type": "NumericIndicatorStyles" }, "height": { "type": "number" }, "description": { "type": "string" }, "color": { "type": "string" }, "icon": { "type": "IIcon" }, "valueUnit": { "type": "string" }, "clickCallback": { "type": "() => void" } }, "slots": {} }, "omfx-barchart-indicator": { "emits": {}, "models": {}, "props": { "clickCallback": { "type": "(label:string) => void" }, "loadData": { "type": "(isPrevious:boolean) => Promise<void>" }, "hasData": { "type": "(isPrevious:boolean) => boolean" }, "chartValues": { "type": "Array<>" }, "unitLabel": { "type": "string" }, "label": { "type": "string" }, "style": { "type": "BarChartIndicatorStyle" }, "height": { "type": "number" }, "description": { "type": "string" }, "color": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-google-recaptcha": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-heading": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-helptext": { "emits": {}, "models": {}, "props": { "isHidden": { "type": "boolean" }, "content": { "type": "string" } }, "slots": {} }, "omfx-icon": { "emits": {}, "models": {}, "props": { "icon": { "type": "IIcon | MediaPickerImage | LegacyIconPickerModel", "description": "The icon to be displayed." }, "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default.", "defaultValue": "\"small\"" } }, "slots": {} }, "omfx-icon-picker": { "emits": {}, "models": { "modelValue": { "type": "TType" } }, "props": { "mediaPickerStorageProviderContext": { "type": "MediaPickerStorageProviderContext", "defaultValue": "mediaPickerIconsStorageProviderContext" }, "density": { "type": "comfortable | compact", "description": "Adjusts the vertical height used by the component.", "defaultValue": "\"compact\"" }, "required": { "type": "boolean" }, "avatar": { "type": "boolean" }, "library": { "type": "icon | image | icon-image", "defaultValue": "\"icon\"" }, "label": { "type": "string", "description": "Sets the label of the component." }, "variant": { "type": "dropdown | journey", "defaultValue": "\"dropdown\"" }, "imageSettings": { "type": "MediaPickerImageSettings" } }, "slots": {} }, "omfx-identity-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-picker-field": { "emits": { "menuToggle": { "type": "(values:boolean) => void" } }, "models": { "modelValue": { "type": "Identity[]", "defaultValue": "defaultVModel" } }, "props": { "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "guid[]" }, "variant": { "type": "OSelectTypes | journey" }, "label": { "type": "string", "defaultValue": "\"\"" }, "description": { "type": "string" }, "multiple": { "type": "boolean" }, "required": { "type": "boolean" }, "disabled": { "type": "boolean" }, "attachToParent": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "top": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "ariaDescribedby": { "type": "string", "defaultValue": "\"\"" }, "ariaInvalid": { "type": "boolean" }, "dense": { "type": "boolean" }, "showCurrentUserOption": { "type": "boolean" }, "autoOpenSelection": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]", "defaultValue": "defaultDisabledIdentities" }, "blockedIdentities": { "type": "Identity[]", "defaultValue": "defaultBlockedIdentities" }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "hideTab": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "displayIdentityType": { "type": "boolean" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration", "defaultValue": "defaultEnableSpecialUser" }, "businessProfileId": { "type": "string" } }, "slots": {} }, "omfx-identity-picker-inline-field": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-picker": { "emits": { "add": { "type": "(identity:Identity) => void" }, "remove": { "type": "(identity:Identity) => void" }, "closeDialog": { "type": "() => void" } }, "models": { "modelValue": { "type": "Identity[]" } }, "props": { "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "Array<guid>" }, "attachToParent": { "type": "boolean" }, "top": { "type": "boolean" }, "disabled": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]" }, "blockedIdentities": { "type": "Identity[]" }, "hideTab": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "showSelectedIdentities": { "type": "boolean" }, "displayIdentityType": { "type": "boolean", "defaultValue": true }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration" }, "isClosed": { "type": "boolean" }, "businessProfileId": { "type": "string" }, "ariaDescribedby": { "type": "string" }, "ariaInvalid": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "label": { "type": "string" }, "variant": { "type": "search | fieldvalue", "defaultValue": "\"search\"" }, "multiple": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "autoOpenSelection": { "type": "boolean" } }, "slots": {} }, "omfx-identity-picker-dialog": { "emits": { "identityChanged": { "type": "(identity:Identity) => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "location": { "type": "OMenuLocations", "defaultValue": "\"bottom start\"" }, "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "guid[]" }, "attachToParent": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "top": { "type": "boolean" }, "disabled": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]", "defaultValue": "defaultDisabledIdentities" }, "blockedIdentities": { "type": "Identity[]", "defaultValue": "defaultBlockedIdentities" }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "hideTab": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "displayIdentityType": { "type": "boolean" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration", "defaultValue": "defaultEnableSpecialUser" }, "businessProfileId": { "type": "string" } }, "slots": {} }, "omfx-identity-picker-button": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-input-language-picker": { "emits": {}, "models": {}, "props": { "multilingualContext": { "type": "MultilingualContext" }, "buttonSettings": { "type": "object" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-input-token": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "styles": { "type": "InputTokenStyles" }, "class": { "type": "string | string[]" }, "label": { "type": "string" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-journey": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "variant": { "type": "JourneyVariant", "description": "Specify the variant of the journey. Use editor to display in the editor." }, "compactMode": { "type": "boolean", "description": "Displays only one blade at a time. This is useful for mobile devices. And with fixed spaces." } }, "slots": {} }, "omfx-journey-blade": { "emits": { "click:create": { "type": "(id:guid) => true" }, "click:add": { "type": "(id:guid) => true" }, "click:back": { "type": "(id:guid) => true" }, "click:cancel": { "type": "(id:guid) => true" }, "click:settings": { "type": "(id:guid) => true" }, "search": { "type": "(searchText:string) => true" }, "changeFilter": { "type": "() => true" }, "closeFilter": { "type": "() => true" }, "hidden": { "type": "() => true" }, "click:manageList": { "type": "() => true" } }, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "title": { "type": "string", "description": "Specify the title of the blade." }, "toned": { "type": "boolean", "description": "IF the color is toned" }, "subTitle": { "type": "string", "description": "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent." }, "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store.", "required": true }, "size": { "type": "BladeSizeTypes", "description": "Specify the size of the blade. Small will show the header buttons as icons.", "defaultValue": "\"x-small\"" }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "ok": { "type": "boolean", "description": "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown.", "defaultValue": false }, "searchable": { "type": "boolean | Ref<boolean>", "description": "Specify if the blade should show a search field.", "defaultValue": false }, "delete": { "type": "boolean", "description": "Specify if the blade should show a delete button.", "defaultValue": false }, "remove": { "type": "boolean", "description": "Specify if the blade should show a remove button.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Specify if the blade should shoud be read only.", "defaultValue": false }, "manageList": { "type": "boolean | Ref<boolean>", "description": "Specify if the blade shoud be draggable on items.", "defaultValue": false }, "manageListText": { "type": "string", "description": "Customize the text for Manage List Button." }, "switch": { "type": "SwitchValue", "description": "Specify if the blade should show switch." }, "settings": { "type": "boolean", "description": "Specify if the blade should show a settings button.", "defaultValue": false }, "hideFilterLabel": { "type": "boolean", "description": "Hide label of the filter button.", "defaultValue": false }, "create": { "type": "boolean", "description": "Specify if the blade should show a create button.", "defaultValue": false }, "add": { "type": "boolean", "description": "Specify if the blade should show a add button.", "defaultValue": false }, "actions": { "type": "ActionDefinition[]", "description": "Specify if the blade should show responsive actions. Useful for both mobile and desktop." }, "bladeContext": { "type": "BladeContexts | BladeContext", "description": "Specify context of the journey." }, "icon": { "type": "IIcon", "description": "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc." }, "variant": { "type": "BladeVariantTypes", "description": "Applies a distinct style to the component." }, "onOk": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click ok, return true if ok to close the blade." }, "onRemove": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click remove, return true if ok to close the blade." }, "onDelete": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click delete, return true if ok to close the blade." }, "onSwitch": { "type": "(value:boolean) => boolean | Promise<boolean>", "description": "Trigger when user toggle switch, return true if ok to close the blade." }, "confirmDeleteDialogOption": { "type": "ConfirmDialogOptions", "description": "Specify a set of options for the confirm dialog shown before deleting." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "disabledButtonTooltips": { "type": "DisabledButtonTooltips", "description": "Specify a set of options for the confirm dialog shown before deleting." }, "sizeOnMobile": { "type": "BladeSizeTypes", "description": "Specify the size of the blade on mobile. Default full width on mobile view" }, "commit": { "type": "create | save", "description": "Specify the commit type, and a button with the specified type will be automatically generated in the footer. The default value is Save." }, "onCommit": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when users commit the changes. Return true to close the blade." }, "documentation": { "type": "Documentation", "description": "Specifies the documentation reference for the blade header. Provide the corresponding Omnia documentation URL along with a display title." } }, "slots": { "actions": { "type": "() => VNodeChild" }, "actionsFooter": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" } } }, "omfx-journey-place-holder": { "emits": {}, "models": {}, "props": { "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store.", "required": true }, "disabledVisibilityHidden": { "type": "boolean", "description": "Not allow blade to hidden(but still takes up space).", "defaultValue": false } }, "slots": {} }, "omfx-journey-menu": { "emits": { "itemSelected": { "type": "(item:JourneyMenuItem) => true" }, "valueChanged": { "type": "(item:JourneySwitchMenuItem) => true" } }, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyMenuStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "title": { "type": "string", "description": "Specify the title of the blade." }, "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store." }, "save": { "type": "boolean", "description": "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown.", "defaultValue": false }, "switch": { "type": "SwitchValue", "description": "Specify if the blade should show switch." }, "onSave": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click save, return true if ok to close the blade." }, "onSwitch": { "type": "(value:boolean) => boolean | Promise<boolean>", "description": "Trigger when user toggle switch, return true if ok to close the blade." }, "icon": { "type": "IIcon", "description": "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc." }, "size": { "type": "BladeSizeTypes", "description": "Specify the size of the blade. Small will show the header buttons as icons.", "defaultValue": "\"x-small\"" }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "items": { "type": "JourneyMenuItem[]", "description": "An array of menu items used for automatically generating menu items", "defaultValue": "defaultItems" }, "documentation": { "type": "Documentation", "description": "Specifies the documentation reference for the blade header. Provide the corresponding Omnia documentation URL along with a display title." } }, "slots": { "selection": { "type": "(selected:JourneyMenuItem) => VNodeChild", "description": "Custom renderer selected node." }, "actionsFooter": { "type": "() => VNodeChild" } } }, "omfx-settings-journey-menu": { "emits": {}, "models": {}, "props": { "items": { "type": "SettingsJourneyMenuItem[] | Ref<SettingsJourneyMenuItem[]>" }, "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void" }, "variant": { "type": "wizard | navigation", "defaultValue": "\"navigation\"" }, "onCreate": { "type": "() => boolean | Promise<boolean>" } }, "slots": { "append": { "type": "() => VNodeChild" }, "item": { "type": "(item:SettingsJourneyMenuItem, index:Number) => VNodeChild" } } }, "omfx-journey-documentation": { "emits": {}, "models": {}, "props": { "documentation": { "type": "Documentation" }, "bladeId": { "type": "guid" } }, "slots": {} }, "omfx-export-import-json": { "emits": { "click:import": { "type": "(data:any) => void" } }, "models": { "modelValue": { "type": "Object" } }, "props": { "readOnly": { "type": "boolean" }, "size": { "type": "ODialogSizes" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-language-picker": { "emits": {}, "models": { "modelValue": { "type": "Language | Array<Language>" } }, "props": { "variant": { "type": "LanguagePickerVariant" }, "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" }, "enableContextSettings": { "type": "boolean" }, "loadLanguage": { "type": "() => Promise<Array<Language>>" }, "clearable": { "type": "boolean" }, "required": { "type": "boolean" }, "styles": { "type": "LanguagePickerStyles" }, "defaultLanguage": { "type": "Language" }, "multiSelectionStyle": { "type": "OMultiSelectionStyles" }, "multiple": { "type": "boolean" }, "excludeCountry": { "type": "boolean" } }, "slots": { "chip": { "type": "(item:OSelectRenderingItem<number,Language>, index:Number) => VNodeChild" }, "item": { "type": "(item:OSelectRenderingItem<number,Language>, index:Number) => VNodeChild" } } }, "omfx-letter-avatar": { "emits": {}, "models": {}, "props": { "name": { "type": "string" }, "size": { "type": "OSizeTypes" }, "color": { "type": "string" } }, "slots": {} }, "omfx-limited-label": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-link-picker": { "emits": {}, "models": { "modelValue": { "type": "LinkItem" } }, "props": { "allowProviders": { "type": "LinkProviderId[]" }, "height": { "type": "number", "description": "Sets the height for the component." } }, "slots": {} }, "omfx-link-renderer": { "emits": {}, "models": { "modelValue": { "type": "LinkItem" } }, "props": { "hideTitle": { "type": "boolean" }, "disabled": { "type": "boolean" } }, "slots": { "renderer": { "type": "(link:LinkItem) => void" } } }, "omfx-magiclink-login": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-magiclink-success": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-magiclink-failure": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-markdown-editor": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "hideToolbar": { "type": "boolean", "description": "Hides the toolbar", "defaultValue": false }, "toolbarContainer": { "type": "boolean", "description": "Uses toolbar container", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies toned styling", "defaultValue": false }, "noWrap": { "type": "boolean", "description": "Disables text wrapping", "defaultValue": false }, "placeholder": { "type": "string", "description": "Placeholder text for the editor" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "blueprint": { "type": "TextBlueprint", "description": "Applies a text blueprint to be used" }, "getApi": { "type": "(store:ReturnType<useMarkdownEditorStore>) => void", "description": "callback to get a reference to the markdown store. The store is used to interact with the markdown editor." }, "plugins": { "type": "object[]", "description": "Array of plugins to be used with the editor" } }, "slots": {} }, "omfx-markdown-renderer": { "emits": {}, "models": {}, "props": { "value": { "type": "string", "required": true }, "toned": { "type": "boolean", "defaultValue": false }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "blueprint": { "type": "TextBlueprint", "description": "Applies a text blueprint to be used" } }, "slots": {} }, "omfx-markdown-editor-toolbar": { "emits": {}, "models": {}, "props": { "editorId": { "type": "guid" } }, "slots": {} }, "omfx-media-picker-image": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-video": { "emits": {}, "models": { "video": { "type": "MediaPickerVideo" } }, "props": { "videodata": { "type": "string" }, "videoStyle": { "type": "string | object | object[]" }, "containerClass": { "type": "string" }, "thumbnailOnly": { "type": "boolean" }, "showCaption": { "type": "boolean" }, "inlineMediaNodeDisplayData": { "type": "string" } }, "slots": {} }, "monaco-editor": { "emits": { "update:modelValue": { "type": "(value:string) => void" }, "error": { "type": "(err:string) => void" }, "editorDidMount": { "type": "(editor:undefined) => void" }, "change": { "type": "(value:string, event:) => void" }, "contextMenu": { "type": "(event:) => void" }, "blur": { "type": "() => void" }, "blurText": { "type": "() => void" }, "configuration": { "type": "(event:) => void" }, "position": { "type": "(event:) => void" }, "selection": { "type": "(event:) => void" }, "modelDecorations": { "type": "(event:) => void" }, "modelLanguage": { "type": "(event:) => void" }, "modelOptions": { "type": "(event:) => void" }, "afterDispose": { "type": "() => void" }, "focus": { "type": "() => void" }, "focusText": { "type": "() => void" }, "layout": { "type": "(event:) => void" }, "scroll": { "type": "(event:) => void" }, "keydown": { "type": "(event:) => void" }, "keyup": { "type": "(event:) => void" }, "mouseDown": { "type": "(event:) => void" }, "mouseLeave": { "type": "(event:) => void" }, "mouseMove": { "type": "(event:) => void" }, "mouseUp": { "type": "(event:) => void" } }, "models": { "modelValue": { "type": "string" } }, "props": { "language": { "type": "string" }, "options": {} }, "slots": {} }, "omfx-multilingual-input": { "emits": {}, "models": { "modelValue": { "type": "MultilingualString", "disableAutoEmit": true } }, "props": { "grid": { "type": "boolean" }, "label": { "type": "string" }, "multilingualContext": { "type": "MultilingualContext" }, "styles": { "type": "Partial<MultilingualInputStyles>" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "multipleLines": { "type": "boolean" }, "disabled": { "type": "boolean" }, "filled": { "type": "boolean" }, "required": { "type": "boolean" }, "autofocus": { "type": "boolean" }, "validationOn": { "type": "lazy | input", "defaultValue": "\"lazy\"" } }, "slots": {} }, "omfx-multi-text-input": { "emits": { "update:modelValue": { "type": "(value:MultiTextInputItem<T1>) => void" }, "selectItem": { "type": "(item:MultiTextInputItem<T2>, index:number) => void" } }, "models": { "modelValue": { "type": "MultiTextInputItem<T1>" } }, "props": { "grid": { "type": "boolean", "defaultValue": false }, "mode": { "type": "OMultiTextInputModes", "defaultValue": "\"textfield\"" }, "label": { "type": "string" }, "disabled": { "type": "boolean", "defaultValue": false }, "items": { "type": "MultiTextInputItem<T2>[]" }, "itemValue": { "type": "string" }, "defaultValueItem": { "type": "MultiTextInputItem<T2>" }, "autofocus": { "type": "boolean" }, "hideEditGrid": { "type": "boolean" }, "rules": { "type": "ValidationRule[]" }, "selectionVisible": { "type": "boolean" }, "isAppendIcon": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-option-picker": { "emits": {}, "models": { "modelValue": { "type": "any[]", "defaultValue": "defaultModelValue" } }, "props": { "title": { "type": "string" }, "multipleChoice": { "type": "boolean" }, "options": { "type": "object[]" }, "optionValue": { "type": "string", "defaultValue": "\"id\"" }, "optionText": { "type": "string", "defaultValue": "\"title\"" }, "required": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-organizationtree": { "emits": { "newUserSelected": { "type": "(tree:OrgTree) => void" } }, "models": { "modelValue": { "type": "OrgTreeComponentSettings" } }, "props": {}, "slots": {} }, "omfx-permission-input": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(api:IPermissionInputApi) => void" }, "settings": { "type": "PermissionInputSettings" }, "contextParams": { "type": "" }, "onValueUpdated": { "type": "(rolePermissionSetting:Array<RolePermissionSetting>) => Promise<void>" }, "onValueUpdating": { "type": "() => Promise<void>" }, "hideSaveButton": { "type": "boolean" }, "disabled": { "type": "boolean" }, "serviceId": { "type": "guid" }, "dataSource": { "type": "" } }, "slots": {} }, "omfx-tenant-admin-permission-input": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(api:IPermissionInputApi) => void" }, "hideSaveButton": { "type": "boolean" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-persona": { "emits": { "userClick": { "type": "(user:OrgTreeUser) => void" } }, "models": {}, "props": { "user": { "type": "OrgTreeUser" }, "largeImage": { "type": "boolean", "defaultValue": false }, "highlight": { "type": "boolean", "defaultValue": false }, "linkToProfilecard": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-post-component": { "emits": {}, "models": {}, "props": { "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "provider": { "type": "PostProvider" }, "editContentOnTop": { "type": "boolean" }, "omniaServiceId": { "type": "guid" }, "postTypeId": { "type": "guid" }, "showMoreSize": { "type": "number", "defaultValue": 2 }, "styles": { "type": "PostStyle" }, "cardStyle": { "type": "LegacyThemeDefinition" }, "allowLikes": { "type": "boolean", "defaultValue": true }, "enableMention": { "type": "boolean", "defaultValue": false }, "customSlots": { "type": "IPostCustomSlots" }, "hideEditOption": { "type": "boolean", "defaultValue": false }, "getTopPostIds": { "type": "() => " }, "getUserHash": { "type": "() => " }, "topicPermissionDictionary": { "type": "" } }, "slots": {} }, "omfx-presetup-wizard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-profilecard": { "emits": { "onClick": { "type": "(e:Event) => void" } }, "models": {}, "props": { "user": { "type": "UserIdentity" }, "appendToBody": { "type": "boolean" }, "contentClass": { "type": "Array<string>" }, "target": { "type": "string" }, "color": { "type": "string" }, "href": { "type": "string" }, "ripple": { "type": "boolean", "defaultValue": true } }, "slots": { "renderChildren": { "type": "(content:ProfileCardTenantPeopleInformationProps) => VNode" }, "default": { "type": "(content:ProfileCardItemScopedSlots) => VNode" } } }, "omfx-profilecard-dialog": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "user": { "type": "UserIdentity" } }, "slots": {} }, "omfx-profilecard-renderer": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "user": { "type": "UserIdentity" }, "removeElementAfterClosing": { "type": "boolean" } }, "slots": {} }, "omfx-profileswitch-btn": { "emits": {}, "models": {}, "props": { "isMobileMode": { "type": "boolean" } }, "slots": {} }, "omfx-datasource-property-picker": { "emits": { "propertyChanged": { "type": "(selection:IDataSourcePropertySelection, allowEdit:boolean) => void" } }, "models": {}, "props": { "filled": { "type": "boolean" }, "disabled": { "type": "boolean" }, "multiple": { "type": "boolean" }, "hideDetails": { "type": "boolean" }, "hideConfiguration": { "type": "boolean" }, "resetAfterSelected": { "type": "boolean" }, "selectionProperty": { "type": "IDataSourcePropertySelection" }, "selectableDataSources": { "type": "Array<guid>", "defaultValue": "emptyArray" }, "selectableProperties": { "type": "Array<PropertyDefinition<any,any,any>> | Array<PropertyDefinitionId>", "defaultValue": "emptyArray" }, "selectablePropertyConverters": { "type": "Array<guid>", "defaultValue": "emptyArray" }, "hideLabelIfSingleSource": { "type": "boolean" }, "onDataSourcePropertySelected": { "type": "(selection:IDataSourcePropertySelection, allowEdit:boolean) => Promise<void>" }, "hideConverter": { "type": "boolean", "defaultValue": false }, "variant": { "type": "PickerVariantTypes" } }, "slots": {} }, "omfx-property-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-definition-renderer": { "emits": {}, "models": { "modelValue": { "type": "PropertyValue" } }, "props": { "propertyDefintionId": { "type": "PropertyDefinitionId", "required": true }, "configuration": { "type": "PropertyConfiguration<PropertyDefinition<any,any,any>>", "required": true }, "disabled": { "type": "boolean", "defaultValue": false }, "editMode": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "displayRendererDefinition": { "type": "VelcronDefinition" }, "displayRendererContext": { "type": "VelcronRenderContext" } }, "slots": { "renderer": { "type": "(elementToRender:string, property:ResolvedPropertyDefinition) => VNodeChild | void" } } }, "omfx-property-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<PropertyDef>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<PropertyDef>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<PropertyDef>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<PropertyDef>) => VNodeChild" } } }, "omfx-property-cover": { "emits": {}, "models": {}, "props": {}, "slots": { "display": { "type": "(elementConfig:VNodeChild) => VNodeChild" }, "edit": { "type": "(elementConfig:VNodeChild) => VNodeChild" }, "setup": { "type": "(elementConfig:VNodeChild) => VNodeChild" } } }, "omfx-property-label-options": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-locking": { "emits": {}, "models": { "modelValue": { "type": "PropertyLockStatus" } }, "props": { "allowRollback": { "type": "boolean" }, "rollback": { "type": "Function" }, "styles": { "type": "PropertyLockingStyles" }, "showLockConfiguration": { "type": "boolean" }, "tooltip": { "type": "PropertyLockingTooltip" } }, "slots": {} }, "omfx-property-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor-tester": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor-settings": { "emits": {}, "models": { "modelValue": { "type": "RichTextEditorExtensionRegistration[]" } }, "props": { "showEditorPreview": { "type": "boolean" }, "variant": { "type": "journey | default", "defaultValue": "\"default\"" } }, "slots": {} }, "omfx-rich-text-editor-renderer": { "emits": {}, "models": {}, "props": { "editorContent": { "type": "string | MultilingualString" } }, "slots": {} }, "omfx-rich-text-editor-renderer-signin": { "emits": {}, "models": {}, "props": { "editorContent": { "type": "string | MultilingualString" } }, "slots": {} }, "omfx-rollup-empty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rollup-filter": { "emits": { "filterChange": { "type": "(filters:Array<RollupFilter>, searchText:string) => void" }, "mapRollupUiFilter": { "type": "(filters:Array<RollupFilter>) => void" } }, "models": { "modelValue": { "type": "RollupFilterModel" } }, "props": { "searchInputId": { "type": "string" }, "contentProperties": { "type": "Array<EnterprisePropertyDefinition>" }, "useRollupFilterRouter": { "type": "boolean" } }, "slots": {} }, "omfx-rollup-filter-picker": { "emits": {}, "models": { "modelValue": { "type": "Array<RollupFilter>" } }, "props": { "customFilters": { "type": "(filter:RollupFilter) => Array<PropertyFilter>" }, "selectableProperties": { "type": "Array<EnterprisePropertyDefinition>" }, "onChangePropertyFilter": { "type": "(filter:RollupFilter) => RollupFilter" } }, "slots": {} }, "omfx-security-trimmer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-selection": { "emits": {}, "models": { "modelValue": { "type": "SelectionItem<any>" } }, "props": { "items": { "type": "SelectionItem<any>[]", "defaultValue": "defaultItemsProp" }, "loading": { "type": "boolean" }, "label": { "type": "string" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-settings-pane": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-shape-divider-settings": { "emits": { "settingsUpdated": { "type": "(settings:ShapeDividerSettings) => void" } }, "models": {}, "props": { "settings": { "type": "ShapeDividerSettings" } }, "slots": {} }, "omfx-shape-divider": { "emits": {}, "models": {}, "props": { "invert": { "type": "boolean" }, "position": { "type": "ShapeDividerPositions" }, "flip": { "type": "boolean" }, "shape": { "type": "ShapeDividerTypes" }, "color": { "type": "string" }, "spacing": { "type": "Spacing" }, "borderradius": { "type": "number" }, "width": { "type": "number" }, "height": { "type": "number" } }, "slots": {} }, "omfx-sp-video": { "emits": { "loaded": { "type": "() => void" } }, "models": {}, "props": { "graphDriveId": { "type": "string" }, "graphDriveItemId": { "type": "string" }, "videoUrl": { "type": "string" }, "startTime": { "type": "string" }, "autoPlay": { "type": "boolean" }, "showTitle": { "type": "boolean" } }, "slots": {} }, "omfx-side-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-page": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-login-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-login-view": { "emits": {}, "models": {}, "props": { "settings": { "type": "AuthenticationBlockSettings" } }, "slots": {} }, "omfx-identity-creation-request-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-creation-request-confirm-email-result-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-logout": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-site-logo-icon": { "emits": {}, "models": {}, "props": { "forceLetterAvatar": { "type": "boolean" }, "siteUrl": { "type": "string" }, "size": { "type": "number", "defaultValue": 30 } }, "slots": {} }, "omfx-comment-component": { "emits": {}, "models": {}, "props": { "showMoreSize": { "type": "number", "defaultValue": 10 }, "template": { "type": "guid", "defaultValue": "defaultTemplate" }, "comments": { "type": "Array<Comment>" }, "topicId": { "type": "string" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "enableBestReply": { "type": "boolean" }, "enableMention": { "type": "boolean" }, "canMarkBestReply": { "type": "boolean" }, "dynamicInput": { "type": "CommentLikeTemplateDynamicInput" }, "styles": { "type": "CommentStyles" }, "additionalRoles": { "type": "Array<string>" }, "sortOrder": { "type": "CommentSorting" }, "allowLikes": { "type": "boolean" }, "backgroundColor": { "type": "ColorValue" }, "foregroundColor": { "type": "ColorValue" }, "textColor": { "type": "ColorValue" }, "hideEdit": { "type": "boolean" }, "readOnly": { "type": "boolean" }, "hideReply": { "type": "boolean" }, "hideTotalNumber": { "type": "boolean" }, "hideLike": { "type": "boolean" }, "contextParams": { "type": "" } }, "slots": {} }, "omfx-people-tagging-component": { "emits": { "contentChanged": { "type": "(content:string) => void" }, "mentionChanged": { "type": "(mentions:Array<ResolvedUserIdentity>) => void" }, "registerFocus": { "type": "(callback:() => void) => void" } }, "models": {}, "props": { "content": { "type": "string" }, "disabled": { "type": "boolean" }, "resetContetnRte": { "type": "boolean" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "enableMention": { "type": "boolean" }, "autoFocus": { "type": "boolean" } }, "slots": {} }, "omfx-comment-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-like-component": { "emits": {}, "models": {}, "props": { "topicId": { "type": "string" }, "commendId": { "type": "string" }, "likeListingTemplate": { "type": "string", "defaultValue": "\"omfx-like-listing-template\"" }, "extendComponents": { "type": "Array<>" }, "likes": { "type": "Array<ISocialReaction>", "defaultValue": "defaultLikesModel" }, "styles": { "type": "LikeStyles" }, "isCompactMode": { "type": "boolean" }, "isSummaryMode": { "type": "boolean" }, "commentLikeService": { "type": "ICommentLikeService" }, "size": { "type": "small | default", "defaultValue": "\"default\"" }, "parentReactionSummaryElementId": { "type": "string" } }, "slots": {} }, "omfx-reactions": { "emits": { "reaction:added": { "type": "(value:Required<IUserReaction>) => true" }, "reaction:removed": { "type": "(value:Required<IUserReaction>) => true" }, "reaction:selected": { "type": "(value:Required<IUserReaction>) => true" } }, "models": { "modelValue": { "type": "Required<IUserReaction>[]", "defaultValue": "defaultVModel" } }, "props": { "variant": { "type": "ReactionVariants", "description": "The variant of the reactions component. Use picker or viewer if you only want to display otherwiser the result will be the picker once a reaction has been picked.", "defaultValue": "\"default\"" }, "stacked": { "type": "boolean", "description": "If true, the reactions will be rendered in a stacked style", "defaultValue": true } }, "slots": { "activator": { "type": "() => undefined" } } }, "omfx-status-code-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-status-message-overlay": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-tag-list": { "emits": { "tagSelected": { "type": "(selectedValue:Tag) => void" } }, "models": {}, "props": { "searchKeyword": { "type": "string" }, "promotedTagOptions": { "type": "PromotedTagOptions" } }, "slots": {} }, "omfx-template-picker": { "emits": {}, "models": { "modelValue": { "type": "TemplatePickerModel" } }, "props": { "templates": { "type": "Array<TemplatePickerModel>" }, "colsGrid": { "type": "number" }, "stylesTemplate": { "type": "TemplateStyles" }, "isSort": { "type": "boolean" } }, "slots": {} }, "omfx-text-translator": { "emits": { "translateCompleted": { "type": "(result:string) => void" } }, "models": {}, "props": { "text": { "type": "string" }, "srcLanguage": { "type": "LanguageTags" }, "forceTenantLanguages": { "type": "boolean", "defaultValue": false }, "buttonSettings": { "type": "object" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-time-period-picker": { "emits": {}, "models": { "modelValue": { "type": "TimePeriodSettings" } }, "props": { "min": { "type": "number", "defaultValue": 0 }, "label": { "type": "string" }, "disabled": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-timezone-picker": { "emits": {}, "models": { "modelValue": { "type": "TimeZone" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "filled": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-url-input-legacy": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-user-presence": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-usertype-layout-renderer": { "emits": {}, "models": {}, "props": { "userTypeId": { "type": "guid", "required": true }, "editMode": { "type": "Boolean" }, "getApi": { "type": "(api:LayoutRendererCanvasApi) => void" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "mode": { "type": "UserTypeLayoutMode" } }, "slots": {} }, "omfx-field-validation": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-renderer-v2": { "emits": { "ready": { "type": "(apis:LayoutRendererCanvasApis) => void" } }, "models": {}, "props": { "layoutBackgroundImageElementId": { "type": "String" }, "height": { "type": "string" }, "appInstanceId": { "type": "guid", "required": true }, "versionedLayoutId": { "type": "VersionedLayoutId" }, "enableAlternateLayout": { "type": "boolean" }, "noScroll": { "type": "boolean" }, "layoutProvider": { "type": "string" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "publishedVersionReference": { "type": "IVersionReference" } }, "slots": {} }, "omfx-versioned-layout-editor": { "emits": { "getApi": { "type": "(api:VersionedLayoutEditorApi) => void" }, "closeEditor": { "type": "() => void" } }, "models": {}, "props": { "appInstanceId": { "type": "guid" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string" }, "serviceContainerContext": { "type": "ServiceContainerContext" } }, "slots": { "navigationDrawerLeft": { "type": "() => undefined" }, "navigationDrawerBottom": { "type": "() => undefined" } } }, "omfx-versioned-layout-editor-v2": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "settings": { "type": "VersionedLayoutEditorSettings" }, "appInstanceId": { "type": "guid" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "layoutProvider": { "type": "string" }, "showLayoutNavigation": { "type": "boolean" }, "subTitle": { "type": "string" }, "layoutFileContext": { "type": "LayoutFileContext" }, "layoutMediaContext": { "type": "LayoutMediaContext" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "getApi": { "type": "(store:ReturnType<useVersionedLayoutEditorStore>) => void" } }, "slots": { "navigation": { "type": "() => undefined" } } }, "omfx-versioned-history": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-controller": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-editor-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-video-player": { "emits": {}, "models": {}, "props": { "url": { "type": "string", "required": true }, "aspectRatio": { "type": "16:9 | 4:3 | 1:1" }, "autoplay": { "type": "boolean" }, "muted": { "type": "boolean" }, "placeholderImage": { "type": "string" }, "playButtonImage": { "type": "string" }, "placeholder": { "type": "VelcronDefinition" }, "playButton": { "type": "VelcronDefinition" }, "renderContext": { "type": "VelcronRenderContext" }, "hidePlayPause": { "type": "boolean" }, "hideProgressBar": { "type": "boolean" }, "hideVolumeControl": { "type": "boolean" }, "hideMuteButton": { "type": "boolean" }, "hideFullscreenButton": { "type": "boolean" }, "hideTimeDisplay": { "type": "boolean" } }, "slots": {} }, "omfx-wizard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-with-sp-alias-input": { "emits": {}, "models": {}, "props": { "alias": { "type": "string", "required": true }, "useOmniaRootRoute": { "type": "boolean" }, "onChanged": { "type": "(alias:string, useOmniRootRoute:boolean) => void" }, "omniaRoutePrefix": { "type": "string" }, "ignoreFromAppId": { "type": "guid" } }, "slots": {} }, "omfx-term-glossary-render": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-taxonomy-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-taxonomyproperty": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "TaxonomyFilterEngineHandler", "required": true }, "key": { "type": "string", "required": true }, "visibleSelectionsCount": { "type": "number", "required": true } }, "slots": {} }, "omfx-sp-language-picker": { "emits": {}, "models": { "modelValue": { "type": "Language" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "filled": { "type": "boolean" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" }, "loadLanguage": { "type": "() => Promise<Array<Language>>" } }, "slots": {} }, "omfx-sp-list-tree": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "spUrl": { "type": "string" }, "filter": { "type": "ListTreeFilter", "defaultValue": "defaultFilterProps" } }, "slots": {} }, "omfx-query-filter-builder": { "emits": {}, "models": { "modelValue": { "type": "QueryFilter[]", "required": true } }, "props": {}, "slots": {} }, "omfx-targeting-filter": { "emits": {}, "models": { "modelValue": { "type": "TargetingFilterProperty" } }, "props": { "disabled": { "type": "boolean" }, "fullWidth": { "type": "boolean" }, "lcid": { "type": "number" }, "label": { "type": "string" }, "multi": { "type": "boolean" } }, "slots": {} }, "omfx-sp-term-item": { "emits": { "click:closeIcon": { "type": "() => void" } }, "models": {}, "props": { "term": { "type": "Term", "required": true }, "tooltip": { "type": "string" }, "languageOption": { "type": "TermItemLanguageOptionProps" }, "termUISettings": { "type": "TermUISettings" }, "clickHandler": { "type": "TaxonomyFieldDisplayClickHander" }, "display": { "type": "TermItemRendererMode" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "(items:Array<>) => []" }, "closeable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-term-picker": { "emits": { "termsSelected": { "type": "(termIds:Array<guid>) => void" } }, "models": {}, "props": { "termSetId": { "type": "guid" }, "preSelectedTermIds": { "type": "guid[]", "defaultValue": "defaultPreSelectedTermIds" }, "label": { "type": "string" }, "multi": { "type": "boolean" }, "disabled": { "type": "boolean" }, "variant": { "type": "OSelectVariants" }, "required": { "type": "boolean" }, "allowCreateNewTerm": { "type": "boolean" }, "lcid": { "type": "number" }, "filterOptions": { "type": "(term:Term) => FilterOption" }, "startWithIds": { "type": "Array<guid>" }, "limitLevel": { "type": "number" }, "filled": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "hideDetails": { "type": "boolean" }, "includeDeprecated": { "type": "boolean" }, "isEnterpriseKeyword": { "type": "boolean" }, "description": { "type": "string" }, "ariaDescribedby": { "type": "string" }, "ariaInvalid": { "type": "boolean" }, "promotedTagOptions": { "type": "PromotedTagOptions" } }, "slots": {} }, "omfx-termset-picker": { "emits": {}, "models": { "modelValue": { "type": "guid" } }, "props": { "label": { "type": "string" }, "disabled": { "type": "boolean" }, "readonly": { "type": "boolean" }, "clearable": { "type": "boolean" }, "scrollableMaxHeight": { "type": "number" }, "filled": { "type": "boolean", "defaultValue": true } }, "slots": {} }, "omnia-admin": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-admin-renderer": { "emits": { "mounted": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "omfx-queryable-enterpriseproperties": { "emits": {}, "models": {}, "props": { "serviceId": { "type": "guid" }, "additionalBuiltInProperties": { "type": "guid[]" }, "additionalTitle": { "type": "string" }, "tableName": { "type": "string" } }, "slots": {} }, "oa-recaptcha-secret": { "emits": {}, "models": { "modelValue": { "type": "Secret" } }, "props": { "profileId": { "type": "guid" }, "getApi": { "type": "(api:ISecretFormApi) => void", "required": true }, "bladeId": { "type": "guid" } }, "slots": {} }, "oa-recurrence-setting": { "emits": {}, "models": { "modelValue": { "type": "RecurrenceSettings" } }, "props": { "variant": { "type": "RecurrenceSettingsVairant", "defaultValue": "\"form\"" } }, "slots": {} }, "oa-recurrence-status": { "emits": {}, "models": {}, "props": { "value": { "type": "RecurrenceSettings" } }, "slots": {} }, "oa-tenant-secrets-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-secrets-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-security-journey": { "emits": {}, "models": {}, "props": { "scope": { "type": "SecurityScope" } }, "slots": {} }, "omnia-tad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-pad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-aad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-tenantadmin-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-system-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-system-layout": { "emits": {}, "models": {}, "props": { "category": { "type": "AdminNavigationBuiltInCategory" } }, "slots": {} }, "oa-tenant-user-management-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-bp-user-management-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-type-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-sync-provider-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-sync-provider-logs": { "emits": {}, "models": {}, "props": { "providerId": { "type": "guid" } }, "slots": {} }, "oa-user-management-user-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-active-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-detail": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-pending-approval-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-bp-user-management-authentication": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "string", "required": true } }, "slots": {} }, "oa-user-management-user-delete-journey": { "emits": { "restored": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "oa-user-management-group-listing": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-group-detail": { "emits": { "save": { "type": "() => void" }, "delete": { "type": "() => void" } }, "models": {}, "props": { "group": { "type": "GroupIdentity" }, "businessProfileId": { "type": "string" }, "hasAdminPermission": { "type": "boolean" }, "readonly": { "type": "boolean" }, "getApi": { "type": "(api:GroupDetailBladeApi) => void" } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "oa-user-management-active-group-listing": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-deleted-group-listing": { "emits": { "navigateToDetail": { "type": "() => void" } }, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-dynamicgroup-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperty-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperty-detail": { "emits": { "save": { "type": "() => void" }, "loadPropertiesToRender": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperties-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-self-service-user-management": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-login-log": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-metric-renderer": { "emits": { "click": { "type": "() => void" } }, "models": {}, "props": { "title": { "type": "string" }, "metricInfo": { "type": "number" }, "description": { "type": "string" }, "icon": { "type": "IIcon" }, "iconColor": { "type": "ColorValue" } }, "slots": {} }, "omfx-app-instance-rollup": { "emits": { "hideBlock": { "type": "(hidden:boolean) => void" }, "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "appDefinitionId": { "type": "guid" }, "settings": { "type": "AppInstanceRollupBlockSettings" } }, "slots": {} }, "omfx-app-instance-rollup-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupBlockSettings" } }, "props": { "appDefinitionId": { "type": "guid" } }, "slots": {} }, "omfx-app-instance-rollup-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-rollup-metric-detail": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "initialRenderingInstance": { "type": "AppInstanceRollupRenderingInstance" } }, "slots": {} }, "omfx-app-management": { "emits": { "layoutEditorOpened": { "type": "() => void" }, "layoutEditorClosed": { "type": "() => void" } }, "models": {}, "props": { "isStandalone": { "type": "boolean", "defaultValue": false }, "appDefinitionId": { "type": "guid" }, "title": { "type": "string" }, "compensationHeight": { "type": "number", "defaultValue": 0 }, "closable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-app-management-instance-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-app-management-template-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-app-management-layout-tab": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-management-namingpolicy-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-tab-management": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-image-input": { "emits": {}, "models": { "modelValue": { "type": "AppInstance" } }, "props": { "label": { "type": "string" }, "imageWidth": { "type": "number" }, "imageHeight": { "type": "number" }, "alignX": { "type": "OHorizontalAlignments" } }, "slots": {} }, "omfx-app-instance-delete-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-appinstance-editing-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-permission-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-appinstance-progress-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-route-path-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-properties-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-property-naming-policy-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-information-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-users-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-enterprise-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-provisioning-summary-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-wizard": { "emits": { "refreshAllTabs": { "type": "() => void" } }, "models": {}, "props": { "styles": { "type": "WizardStyles" }, "stylesTemplate": { "type": "TemplateStyles" }, "initialAppTemplate": { "type": "AppTemplate" }, "initialAppDefinition": { "type": "AppDefinition" }, "initialAppInstance": { "type": "AppInstance" }, "templatesToShow": { "type": "Array<guid>" }, "isOnDialog": { "type": "boolean" }, "horizontalMinHeight": { "type": "number" }, "colsGrid": { "type": "number" }, "templatePickerWrapperClass": { "type": "string" }, "isSort": { "type": "boolean" }, "isBlade": { "type": "boolean" } }, "slots": {} }, "omfx-app-route-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-show-in-public-listings-input": { "emits": {}, "models": { "modelValue": { "type": "AppInstance" } }, "props": {}, "slots": {} }, "omfx-app-description-input": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": {}, "slots": {} }, "omfx-app-title-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-validator-wrapper": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-users-summary": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-properties-summary": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-information-summary": { "emits": {}, "models": {}, "props": { "appInstance": { "type": "AppInstance", "required": true }, "appTemplate": { "type": "AppTemplate" } }, "slots": {} }, "omnia-theming-selector-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-theming-designer-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-theme-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-docs": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-size-container": { "emits": {}, "models": {}, "props": { "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited" }, "getApi": { "type": "(store:ReturnType<useSizeContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." } }, "slots": {} }, "omfx-enterpriseglossary-term-base": { "emits": { "click:closeIcon": { "type": "() => void" } }, "models": {}, "props": { "getTermTitle": { "type": "() => string" }, "getTerm": { "type": "() => Term" }, "getTermUISettings": { "type": "() => TermUISettings" }, "enterpriseGlossaryTermHandlerFunc": { "type": "() => void" }, "additionalClickHandler": { "type": "EnterpriseGlossaryTermAdditonalClickHander" }, "availableToRenderTooltip": { "type": "(items:Array<>) => []" }, "appendItems": { "type": "Array<>" }, "additionalMenus": { "type": "Array<Menu>" }, "closeable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-enterpriseproperty-picker": { "emits": { "change": { "type": "(propertyInternalName:string | Array<string>) => void" } }, "models": { "modelValue": { "type": "Array<string> | string" }, "queryFilter": { "type": "QueryFilter[]" } }, "props": { "preSelectedPropertyInternalName": { "type": "string | Array<string>", "description": "Depricated use v-model instead", "defaultValue": "emptyArray" }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "variant": { "type": "OSelectVariants | condition | journey | list" }, "disabled": { "type": "boolean", "defaultValue": false }, "multiple": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean", "defaultValue": false }, "labelAddProp": { "type": "string" }, "labelAddValue": { "type": "string" }, "excludedPropertyTypeIds": { "type": "Array<guid>", "defaultValue": "excludedPropertyTypeIds" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "enableFilter": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-enterpriseproperty-list-picker": { "emits": { "selectedProperty": { "type": "(item:T) => void" } }, "models": { "modelValue": { "type": "Array<T>" } }, "props": { "returnObject": { "type": "boolean", "defaultValue": false }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "labelAdd": { "type": "string" } }, "slots": { "settings": { "type": "(item:T) => VNodeChild" } } }, "omfx-enterprise-property-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterprise-property-configuration-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperty-setting-picker": { "emits": { "change": { "type": "(propertyInternalName:string | Array<string>) => void" }, "click:delete": { "type": "(item:JourneySelectItem<EnterprisePropertyDefinition | ExternalPropertySelectionItem>, index:Number) => true" } }, "models": {}, "props": { "preSelectedPropertyInternalName": { "type": "string | Array<string>", "defaultValue": "emptyArray" }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "disabled": { "type": "boolean", "defaultValue": false }, "multiple": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean", "defaultValue": false }, "excludedPropertyTypeIds": { "type": "Array<guid>", "defaultValue": "excludedPropertyTypeIds" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "allowDuplicate": { "type": "boolean", "defaultValue": false } }, "slots": { "selection": { "type": "(item:JourneySelectItem<EnterprisePropertyDefinition | ExternalPropertySelectionItem>, index:Number) => VNode" } } }, "omfx-test-features-component": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-flow-editor": { "emits": { "focus": { "type": "() => true" }, "update:modelValue": { "type": "(value:FlowContent) => true" } }, "models": { "modelValue": { "type": "FlowContent" } }, "props": { "placeholder": { "type": "string" }, "toolbar": { "type": "boolean" }, "getApi": { "type": "(api:) => void" }, "plugins": { "type": "Array<FlowEditorPluginSettings>" } }, "slots": {} }, "omfx-flow-renderer": { "emits": {}, "models": {}, "props": { "content": { "type": "FlowContent" }, "getApi": { "type": "(store:ReturnType<useFlowRendererStore>) => void" } }, "slots": {} }, "omfx-media-scaling-settings": { "emits": {}, "models": { "modelValue": { "type": "MediaScalingSettings" } }, "props": { "class": { "type": "String | String[]" }, "mandatory": { "type": "boolean" }, "group": { "type": "boolean" }, "hideScaling": { "type": "boolean" }, "hideRatio": { "type": "boolean" } }, "slots": {} }, "omfx-journey-select-base": { "emits": { "showAdd": { "type": "() => true" }, "showEdit": { "type": "(item:TItem, index:number) => true" }, "search": { "type": "(searchText:string) => true" }, "click:clear": { "type": "() => true" } }, "models": { "modelValue": { "type": "Array<any> | any" } }, "props": { "getApi": { "type": "(store:ReturnType<useJourneySelectStore>) => void", "description": "callback to get a reference to the store" }, "items": { "type": "Array<TItem>", "description": "Items to select from" }, "toned": { "type": "boolean", "description": "Sets the component to toned" }, "multiple": { "type": "boolean", "description": "If it is allowed to select multiple or single" }, "propertyValueMapping": { "type": "JourneySelectPropertyMapping<TItem>", "description": "Property value mappings" }, "returnSelectionAsObject": { "type": "boolean", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value" }, "label": { "type": "string", "description": "The label of the component" }, "labelAdd": { "type": "string", "description": "The add label of the component" }, "titleAdd": { "type": "string", "description": "The add title of the add blade" }, "titleEdit": { "type": "string", "description": "The edit title of the edit blade" }, "disableSearch": { "type": "boolean", "description": "Disables the automatic search" }, "disableSave": { "type": "boolean", "description": "If it is allowed save" }, "disabledAddButton": { "type": "string", "description": "Disables add button with explanatory tooltip" }, "sortable": { "type": "boolean", "description": "If it is allowed to sort" }, "readonly": { "type": "boolean", "description": "Disable add and delete" }, "list": { "type": "boolean", "description": "Always render the items as a list" }, "confirmDelete": { "type": "boolean", "description": "If you confirm before delete from the items" }, "noAddConfirm": { "type": "boolean", "description": "If items are added without a save button" }, "hideBladeAdd": { "type": "boolean", "description": "If addis not a blade and only fires events" }, "bladeless": { "type": "boolean", "description": "If add/edit is not a blade and only fires events" }, "actions": { "type": "ActionDefinition[]", "description": "Actions to display in the blade header of the selection blade" }, "itemSettingable": { "type": "(item:TItem) => boolean", "description": "Item has settings or not." }, "itemDeletable": { "type": "(item:TItem) => boolean", "description": "Item can be deleted or not." }, "onClickAdd": { "type": "(item:Array<TItem> | TItem) => void | boolean | Promise<boolean>" }, "onRemoveItem": { "type": "(item:TItem) => void | boolean | Promise<boolean>" }, "onClickUpdate": { "type": "(item:TItem, index:number) => void | boolean | Promise<boolean>" }, "onClickDelete": { "type": "(item:TItem, index:number) => void | boolean | Promise<boolean>" } }, "slots": { "selectionItemRender": { "type": "(item:JourneySelectItem<any>, index:number, isSelected:boolean) => VNodeChild" }, "selectionRender": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" }, "settingsRender": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" }, "settingsRenderV2": { "type": "(item:) => VNodeChild" }, "selectionRenderV2": { "type": "(item:) => VNodeChild" }, "actions": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" } } }, "omfx-journey-selection-list": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-journey-select": { "emits": {}, "models": { "modelValue": { "type": "any" } }, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "Sets the label of the component." }, "items": { "type": "TItem", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "itemTitle": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its title." }, "itemValue": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its value." }, "returnObject": { "type": "TReturnObject", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value." }, "multiple": { "type": "boolean", "description": "Multiple selection.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "multiSelectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "itemDeletable": { "type": "(item:ItemType<TItem>) => boolean", "description": "Item can be deleted or not." } }, "slots": { "item": { "type": "(item:JourneySelectItem<any>, index:number, isSelected:boolean) => VNodeChild" }, "filter": { "type": "() => VNodeChild" }, "selection": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" } } }, "omfx-layout-editor-canvas": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-editor-canvas-v2": { "emits": {}, "models": {}, "props": { "store": { "type": "ReturnType<useLayoutCanvasStore>" } }, "slots": {} }, "omnia-layout-action-btn": { "emits": {}, "models": {}, "props": { "actionHandler": { "type": "ActionHandlerInstance" } }, "slots": {} }, "omnia-layout-action-btn-settings": { "emits": { "updateActionHandler": { "type": "() => void" } }, "models": {}, "props": { "actionHandler": { "type": "ActionHandler", "required": true } }, "slots": {} }, "omfx-layout-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-renderer-helper": { "emits": {}, "models": {}, "props": { "blockId": { "type": "guid" }, "blockRenderer": { "type": "() => undefined" }, "settingsStorage": { "type": "ISettingsStorage<any>" }, "layoutProvider": { "type": "string" }, "isEditMode": { "type": "boolean" }, "mediaContext": { "type": "LayoutMediaContext" }, "fileContext": { "type": "LayoutFileContext" }, "onSettingsElementUpdated": { "type": "(element:string) => void" }, "onBlockInstanceCreated": { "type": "(blockInstance:IBlockInstance) => void" }, "blockManifestId": { "type": "guid" }, "blockElementToRender": { "type": "string" } }, "slots": {} }, "omfx-layout-block-settings-helper": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-renderer-canvas": { "emits": {}, "models": {}, "props": { "designRender": { "type": "boolean" }, "getApi": { "type": "(inst:LayoutRendererCanvasApi, layoutCanvasStore:LayoutCanvasStore) => void" }, "height": { "type": "string" }, "provider": { "type": "string" }, "disableScrollCompensation": { "type": "boolean", "defaultValue": false }, "noScroll": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-layout-renderer-canvas-v2": { "emits": {}, "models": {}, "props": { "designRender": { "type": "boolean" }, "height": { "type": "string" }, "provider": { "type": "string" }, "disableScrollCompensation": { "type": "boolean" }, "noScroll": { "type": "boolean" } }, "slots": {} }, "omfx-photowall-slider-display-renderer": { "emits": {}, "models": {}, "props": { "media": { "type": "Array<MediaPickerMedia>" }, "mediaData": { "type": "string" }, "imageStyle": { "type": "string" }, "disableDialog": { "type": "boolean" }, "inlineMediaNodeDisplayData": { "type": "string" } }, "slots": {} }, "omfx-media-display-renderer": { "emits": {}, "models": {}, "props": { "media": { "type": "MediaPickerMedia | MediaPickerMedia[]", "required": true }, "imageRatioId": { "type": "number" }, "mediaStyle": { "type": "string | object | object[]" }, "mediaClass": { "type": "string" }, "showCaption": { "type": "boolean" }, "thumbnailOnly": { "type": "boolean" }, "fill": { "type": "ContainerFillValue" }, "fillOpacity": { "type": "number" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-media-picker-v2": { "emits": { "save": { "type": "(result:MediaPickerMedia | MediaPickerMedia[]) => void" }, "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean", "defaultValue": false }, "selectedMedia": { "type": "SelectedMedia" } }, "props": { "providerContext": { "type": "MediaPickerStorageProviderContext" }, "enableGallery": { "type": "boolean" }, "settings": { "type": "MediaPickerImageSettings" }, "galleryItemLimit": { "type": "number", "defaultValue": -1 }, "enableMediaCaption": { "type": "boolean" }, "providerConfiguration": { "type": "(providers:MediaPickerProvider[]) => MediaPickerProvider[]" }, "selectableMediaTypes": { "type": "undefined[]" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-media-imagegrid-v2": { "emits": {}, "models": {}, "props": { "appendToGrid": { "type": "boolean", "defaultValue": false }, "handler": { "type": "IMediaPickerProviderHandler" } }, "slots": { "itemDetailSlot": { "type": "(item:MediaItem) => VNodeChild" }, "itemOverlaySlot": { "type": "(item:MediaItem) => VNodeChild" } } }, "omfx-image-transformer-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-provider": { "emits": {}, "models": {}, "props": { "handler": { "type": "IMediaPickerProviderHandler", "description": "The handle for providers including the logic for searching, selecting media, scaling image.", "required": true }, "searchable": { "type": "boolean", "description": "Specify if the provider should show a search field.", "defaultValue": false }, "welcomeMessage": { "type": "boolean", "description": "Show a welcome message when the provider is loaded.", "defaultValue": false }, "enableNoResultText": { "type": "boolean", "description": "Enable no result text when no results are found.", "defaultValue": false }, "infiniteScroll": { "type": "boolean", "description": "If true, the provider will load more items when the end of the scroll is reached.", "defaultValue": false }, "type": { "type": "T", "description": "Specify provider type.", "required": true } }, "slots": { "search": { "type": "() => VNodeChild", "description": "Slot for custom search field." }, "provider": { "type": "() => VNodeChild", "description": "The handle for providers including the logic for searching, selecting media, scaling image." }, "filter": { "type": "() => VNodeChild", "description": "Slot for custom filter field." } } }, "omfx-microsoft-stream-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-vimeo-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-youtube-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-bing-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-central-image-location-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-media-picker-dalle-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-media-picker-mediaflow-provider": { "emits": { "save": { "type": "() => void" } }, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-mediaflow-provider-video-player": { "emits": {}, "models": {}, "props": { "video": { "type": "string", "required": true } }, "slots": {} }, "omfx-media-picker-mycomputer-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-pexels-provider-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-sharepoint-video-settings": { "emits": {}, "models": { "modelValue": { "type": "MediaPickerSharePointVideo" } }, "props": { "enableMediaCaption": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-media-picker-unsplash-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-reportees": { "emits": { "userClick": { "type": "(user:OrgTreeUser) => void" } }, "models": {}, "props": { "users": { "type": "OrgTreeUser[]" }, "manager": { "type": "OrgTreeUser" } }, "slots": {} }, "o-action-menu": { "emits": { "click:item": { "type": "(item:ActionDefinition, index:number) => void", "description": "Emits when an item is clicked" }, "valueChanged": { "type": "(item:ActionSwitchDefinition) => true" } }, "models": {}, "props": { "items": { "type": "ActionDefinition[]", "description": "The items of the action menu. It will be used to display buttons.", "defaultValue": "defaultActions" }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "gapX": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges." } }, "slots": { "item": { "type": "(item:ActionDefinition, index:number) => VNodeChild" }, "menuItem": { "type": "(item:ActionDefinition, index:number) => VNodeChild" } } }, "o-alert": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component that controls the visibility of the alert.", "disableAutoEmit": true, "defaultValue": false } }, "props": { "text": { "type": "string", "description": "The text of the alert." }, "closable": { "type": "boolean", "description": "Adds a close icon that can hide the alert." }, "variant": { "type": "OAlertTypes", "description": "Create a specialized alert that uses a contextual color and has a pre-defined icon." }, "icon": { "type": "IIcon", "description": "Applies a tonal color to the text." } }, "slots": {} }, "o-app-bar": { "emits": { "click:navigation": { "type": "() => void" }, "click:close": { "type": "() => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited." }, "icon": { "type": "IIcon", "description": "The icon of the appbar." }, "id": { "type": "string" }, "absolute": { "type": "boolean", "description": "Applies position: absolute to the component." }, "variant": { "type": "OAppBarTypes", "description": "Applies a distinct style to the component." }, "navigation": { "type": "boolean", "description": "Displays a navigation icon on the left side of the appbar. It also emits a click:navigation event when clicked." }, "navigationExpanded": { "type": "boolean", "description": "If the navigation is expanded or not when the appbar is first rendered.", "defaultValue": false }, "closable": { "type": "boolean", "description": "Displays a close icon on the right side of the appbar. It also emits a click:close event when clicked." }, "title": { "type": "string", "description": "Specify the title of the app bar." }, "subTitle": { "type": "string", "description": "Specify a subtitle for the app bar and the title is displayed in a breadcrumb style where the subTittle is prominent." } }, "slots": { "actionButtons": { "type": "() => VNodeChild" } } }, "o-avatar": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "color": { "type": "string", "description": "The color of the component." }, "toned": { "type": "boolean", "description": "If the toned color should be used.", "defaultValue": false }, "size": { "type": "OSizeTypes | number", "description": "The size of the component." }, "colorType": { "type": "ColorType", "description": "Sets the colorType to use for the icons. Default is onBase." }, "gradient": { "type": "boolean", "description": "Applies a gradient effect to the component.", "defaultValue": false }, "showIndicator": { "type": "boolean", "description": "Show the avatar halo.", "defaultValue": false }, "notificationCount": { "type": "number", "description": "Show the number in badge." } }, "slots": {} }, "o-badge": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "location": { "type": "OPosition", "description": "Specifies the component’s location. Can combine by using a space separated string.", "defaultValue": "\"top end\"" }, "color": { "type": "string", "description": "The color of the component." }, "content": { "type": "string | number", "description": "Text content to show in the badge.", "defaultValue": "\"\"" }, "dot": { "type": "boolean", "description": "Reduce the size of the badge and hide its contents.", "defaultValue": false }, "bordered": { "type": "boolean", "description": "Applies a 2px by default and 1.5px border around the badge when using the dot property.", "defaultValue": false }, "offsetX": { "type": "number", "description": "Offset the badge on the x-axis." }, "offsetY": { "type": "number", "description": "Offset the badge on the y-axis." }, "inline": { "type": "boolean", "description": "Moves the badge to be inline with the wrapping element. Supports the usage of the left prop.", "defaultValue": false }, "icon": { "type": "IIcon", "description": "The icon to be displayed." } }, "slots": {} }, "o-breadcrumbs": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "items": { "type": "[]", "description": "An array of strings or objects used for automatically generating children components.", "defaultValue": "emptyArray" }, "icon": { "type": "IIcon", "description": "Prepend a specific icon" }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": { "divider": { "type": "() => VNodeChild" }, "title": { "type": "(undefined:) => VNodeChild" } } }, "o-btn": { "emits": { "click": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "icon": { "type": "ButtonIconOptions", "description": "The icon to be displayed." }, "caretIcon": { "type": "ButtonIconOptions", "description": "The caret icon to be displayed." }, "text": { "type": "string", "description": "Specifies the text to display on the button." }, "href": { "type": "string", "description": "Designates the component as anchor and applies the href attribute." }, "target": { "type": "_blank | _self | _parent | _top | framename", "description": "The target attribute specifies where to open the linked document." }, "variant": { "type": "OButtonVariants", "description": "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars." }, "overrides": { "type": "object", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button." }, "preset": { "type": "OButtonPreset", "description": "Sets the default values of the button to the specified preset." }, "tooltip": { "type": "TooltipOptions", "description": "Sets tooltip to display when hovering the button." }, "size": { "type": "OSizeTypes", "description": "Sets the size of the button. Only works with icon buttons." }, "grouped": { "type": "boolean", "description": "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed.", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies a toned background to the button. Should be used when the button is displayed on a colored background.", "defaultValue": false }, "transparentHover": { "type": "boolean", "description": "Makes the button transparent and no hover effect.", "defaultValue": false }, "transparent": { "type": "boolean", "description": "Makes the button transparent and no hover effect.", "defaultValue": false }, "fill": { "type": "boolean", "description": "Makes the button fill the container.", "defaultValue": false }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": false }, "loading": { "type": "boolean", "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar.", "defaultValue": false }, "slim": { "type": "boolean", "description": "Creates a slim variant of the button without the default height", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "block": { "type": "boolean", "description": "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog.", "defaultValue": false }, "animation": { "type": "OIconAnimations", "description": "Sets the animation on the icon when hovering the button." }, "blueprint": { "type": "ButtonBlueprint | ButtonBlueprintVariant", "description": "Sets a custom blueprint for the button." }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "o-btn-group": { "emits": {}, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OButtonGroupTypes", "description": "Applies a distinct style to the component." }, "mandatory": { "type": "boolean", "description": "Forces at least on item to always be selected.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "toggle": { "type": "boolean", "description": "If true, the component will toggle the selected buttons when clicked", "defaultValue": false } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-calendar": { "emits": {}, "models": { "modelValue": { "type": "Date[]", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "events": { "type": "T[]", "description": "Array of events specific to this interval." }, "viewMode": { "type": "month | day | week", "description": "The current view mode of the calendar.", "defaultValue": "\"month\"" }, "weekdays": { "type": "Array<0 | 1 | 2 | 3 | 4 | 5 | 6>", "description": "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]", "defaultValue": "defaultWeekDays" }, "year": { "type": "number", "description": "Specifies the year for the calendar view." }, "month": { "type": "number", "description": "Specifies the month for the calendar view." }, "intervalHeight": { "type": "number", "description": "Height of the interval in pixels in the calendar view." }, "intervals": { "type": "number", "description": "Total number of intervals in a day view.", "defaultValue": 24 }, "intervalStart": { "type": "number", "description": "Starting time for this specific interval.", "defaultValue": 0 }, "max": { "type": "Date", "description": "Maximum date or value that can be selected." }, "min": { "type": "Date", "description": "Minimum date or value that can be selected." }, "hideWeekNumber": { "type": "boolean", "description": "Toggles the display of week numbers in a calendar view.", "defaultValue": false }, "hideDayHeader": { "type": "boolean", "description": "Determines whether the day header is visible in the calendar day view.", "defaultValue": false }, "hideHeader": { "type": "boolean", "description": "Determines whether the header is hidden in the calendar view.", "defaultValue": false }, "allowedDates": { "type": "Date[] | ", "description": "Determines which dates are selectable." } }, "slots": { "event": { "type": "(event:) => VNodeChild" }, "header": { "type": "(header:) => VNodeChild" } } }, "o-card": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "defaultValue": false }, "color": { "type": "string", "description": "The color of the component." }, "height": { "type": "string | number", "description": "Sets the height for the component." } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "o-chart": { "emits": {}, "models": {}, "props": { "data": { "type": "OChartData<OChartVariants>", "description": "Specify the chart's data. Follow the structure of Chartjs's ChartData.", "required": true }, "options": { "type": "OChartOptions<OChartVariants>", "description": "Specify the chart's options. Follow the structure of Chartjs's ChartOptions.", "defaultValue": "emptyOptions" }, "variant": { "type": "OChartVariants", "description": "Type of chart to render.", "defaultValue": "\"bar\"" }, "height": { "type": "number", "description": "The height of the chart." } }, "slots": {} }, "o-checkbox": { "emits": {}, "models": { "modelValue": { "type": "T", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "emptyRules" }, "label": { "type": "string", "description": "Sets the label of the component." }, "value": { "type": "any", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "hint": { "type": "string", "description": "Displays hint text below the input when focused.Force this always open with the persistent-hint property.", "defaultValue": "\"\"" }, "persistentHint": { "type": "boolean", "description": "Always show hint text." } }, "slots": { "label": { "type": "() => VNodeChild", "description": "Slot used to customize the label." } } }, "o-chip": { "emits": { "click:close": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "gradient": { "type": "boolean", "description": "Applies a gradient effect to the component.", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies a toned color to the component.", "defaultValue": false }, "size": { "type": "OSizeTypes", "description": "The size of the component." }, "text": { "type": "string", "description": "Specify content text for the component." }, "color": { "type": "string", "description": "The color of the component." }, "closable": { "type": "boolean", "description": "Adds remove button and then a chip can be closed.", "defaultValue": false }, "sortable": { "type": "boolean", "description": "Adds remove button and then a chip can be closed.", "defaultValue": false }, "label": { "type": "boolean", "description": "Applies a medium size border radius.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "blueprint": { "type": "ChipBlueprint", "description": "Sets a custom blueprint for the chip." } }, "slots": { "prependAvatar": { "type": "() => VNodeChild" }, "appendAvatar": { "type": "() => VNodeChild" }, "prependIcon": { "type": "() => VNodeChild" }, "appendIcon": { "type": "() => VNodeChild" } } }, "o-color-picker": { "emits": {}, "models": { "modelValue": { "type": "string", "description": "The v-model of the component." } }, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "description": "Toned color picker.", "defaultValue": false }, "variant": { "type": "ColorPickerVariant", "description": "The variant of the color picker." }, "label": { "type": "string", "description": "Specifies the label to display on the component." }, "labelColor": { "type": "string", "description": "Specifies the color of the label." }, "selectedColorAsLabel": { "type": "boolean", "description": "Displays the selected color on the label.", "defaultValue": false }, "show": { "type": "boolean", "description": "Control show/hide of the color picker.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component.", "defaultValue": false } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-col-grid": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "alignSelf": { "type": "OAlignmentTypes", "description": "Applies the align-items css property." }, "toned": { "type": "boolean", "defaultValue": false }, "variant": { "type": "OColumnVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "cols": { "type": "OColValues", "description": "Sets the default number of columns the component extends. Available ptions are: 1->12 and auto." }, "xs": { "type": "OColValues", "description": "Changes the number of columns on extra small and greater breakpoints." }, "sm": { "type": "OColValues", "description": "Changes the number of columns on small and greater breakpoints." }, "md": { "type": "OColValues", "description": "Changes the number of columns on medium and greater breakpoints." }, "lg": { "type": "OColValues", "description": "Changes the number of columns on large and greater breakpoints." }, "xl": { "type": "OColValues", "description": "Changes the number of columns on extra large and greater breakpoints." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-col": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "grow": { "type": "number", "description": "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex." }, "toned": { "type": "boolean", "defaultValue": false }, "width": { "type": "string | number", "description": "Sets the width of the column." }, "minWidth": { "type": "string | number", "description": "Sets the min width of the column" }, "alignY": { "type": "OVerticalAlignments", "description": "Sets the vertical alignment of the column." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-container-fill": { "emits": {}, "models": {}, "props": { "fill": { "type": "ContainerFillValue" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "o-data-table": { "emits": { "update:expanded": { "type": "(expanded:string[]) => void", "description": "Emits when the expanded property of the options prop is updated." }, "update:sortBy": { "type": "(sort:SortItem[]) => void", "description": "Emits when the sortBy property of the options prop is updated." }, "update:options": { "type": "(options:DataTableOptions) => void", "description": "Emits when one of the options properties is updated." }, "update:page": { "type": "(page:number) => void", "description": "Emits when the page property of the options prop is updated." }, "update:itemsPerPage": { "type": "(value:number) => void", "description": "Emits when the items-per-page property of the options prop is updated." }, "click:loadMore": { "type": "() => void" }, "visible:lastItem": { "type": "(item:TItem) => void" } }, "models": { "expanded": { "type": "Array<string>", "description": "Whether the item is expanded or not.", "disableAutoEmit": true }, "sortBy": { "type": "SortItem[]", "description": "Changes which item property (or properties) should be used for sort order.", "disableAutoEmit": true }, "items": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components.", "disableAutoEmit": true, "defaultValue": "emptyArray" }, "modelValue": { "type": "Array<any>", "description": "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.", "disableAutoEmit": true, "defaultValue": "emptyArray" } }, "props": { "class": { "type": "String | String[]" }, "mustSort": { "type": "boolean", "description": "If true then one can not disable sorting, it will always switch between ascending and descending.", "defaultValue": false }, "showSelect": { "type": "boolean", "description": "Shows a checkbox for each row.", "defaultValue": false }, "itemSelectable": { "type": "SelectItemKey<T>", "description": "SProperty on supplied items that indicates whether the item is selectable.", "defaultValue": false }, "height": { "type": "string | number", "description": "Sets and explicit height of the tablet." }, "noDataText": { "type": "string", "description": "Text shown when no items are provided to the component." }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "hover": { "type": "boolean", "description": "Property on supplied items that contains its value.", "defaultValue": false }, "mobileColumn": { "type": "number", "description": "Specific a column to render in mobile view.", "defaultValue": 1 }, "search": { "type": "string", "description": "Text input used to filter items." }, "searchBy": { "type": "[] | ", "description": "Property on supplied items that contains its value to search." }, "showExpand": { "type": "boolean", "description": "Shows the expand toggle in default rows.", "defaultValue": false }, "headers": { "type": "DataTableHeader[]", "description": "An array of objects that each describe a header column.", "defaultValue": "defaultHeaders" }, "variant": { "type": "TVariant", "description": "Applies a distinct style to the component." }, "itemsPerPage": { "type": "number", "description": "Changes how many items per page should be visible. If set a paging footer is displayed.", "required": true, "defaultValue": -1 }, "showLoadMore": { "type": "boolean", "description": "Shows the button to fetch more data.", "defaultValue": false }, "page": { "type": "number", "description": "The current page.", "defaultValue": 1 }, "itemHeight": { "type": "string | number", "description": "Height in pixels of each item to display." }, "itemsLength": { "type": "number", "description": "Number of all items.", "required": true } }, "slots": { "row": { "type": "(row:IDataTableRow<T>) => VNodeChild" }, "top": { "type": "() => VNodeChild" }, "expanded-row": { "type": "(e:) => VNodeChild" }, "header.,": { "type": "(header:DataTableHeader) => void" }, "item.,": { "type": "(e:) => void" } } }, "o-date-picker": { "emits": {}, "models": { "modelValue": { "type": "Date | Array<Date>", "description": "The date picker model.", "disableAutoEmit": true } }, "props": { "elevation": { "type": "string | number", "description": "Designates an elevation applied to the component between 0 and 24." }, "range": { "type": "boolean", "description": "Allow selecting a range of dates.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "showAdjacentMonths": { "type": "boolean", "description": "Toggles visibility of days from previous and next months.", "defaultValue": false }, "showWeek": { "type": "boolean", "description": "Toggles visibility of the week numbers in the body of the calendar.", "defaultValue": false }, "locale": { "type": "string", "description": "Specify the locale code to support a specific language." }, "inputMode": { "type": "keyboard | calendar", "description": "Toggles between showing dates or inputs.", "defaultValue": "\"calendar\"" }, "allowedDates": { "type": " | unknown[]", "description": "Restricts which dates can be selected." }, "location": { "type": "Anchor", "description": "Specifies the component's location. Can combine by using a space separated string." }, "position": { "type": "static | relative | fixed | absolute | sticky", "description": "Sets the position for the component." } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "o-dialog": { "emits": { "click:close": { "type": "() => void" }, "click:cancel": { "type": "() => void" }, "click:confirm": { "type": "() => void" }, "click:backButton": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component." } }, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "description": "If dialog is toned", "defaultValue": false }, "persistent": { "type": "boolean", "description": "Specify if the dialog is closed if clicked outside of the dialog.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts.", "defaultValue": false }, "title": { "type": "string", "description": "Specify the title of the dialog." }, "subTitle": { "type": "string", "description": "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent." }, "icon": { "type": "IIcon", "description": "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context." }, "hiddenCloseButton": { "type": "boolean", "description": "Hide the close button of the dialog.", "defaultValue": false }, "disabledFullScreenOnMobile": { "type": "boolean", "description": "Not allow auto full sreen on mobile.", "defaultValue": false }, "backButton": { "type": "boolean", "description": "I a back button is displayed to close the dialog.", "defaultValue": false }, "size": { "type": "ODialogSizes | number", "description": "Specify the size of the dialog. Default is mediumsize.", "defaultValue": "\"medium\"" }, "attach": { "type": "string", "description": "Specifies which DOM element the overlay content should teleport to." }, "variant": { "type": "ODialogTypes", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "contentHeight": { "type": "OContentHeight", "description": "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size.", "defaultValue": "\"static\"" }, "customScrolling": { "type": "boolean", "description": "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements.", "defaultValue": false }, "horizontalScroll": { "type": "boolean", "description": "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements.", "defaultValue": false }, "journey": { "type": "boolean", "description": "The dialog is a journey dialog where the header supports navigation.", "defaultValue": false }, "canClose": { "type": "(request:ODialogBuiltinButtons, buttonInstance:ODialogButtonInstance) => Future<void>", "description": "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close." }, "canBack": { "type": "(request:ODialogBuiltinButtons, buttonInstance:ODialogButtonInstance) => Future<void>", "description": "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close." }, "buttonApi": { "type": "(confirm:ODialogButtonInstance, cancel:ODialogButtonInstance) => void", "description": "Function that can get reference to the buttons to control the state of them." }, "location": { "type": "DialogLocation", "description": "Sets location of the dialog.", "defaultValue": "\"center\"" } }, "slots": { "fixedContent": { "type": "() => VNodeChild" }, "activator": { "type": "() => VNodeChild" }, "headerButtons": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" }, "icon": { "type": "() => VNodeChild" }, "navigation": { "type": "(apis:) => VNodeChild" }, "header": { "type": "() => VNodeChild" } } }, "o-divider": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OPageDividerTypes" }, "icon": { "type": "IIcon", "description": "The icon to be displayed." }, "label": { "type": "string" }, "vertical": { "type": "boolean", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "labelSize": { "type": "TextStyleSize | TextStyleSizes", "description": "Specifies the title typography size. Should be used only if the variants size does not match the context." }, "labelType": { "type": "TextStyleType | TextStyleTypes", "description": "Specifies the typography type. Should be used only if the variants size does not match the context." } }, "slots": {} }, "o-draggable": { "emits": { "sort:start": { "type": "() => true", "description": "Emit a sort start event." }, "sort:end": { "type": "() => true", "description": "Emit a sort end event." } }, "models": { "modelValue": { "type": "T[]", "description": "The draggable items." } }, "props": { "itemTitle": { "type": "string | ", "description": "Specify title property of an item or provide custom render it." }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "disabledItem": { "type": "string", "description": "Specify a class name for items that are disabled for sortable." }, "placeholderClass": { "type": "string", "description": "Custom styles of the placeholder." }, "variant": { "type": "ODraggableVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": { "item": { "type": "(item:T, index:number) => VNodeChild", "description": "Define a custom item appearance." } } }, "o-expansion-panels": { "emits": {}, "models": { "modelValue": { "type": "number | Array<number>", "description": "The v-model of the component." }, "items": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components." } }, "props": { "class": { "type": "String | String[]" }, "remove": { "type": "boolean | ", "description": "Enable removable row.", "defaultValue": false }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "variant": { "type": "OPanelTypes", "description": "Applies a distinct style to the component." }, "expandAll": { "type": "boolean", "description": "Expands all panels", "defaultValue": false }, "mandatory": { "type": "boolean", "description": "Forces at least one item to always be selected (if available).", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies the toned color schema to all panels.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Allows one to select multiple items.", "defaultValue": false }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." } }, "slots": { "item": { "type": "(item:IExpansionPanel<T>) => VNodeChild" } } }, "o-expansion-panel": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "title": { "type": "string", "description": "The title of the expansion panel." }, "icon": { "type": "IIcon", "description": "The icon of the expansion panel." }, "toned": { "type": "boolean", "defaultValue": false }, "density": { "type": "default | compact", "description": "Adjusts the vertical height used by the component.", "defaultValue": "\"default\"" }, "hideExpandIcon": { "type": "boolean", "description": "If true, the expand icon will be hidden.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO or you want to disable lazy load.", "defaultValue": false } }, "slots": { "prepend": { "type": "() => VNodeChild" }, "header": { "type": "() => VNodeChild" }, "default": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" } } }, "o-fab": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true, "defaultValue": true } }, "props": { "class": { "type": "String | String[]" }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": true }, "app": { "type": "boolean", "description": "If true, attaches to the closest layout and positions according to the value of location.", "defaultValue": false }, "block": { "type": "boolean", "description": "Expands the button to 100% of available space.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "stacked": { "type": "boolean", "description": "Displays the button as a column with the icon on top", "defaultValue": false }, "text": { "type": "string", "description": "Specify content text for the component." }, "size": { "type": "OSizeTypes", "description": "Sets the size of the button.", "defaultValue": "\"default\"" }, "variant": { "type": "flat | text | elevated | tonal | outlined | plain", "description": "Applies a distinct style to the component.", "defaultValue": "\"elevated\"" }, "icon": { "type": "ButtonIconOptions", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button." } }, "slots": {} }, "o-field-container": { "emits": {}, "models": {}, "props": { "label": { "type": "string", "description": "Label to display as heading" }, "errorMessages": { "type": "string | Array<string>", "description": "Error messages to display" }, "toned": { "type": "boolean" } }, "slots": {} }, "o-flex": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-row": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "wrap": { "type": "boolean", "description": "If sub elements wrap or not.", "defaultValue": false }, "height": { "type": "string | number", "description": "Sets the height of the flex." }, "width": { "type": "string | number", "description": "Sets the width of the column." }, "direction": { "type": "ORowDirections", "description": "Sets the direction for the flex columns." }, "minWidth": { "type": "string | number", "description": "Sets the min width of the column." }, "minHeight": { "type": "string | number", "description": "Sets the min heigth of the flex." }, "gapX": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges." }, "gapY": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges." }, "alignX": { "type": "OHorizontalAlignments", "description": "Sets the horizontal alignment of the columns." }, "alignY": { "type": "OVerticalAlignments", "description": "Sets the horizontal alignment of columns." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-form": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string" }, "toned": { "type": "boolean" }, "variant": { "type": "OFormTypes", "description": "Type of the form" } }, "slots": {} }, "o-host-provider": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "host": { "type": "HostTypes" }, "componentHost": { "type": "ComponentHostTypes" }, "variant": { "type": "ComponentVariants" }, "force": { "type": "boolean" } }, "slots": {} }, "o-hover": { "emits": {}, "models": { "modelValue": { "type": "boolean", "defaultValue": false } }, "props": { "disabled": { "type": "boolean", "description": "Removes hover functionality.", "defaultValue": false }, "openDelay": { "type": "number", "description": "Milliseconds to wait before opening component. Only applies to hover and focus events.", "defaultValue": 0 }, "closeDelay": { "type": "number", "description": "Milliseconds to wait before closing component. Only applies to hover and focus events.", "defaultValue": 0 } }, "slots": {} }, "o-icon": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "icon": { "type": "IIcon", "description": "The icon to be displayed." }, "toned": { "type": "boolean", "defaultValue": false }, "colorType": { "type": "ColorType", "description": "Sets the colorType to use for the icons. Default is onBase." }, "variant": { "type": "OIconVariants", "description": "Sets the variant of the icon." }, "tooltip": { "type": "TooltipOptions", "description": "Sets tooltip to display when hovering the icon." }, "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default." }, "animation": { "type": "OIconAnimations", "description": "Sets the animation on the icon when hovering." }, "customSize": { "type": "number", "description": "Sets a custom height and width of the icon. Should be used only as an exception." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "blueprint": { "type": "IconBlueprint", "description": "Sets a custom blueprint for the icon." } }, "slots": {} }, "o-img": { "emits": { "load": { "type": "(info:) => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "aspectRatio": { "type": "string | number", "description": "The aspect ratio of the image." }, "src": { "type": "string", "description": "The image URL. This prop is mandatory." }, "height": { "type": "number | string", "description": "Sets the height for the component." }, "width": { "type": "number | string", "description": "Sets the height for the component." }, "cover": { "type": "boolean", "description": "Resizes the image to cover the entire container.", "defaultValue": true }, "draggable": { "type": "boolean", "description": "Controls the draggable behavior of the image.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO.", "defaultValue": false }, "alt": { "type": "string", "description": "Alternate text for screen readers. Leave empty for decorative images.", "defaultValue": "\"\"" }, "maxWidth": { "type": "number | string" }, "maxHeight": { "type": "number | string" }, "placeholder": { "type": "string", "description": "The placeholder image to display while the main image is loading." }, "lazySrc": { "type": "string", "description": "The image to display while the main image is loading." } }, "slots": { "placeholder": { "type": "() => VNodeChild" } } }, "o-infinite-scroll": { "emits": { "load": { "type": "(options:OInfiniteScrollLoadOptions) => void" } }, "models": {}, "props": { "height": { "type": "string | number", "description": "Sets the height for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "maxHeight": { "type": "string | number", "description": "Sets the max-height for the component." }, "minHeight": { "type": "string | number", "description": "Sets the min-height for the component." }, "direction": { "type": "horizontal | vertical", "description": "Specifies if scroller is vertical or horizontal." }, "margin": { "type": "string | number", "description": "Value sent to the intersection observer. Will make the observer trigger earlier, by the margin (px) value supplied." }, "mode": { "type": "intersect | manual", "description": "Specifies if content should load automatically when scrolling (intersect) or manually (manual)." }, "side": { "type": "OInfiniteScrollSide", "description": "Specifies the side where new content should appear. Either the start, end, or both sides." } }, "slots": { "empty": { "type": "(value:) => VNodeChild" }, "error": { "type": "(value:) => VNodeChild" }, "loadMore": { "type": "(value:) => VNodeChild" }, "loading": { "type": "(value:) => VNodeChild" } } }, "o-input-field": { "emits": { "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." }, "update:blured": { "type": "(value:boolean) => void", "description": "Emit when search input field is blured." }, "click:button": { "type": "() => void", "description": "Emit when click on icon." }, "click:clear": { "type": "() => void", "description": "Emit when search input field is cleared." } }, "models": { "modelValue": { "type": "string", "description": "The v-model value of the component.", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OTextFieldTypes", "description": "Applies a distinct style to the component." }, "color": { "type": "ColorValue", "description": "Define the custom color for text field." }, "readonly": { "type": "boolean", "description": "Makes the text field readonly." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "hint": { "type": "string", "description": "Sets the hint of the text field. Hint will be displayed below the input when focused." }, "errorMessages": { "type": "string | string[]", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." }, "toned": { "type": "boolean" }, "transparent": { "type": "boolean", "description": "Adds transparency to the text field." }, "label": { "type": "string", "description": "The label of the input field." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "textBlueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the text." }, "getApi": { "type": "(api:InputApi) => void", "description": "Gets the api" }, "suffix": { "type": "string", "description": "The suffix text of the text field." }, "prefix": { "type": "string", "description": "The prefix text of the text field." }, "type": { "type": "T", "description": "Specify input type.", "defaultValue": "defaultTypeValue" }, "max": { "type": "number", "description": "The max value." }, "min": { "type": "number", "description": "The min value." }, "step": { "type": "number", "description": "incremental steps for adjusting the numeric value." }, "precision": { "type": "number", "description": "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted." }, "clearable": { "type": "boolean", "description": "Adds a clear button when the text field is not empty.", "defaultValue": false }, "autofocus": { "type": "boolean", "description": "Enables autofocus.", "defaultValue": false }, "placeholder": { "type": "string", "description": "Sets the input’s placeholder text." } }, "slots": { "append": { "type": "() => VNodeChild", "description": "Adds an item inside the input and after input content." }, "append-inner": { "type": "() => VNodeChild", "description": "Adds an item inside the input content." }, "prepend": { "type": "() => VNodeChild", "description": "Adds an item outside the input and before input content." }, "prepend-inner": { "type": "() => VNodeChild", "description": "Slot that is prepended to the input." }, "message": { "type": "() => VNodeChild", "description": "Slot used to customize the message content." }, "input": { "type": "(inputRenderer:FunctionalComponent) => VNodeChild", "description": "Slot that is custom render input." } } }, "o-labeled-text": { "emits": {}, "models": {}, "props": { "label": { "type": "String", "description": "Sets the label of the component." }, "text": { "type": "String", "description": "Sets the text value of the component." } }, "slots": { "text": { "type": "() => VNodeChild", "description": "Custom render text." } } }, "o-layout": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" } }, "slots": {} }, "o-lazy": { "emits": {}, "models": {}, "props": { "renderOnIdle": { "type": "boolean", "description": "If true, the lazy will render when the browser is idle.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "If true lazy is disabled", "defaultValue": false }, "motion": { "type": "OMotionProps", "description": "If true lazy is disabled" }, "minHeight": { "type": "string | number", "description": "The min height of the lazy element." } }, "slots": {} }, "o-link": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "colorType": { "type": "ColorTypes | ColorType", "description": "Applies a specific color type to be used. Default is onBase." }, "toned": { "type": "boolean", "defaultValue": false }, "truncateLines": { "type": "number", "description": "Specifies if text should be truncated and number of lines before truncating." }, "blueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text" }, "href": { "type": "string", "description": "Specifies the URL of the page the link goes to" }, "target": { "type": "_blank | _self | _parent | _top | framename", "description": "The target attribute specifies where to open the linked document." }, "textDecoration": { "type": "underline", "description": "Applies a specific text decoration to be used." } }, "slots": { "renderer": { "type": "() => void" } } }, "o-list": { "emits": {}, "models": { "modelValue": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components.", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "lines": { "type": "OListLineTypes", "description": "Designates a minimum-height for all the children o.list.item components. THis props uses line-clamp." }, "nav": { "type": "boolean", "description": "An alternative styling that reduces o.list.item width and rounds the corners. Typically used with o.navigation.drawer.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "divider": { "type": "boolean", "description": "If true, each item will have a bottom divider", "defaultValue": false }, "variant": { "type": "OListTypes", "description": "Applies a distinct style to the component." }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "dragStyles": { "type": "icon | row", "description": "Specific styles for draggable on item.", "defaultValue": "\"icon\"" }, "navigation": { "type": "boolean | ", "description": "The row navigation.", "defaultValue": false }, "remove": { "type": "boolean | ", "description": "Enable removable row.", "defaultValue": false }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "disableItemClickable": { "type": "boolean", "description": "Disable clickable on the items.", "defaultValue": false } }, "slots": { "item": { "type": "(item:IListItem<T>) => VNodeChild" } } }, "o-list-item": { "emits": { "click:delete": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a delete event." }, "click:remove": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a remove event." }, "click:navigate": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a navigate event." }, "click:select": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a navigate event." } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "icon": { "type": "ButtonIconOptions", "description": "The icon of the component." }, "title": { "type": "VNodeChild", "description": "The title of the component.", "defaultValue": false }, "subtitle": { "type": "VNodeChild", "description": "Specify a subtitle text for the component.", "defaultValue": false }, "divider": { "type": "boolean", "description": "Adds a divider after the item", "defaultValue": false }, "expandableHeight": { "type": "boolean", "description": "Makes the height expand if needed. Default it is fixed", "defaultValue": false }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": false }, "selected": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component." }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." }, "variant": { "type": "OListItemVariants", "description": "Applies a distinct style to the component." }, "isDragMode": { "type": "boolean", "defaultValue": false } }, "slots": { "append": { "type": "(item:ListItemSlot) => VNodeChild", "description": "Adds an item inside the input and after input content." }, "prepend": { "type": "(item:ListItemSlot) => VNodeChild", "description": "Adds an item outside the input and before input content." }, "default": { "type": "(item:ListItemSlot) => VNodeChild", "description": "The default Vue slot." }, "title": { "type": "(value:) => VNodeChild", "description": "Slot for the component’s title content." }, "subtitle": { "type": "(value:) => VNodeChild", "description": "Slot for the component’s subtitle content." } } }, "o-logo": { "emits": {}, "models": {}, "props": { "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default." }, "customSize": { "type": "number", "description": "Sets a custom height and width of the icon. Should be used only as an exception." } }, "slots": {} }, "o-main": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "id": { "type": "string", "description": "Sets the id of the component." }, "filled": { "type": "boolean", "description": "Applies background to the component.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "o-menu": { "emits": {}, "models": { "modelValue": { "type": "boolean", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "activator": { "type": "string", "description": "Supply a CSS selector string to activator prop." }, "attach": { "type": "string | boolean | Element", "description": "Specifies which DOM element the overlay content should teleport to." }, "minWidth": { "type": "string | number", "description": "Sets the minimum width for the component. Use auto to use the activator width." }, "maxWidth": { "type": "string | number", "description": "Sets the maximum width for the component." }, "minHeight": { "type": "string | number", "description": "Sets the minimum height for the component." }, "maxHeight": { "type": "string | number", "description": "Sets the maximum height for the component." }, "closeDelay": { "type": "string | number", "description": "Milliseconds to wait before closing component. Only works with the open-on-hover prop." }, "location": { "type": "OMenuLocations", "description": "Designates where the menu should be placed.", "defaultValue": "\"bottom start\"" }, "openOnHover": { "type": "boolean", "description": "Designates whether menu should open on hover or not." }, "visibleOnContentClick": { "type": "boolean", "description": "Designates if menu still show when its content is clicked", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component.", "defaultValue": false }, "scrollStrategy": { "type": "close | none | block | reposition", "description": "Strategy used when the component is activate and user scrolls.", "defaultValue": "\"close\"" }, "eager": { "type": "boolean", "defaultValue": false }, "stickToTarget": { "type": "boolean", "description": "Enables the overlay content to go off-screen when scrolling.", "defaultValue": false }, "position": { "type": "MenuPosition", "description": "Designates the position of the menu. Should be used only for really specific advanced scenarios." } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-motion": { "emits": { "click:someThing": { "type": "(value:string) => true" } }, "models": {}, "props": { "initial": { "type": "VariantDefinition | boolean" }, "animate": { "type": "VariantDefinition" }, "inView": { "type": "VariantDefinition" }, "hover": { "type": "VariantDefinition" }, "press": { "type": "VariantDefinition" }, "exit": { "type": "VariantDefinition" }, "variants": { "type": "Variants" }, "inViewOptions": { "type": "InViewOptions" }, "transition": { "type": "AnimationOptionsWithOverrides" } }, "slots": {} }, "o-navigation-drawer": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "string | string[]" }, "location": { "type": "ONavigationDrawerLocations", "description": "Specifies the location of the drawer.", "defaultValue": "\"start\"" }, "toned": { "type": "boolean" }, "overrides": { "type": "object", "description": "Specify props overrides for the Vutify component. Should be used only for really specific advanced scenarios." }, "variant": { "type": "ONavigationDrawerVariants", "description": "Applies a distinct style to the component." }, "customWidth": { "type": "number | string", "description": "Overrides the default width of the drawer variant. Should be used only for really specific advanced scenarios." }, "temporary": { "type": "boolean", "description": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background.", "defaultValue": false }, "disableResizeWatcher": { "type": "boolean", "description": "Prevents the automatic opening or closing of the drawer when resized, based on whether the device is mobile or desktop.", "defaultValue": false }, "disableRouteWatcher": { "type": "boolean", "description": "Disables opening of navigation drawer when route changes.", "defaultValue": false }, "absolute": { "type": "boolean", "description": "Applies position: absolute to the component.", "defaultValue": false } }, "slots": {} }, "o-notification": { "emits": { "click:close": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "size": { "type": "ONotificationSizeTypes", "description": "The size of the component." }, "value": { "type": "string" }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": { "prependAvatar": { "type": "() => VNodeChild" }, "appendAvatar": { "type": "() => VNodeChild" } } }, "o-pagination": { "emits": {}, "models": { "": { "type": "number", "description": "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array." } }, "props": { "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "length": { "type": "number", "description": "The total number of items that you are paginating. Note that this is not the number of pages. For example, if you have 20 items and you display 5 items per page, you have 4 total pages." }, "totalVisible": { "type": "number", "description": "Specify the total visible pagination numbers." }, "nextIcon": { "type": "string | FunctionalComponent", "description": "Specify the icon for the next icon." }, "prevIcon": { "type": "string | FunctionalComponent", "description": "Specify the icon for the previous icon." } }, "slots": {} }, "o-panel": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "title": { "type": "string", "description": "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel." }, "titleSize": { "type": "TextStyleSize | TextStyleSizes", "description": "Specifies the title typography size. Should be used only if the variants size does not match the context." }, "variant": { "type": "OPanelVariants", "description": "Applies a distinct style to the component." }, "filled": { "type": "boolean", "description": "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited" }, "toned": { "type": "boolean" }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-picker-wrapper": { "emits": { "search": { "type": "(searchText:string) => true" }, "click:clear": { "type": "() => void" } }, "models": { "modelValue": { "type": "MenuState" } }, "props": { "getApi": { "type": "(store:ReturnType<usePickerStore>) => void", "description": "callback to get a reference to the store" }, "class": { "type": "String | String[]" }, "variant": { "type": "PickerVariant", "defaultValue": "\"dropdown\"" }, "label": { "type": "string", "description": "Sets the label of the component." }, "text": { "type": "string", "description": "Sets the text of the component." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the control." }, "disabled": { "type": "boolean", "description": "Sets the component to disabled" }, "toned": { "type": "boolean", "description": "Sets the component to disabled" }, "visibleOnContentClick": { "type": "boolean", "description": "Sets the component to disabled" }, "grid": { "type": "boolean", "description": "Sets the component to disabled" }, "clearable": { "type": "boolean", "description": "If a clear icon can be shown" }, "searchable": { "type": "boolean", "description": "A search box is displayed with the text value" }, "maxHeight": { "type": "number", "description": "Limit the max height of the dropdown" }, "isLoading": { "type": "boolean", "description": "Displays a loading indicator" }, "hasSelection": { "type": "boolean | any", "description": "If the component has selection or not. If true it will render the selection slot" }, "placeholder": { "type": "string", "description": "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty" }, "actions": { "type": "ActionDefinition[] | VNodeChild", "description": "Actions to be showns on the blade header" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" } } }, "o-picker-selection": { "emits": { "click:clear": { "type": "() => void" }, "show:selection": { "type": "() => void" }, "search": { "type": "(text:string) => void" } }, "models": {}, "props": { "text": { "type": "string", "description": "Sets the text of the component." }, "grid": { "type": "boolean", "description": "Sets the component to disabled" }, "disabled": { "type": "boolean", "description": "Sets the component to disabled" }, "disableOverlay": { "type": "boolean", "description": "Doesn't show a default overlay to mark the picker" }, "clearable": { "type": "boolean", "description": "If a clear icon can be shown" }, "searchable": { "type": "boolean", "description": "A search box is displayed with the text value" }, "isLoading": { "type": "boolean", "description": "Displays a loading indicator" }, "hasSelection": { "type": "boolean | any", "description": "If the component has selection or not. If true it will render the selection slot and show clear icon" }, "placeholder": { "type": "string", "description": "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty" }, "toned": { "type": "boolean", "description": "Sets the component to disabled" } }, "slots": { "placeholderRenderer": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "() => VNodeChild" } } }, "o-progress": { "emits": {}, "models": {}, "props": { "type": { "type": "OProgressTypes", "description": "Specific the type of progress to show.", "defaultValue": "\"circular\"" }, "toned": { "type": "boolean" }, "variant": { "type": "OProgressVariants", "description": "Specific the type of progress" }, "size": { "type": "OProgressSizeTypes | number", "description": "Specific the size of progress (size type)" }, "width": { "type": "number", "description": "Specific the width of progress" }, "indeterminate": { "type": "boolean", "description": "Constantly animates, use when loading progress is unknown.", "defaultValue": false }, "value": { "type": "number", "description": "Specific the value of circular progress" } }, "slots": {} }, "o-qrcode": { "emits": {}, "models": {}, "props": { "value": { "type": "string", "description": "The value of the QRCode" }, "size": { "type": "OQRCodeSizeTypes | number", "defaultValue": "\"medium\"" }, "level": { "type": "OQRCodeLevel", "description": "The level of the QRCode", "defaultValue": "\"medium\"" }, "margin": { "type": "SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-radio-group": { "emits": {}, "models": { "": { "type": "any", "description": "The v-model of the component" } }, "props": { "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string." }, "label": { "type": "string", "description": "The label of the component" }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "readonly": { "type": "boolean", "description": "Puts input in readonly state" }, "inline": { "type": "boolean", "description": "Can be presented either as a row or a column. The default is as a column." } }, "slots": {} }, "o-radio": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "Sets the text of the component." }, "value": { "type": "any", "description": "The value used when the component is selected in a group. If not provided, a unique id will be generated." } }, "slots": { "label": { "type": "() => VNodeChild" } } }, "o-range-slider": { "emits": {}, "models": { "": { "type": "", "description": "The v-model of the component" } }, "props": { "step": { "type": "string | number", "description": "If greater than 0, sets step interval for ticks." }, "min": { "type": "string | number", "description": "Sets the minimum value of the slider." }, "max": { "type": "string | number", "description": "Sets the maximum value of the slider." }, "label": { "type": "string", "description": "Sets the label of the slider." }, "noThumbLabel": { "type": "boolean", "description": "Hides the thumb label." }, "toned": { "type": "boolean", "description": "Sets the color to Toned" }, "hint": { "type": "string", "description": "Sets the hint of the slider. Hint will be displayed below the input when focused." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "direction": { "type": "ODirectionTypes", "description": "Sets the direction of the slider. Default is horizontal." }, "variant": { "type": "OSliderVariants", "description": "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed." }, "showTicks": { "type": "boolean | always", "description": "Sets the visibility of the ticks. Default is false." }, "ticks": { "type": "number[] | Record<number,string>", "description": "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks." }, "tickSize": { "type": "number", "description": "Sets the size of the ticks. Default is 2." } }, "slots": {} }, "o-rating": { "emits": {}, "models": { "modelValue": { "type": "string | number", "description": "The current value of the rating. Can be either a number or a numeric string.", "disableAutoEmit": true, "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "clearable": { "type": "boolean", "description": "Allows for the component to be cleared by clicking on the current value.", "defaultValue": false }, "density": { "type": "ORatingDensity", "description": "Controls the space occupied. Possible values are default, comfortable and compact.", "defaultValue": "\"default\"" }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "hover": { "type": "boolean", "description": "Provides visual feedback when hovering over the icons.", "defaultValue": false }, "length": { "type": "ORatingLength", "description": "The number of icons to display. Only accept numbers or numeric strings of 5 and 10.", "defaultValue": 5 }, "readonly": { "type": "boolean", "description": "Removes all hover effects and pointer events. Useful for displaying a rating, but not allowing the user to interact with it.", "defaultValue": false }, "size": { "type": "OSizeTypes", "description": "Sets the size of the component. Can be default, x-small, small, large, and x-large." } }, "slots": {} }, "o-scroll-container": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "height": { "type": "string", "description": "Sets the height of the container" }, "width": { "type": "string", "description": "Sets the width of the column.." }, "compensatScrollbar": { "type": "boolean", "description": "Adds a left margin to compensate for the scrollbar.", "defaultValue": false }, "filled": { "type": "boolean", "description": "If the background should be filled.", "defaultValue": false }, "dynamicHeight": { "type": "boolean", "description": "Calculates a dynamic height based on the position in the browser", "defaultValue": false }, "toned": { "type": "boolean", "description": "If the background is using toned colors.", "defaultValue": false }, "disableScrolling": { "type": "boolean", "description": "Disables the scrolling and sets the overflow to hidden.", "defaultValue": false }, "getApi": { "type": "(store:ReturnType<useScrollContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." }, "scrolling": { "type": "OScrollTypesCombination", "description": "Sets the scroll type of the container.", "defaultValue": "\"y\"" } }, "slots": {} }, "o-select": { "emits": { "click:button": { "type": "(value:any) => void", "description": "Emit a click event." }, "update:search": { "type": "(value:string) => void", "description": "Emit when search input value is changed. Only works when searchable prop is true." }, "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." } }, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "defaultRules" }, "label": { "type": "string", "description": "Sets the label of the component." }, "hint": { "type": "string", "description": "Sets the hint of the component." }, "items": { "type": "TItem", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "itemTitle": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its title." }, "itemValue": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its value." }, "variant": { "type": "OSelectTypes", "description": "Applies a distinct style to the component." }, "returnObject": { "type": "TReturnObject", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value." }, "clearable": { "type": "boolean", "description": "Allows for the component to be cleared." }, "searchable": { "type": "boolean", "description": "Allows to searching when user typing." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the text." }, "toned": { "type": "boolean" }, "chips": { "type": "boolean", "description": "Puts input in readonly state.", "defaultValue": false }, "readonly": { "type": "boolean", "description": "Puts input in readonly state." }, "multiple": { "type": "boolean", "description": "Multiple selection.", "defaultValue": false }, "hideNoData": { "type": "boolean", "description": "Hidden no data message.", "defaultValue": false }, "hideDetails": { "type": "boolean", "description": "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display.", "defaultValue": false }, "menuIcon": { "type": "IIcon", "description": "Custom menu icon." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "hideSelected": { "type": "boolean", "description": "Hide selected items from all items list." }, "multiSelectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "errorMessages": { "type": "string | ", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "error": { "type": "boolean", "description": "Puts the input in a manual error state.", "defaultValue": false }, "maxHeight": { "type": "number", "defaultValue": 300 }, "itemHeight": { "type": "number", "defaultValue": 40 }, "itemDeletable": { "type": "(item:ItemType<TItem>) => boolean", "description": "Item can be deleted or not." }, "placeholder": { "type": "string", "description": "Sets the input placeholder text." } }, "slots": { "chip": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "selection": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "item": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "append-item": { "type": "() => VNodeChild" }, "prepend-inner": { "type": "() => VNodeChild" }, "append-inner": { "type": "() => VNodeChild" } } }, "o-selection": { "emits": { "selectItem": { "type": "(index:) => true" }, "removeItem": { "type": "(index:) => true" }, "sort:update": { "type": "(items:TItem[]) => true" }, "addItem": { "type": "() => true" } }, "models": {}, "props": { "items": { "type": "TItem[]", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "variant": { "type": "SelectionVariants", "description": "The component variants" }, "toned": { "type": "boolean", "description": "Sets the component to toned" }, "sorting": { "type": "boolean", "description": "Sets the component to sorting mode" }, "itemValue": { "type": "ItemValueType<TItem>", "description": "Property on supplied items that contains its value." }, "itemTitle": { "type": "ItemValueType<TItem>", "description": "Property on supplied items that contains its title." }, "itemSubtitle": { "type": "string", "description": "Property on supplied items that contains its value." }, "itemIcon": { "type": "string", "description": "Property on supplied items that contains its value." }, "enableAdd": { "type": "boolean", "description": "If add button is shown" }, "disabledAddButton": { "type": "string", "description": "Disables add button with explanatory tooltip" }, "labelAdd": { "type": "string", "description": "The label for the add button of the component" }, "selectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "itemSettingable": { "type": "(item:TItem) => boolean", "description": "Item has settings or not." }, "itemDeletable": { "type": "(item:TItem) => boolean", "description": "Item can be deleted or not." } }, "slots": { "item": { "type": "(item:TItem, index:Number) => VNodeChild" } } }, "o-skeleton-loader": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "type": { "type": "OSkeletonLoaderTypesCombination", "description": "A string delimited list of skeleton components to create such as type='text@3' or type='card, list-item'. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as article@3 and paragraph@2 which will generate 3 article skeletons and 2 paragraph skeletons. Please see below for a list of available pre-defined options." }, "height": { "type": "string | number", "description": "Sets the height for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "variant": { "type": "OSkeletonLoaderVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": {} }, "o-slide-panel": { "emits": { "init": { "type": "(swiper:Swiper) => void", "description": "Emits when the swiper is initialized" }, "afterInit": { "type": "(swiper:Swiper) => void", "description": "Emits after the swiper is initialized" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "settings": { "type": "SlidePanelSettings" }, "initialSlide": { "type": "number", "defaultValue": 0 }, "getApi": { "type": "(store:ReturnType<useSlidePanelStore>) => void", "description": "callback to get a reference to the slider store. The store is used to interact with the slide panel." }, "contentWrapperClass": { "type": "String", "description": "The class to be applied to the content wrapper" }, "variant": { "type": "SlidePanelVariationType", "description": "The variation of the slide panel. If set to custom-navigation, the navigation buttons will be rendered outside the slide panel and component outside has to handle the styles of the navigation buttons.", "defaultValue": "\"default\"" }, "styleOverrides": { "type": "SlidePanelStyleOverrides", "description": "Style overrides to different containers" } }, "slots": {} }, "o-slide": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" } }, "slots": {} }, "o-slide-panel-settings": { "emits": {}, "models": { "modelValue": { "type": "SlidePanelSettings" } }, "props": {}, "slots": {} }, "o-slider": { "emits": {}, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "step": { "type": "string | number", "description": "If greater than 0, sets step interval for ticks." }, "min": { "type": "string | number", "description": "Sets the minimum value of the slider." }, "max": { "type": "string | number", "description": "Sets the maximum value of the slider." }, "precision": { "type": "number", "description": "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted." }, "label": { "type": "string", "description": "Sets the label of the slider." }, "unitLabel": { "type": "string", "description": "Sets the unit label of the slider." }, "noThumbLabel": { "type": "boolean", "description": "Hides the thumb label.", "defaultValue": false }, "hint": { "type": "string", "description": "Sets the hint of the slider. Hint will be displayed below the input when focused." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible.", "defaultValue": false }, "direction": { "type": "ODirectionTypes", "description": "Sets the direction of the slider. Default is horizontal.", "defaultValue": "\"horizontal\"" }, "variant": { "type": "OSliderVariants", "description": "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed." }, "showTicks": { "type": "boolean | always", "description": "Sets the visibility of the ticks. Default is false.", "defaultValue": false }, "ticks": { "type": "number[] | Record<number,string>", "description": "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks." }, "toned": { "type": "boolean", "defaultValue": false }, "tickSize": { "type": "number", "description": "Sets the size of the ticks. Default is 2.", "defaultValue": 2 }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." } }, "slots": {} }, "o-snackbar": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "text": { "type": "string", "description": "The text to be displayed in the snack bar." }, "timeout": { "type": "string | number", "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use -1 to keep open indefinitely.", "defaultValue": 1500 } }, "slots": {} }, "o-spacer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-speed-dial": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "openOnClick": { "type": "boolean", "description": "Activate the component when the activator is clicked." }, "openOnFocus": { "type": "boolean", "description": "Activate the component when the activator is focused." }, "openOnHover": { "type": "boolean", "description": "Opens speed-dial on hover.", "defaultValue": false }, "zIndex": { "type": "number | string", "description": "The z-index used for the component.", "defaultValue": 2000 }, "persistent": { "type": "boolean", "description": "Clicking outside of the element or pressing esc key will not deactivate it.", "defaultValue": false }, "location": { "type": "OPosition", "description": "Specifies the component's location. Can combine by using a space separated string.", "defaultValue": "\"top center\"" } }, "slots": { "activator": { "type": "(params:) => VNodeChild" } } }, "o-split-pane-container": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-split-pane-content": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-stepper": { "emits": {}, "models": { "modelValue": { "type": "number", "description": "The v-model of the component.", "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "vertical": { "type": "boolean", "description": "Change the stepper direction to vertical.", "defaultValue": false }, "variant": { "type": "OStepperVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "hideLabel": { "type": "boolean", "description": "Hide the title and subtitle of the stepper component.", "defaultValue": false }, "nonLinear": { "type": "boolean", "description": "Non-linear steppers allow the user to move through their process in whatever way they choose.", "defaultValue": false } }, "slots": {} }, "o-stepper-step": { "emits": {}, "models": {}, "props": { "title": { "type": "string", "description": "The title of the step.", "defaultValue": "\"\"" }, "subTitle": { "type": "string", "description": "The sub-title of the step.", "defaultValue": "\"\"" }, "icon": { "type": "IIcon", "description": "The icon of the step." }, "complete": { "type": "boolean", "description": "If the step is complete.", "defaultValue": false }, "editable": { "type": "boolean", "description": "An editable step can be selected by a user at any point and will navigate them to that step.", "defaultValue": false }, "reverseTransition": { "type": "boolean", "description": "Reverse transition of the step.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Disable this step.", "defaultValue": false }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "hideIcon": { "type": "boolean", "description": "Hide the icon.", "defaultValue": false } }, "slots": { "title": { "type": "() => VNodeChild" } } }, "o-sticky-container": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useStickyContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." }, "viewportElementTrackingId": { "type": "string", "description": "hides the sticky container when the element is not visible in the viewport. Use it for toolbars etc" }, "editor": { "type": "boolean", "description": "If the container runs in the content editor" }, "disable": { "type": "boolean", "description": "If you want to disable and enable the sticky container" }, "class": { "type": "string", "description": "Custom class" } }, "slots": { "customRenderer": { "type": "() => VNodeChild" } } }, "o-switch": { "emits": {}, "models": { "modelValue": { "type": "T", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "The label of the component" }, "sublabel": { "type": "string", "description": "The label of the component" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "hint": { "type": "string", "description": "Displays hint text below the input when focused. Force this always open with the persistentHint property.", "defaultValue": "\"\"" }, "persistentHint": { "type": "boolean", "description": "Forces the hint to always be visible", "defaultValue": false }, "hideDetails": { "type": "boolean", "description": "Hides hint and validation errors", "defaultValue": false }, "revert": { "type": "boolean", "description": "Shows the switch inverted", "defaultValue": false }, "trueValue": { "type": "boolean | string", "description": "Sets value for truthy state.", "defaultValue": true }, "falseValue": { "type": "boolean | string", "description": "Sets value for falsy state.", "defaultValue": false }, "tooltip": { "type": "SwitchTooltipOptions", "description": "Sets tooltip to display when hovering the button." }, "variant": { "type": "TVariant", "description": "The variant of the component." }, "trueText": { "type": "boolean | string", "description": "Sets value for truthy state.", "defaultValue": true }, "falseText": { "type": "boolean | string", "description": "Sets value for falsy state.", "defaultValue": false } }, "slots": {} }, "o-switches": { "emits": {}, "models": {}, "props": { "variant": { "type": "OSwitchesVariants", "description": "Applies a distinct style to the component." } }, "slots": {} }, "o-switch-slider": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "falseIcon": { "type": "IIcon", "description": "Specify an icon the false value" }, "trueIcon": { "type": "IIcon", "description": "Specify an icon the true value" }, "trueText": { "type": "string", "description": "Text to show when the value is true" }, "falseText": { "type": "string", "description": "Text to show when the value is false" }, "slim": { "type": "boolean", "description": "Creates a slim variant of the button without the default height", "defaultValue": false }, "label": { "type": "string", "description": "Label to show" } }, "slots": {} }, "o-tabs": { "emits": {}, "models": { "modelValue": { "type": "number", "description": "The v-model of the component", "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "contentClass": { "type": "string | string[]", "description": "The class of the content container." }, "stacked": { "type": "boolean", "description": "Applies the stacked prop to all children o.tab components." }, "variant": { "type": "OTabVariants", "description": "Applies a distinct style to the component." }, "toned": { "type": "boolean" }, "vertical": { "type": "boolean" }, "hideTabNameIfOnlyOneTab": { "type": "boolean", "description": "Hides the tab name if there is only one tab in the component." }, "noScrolling": { "type": "boolean", "description": "Removes the scrolling from the tabs component." }, "alignTabs": { "type": "OTabAlignments", "description": "sets the horizontal alignment of the tabs.", "defaultValue": "\"start\"" }, "grow": { "type": "boolean", "description": "sets how the flex grows in relation to other flexes of the tab." }, "scrolling": { "type": "OScrollOffsetTypes", "description": "Sets a custom blueprint for the tab control." }, "blueprint": { "type": "TabsBlueprint | BlueprintVariant", "description": "Applies the blueprint to the component." }, "disableBlueprint": { "type": "boolean", "description": "Disables the blueprint and use properties instead." }, "position": { "type": "top | bottom", "description": "The position of the horizontal tab.", "defaultValue": "\"top\"" } }, "slots": {} }, "o-tab": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "disabled": { "type": "boolean", "description": "Removed the ability to click or target the component.", "defaultValue": false }, "title": { "type": "string", "description": "The title of the tab." }, "notificationCount": { "type": "number", "description": "Show a notificaton count on the tab." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "icon": { "type": "TabIconModel", "description": "The icon of the tab." }, "variant": { "type": "OTabVariants", "description": "Applies a distinct style to the component." } }, "slots": { "itemRendering": { "type": "() => VNodeChild" } } }, "o-table": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean" }, "fixedHeader": { "type": "boolean", "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table.", "defaultValue": false }, "height": { "type": "string | number", "description": "Use the height prop to set the height of the table." } }, "slots": {} }, "o-text": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "colorType": { "type": "ColorTypes | ColorType", "description": "Applies a specific color type to be used. Default is onBase." }, "color": { "type": "string", "description": "Applies a specific color" }, "toned": { "type": "boolean", "description": "Applies a tonal color to the text.", "defaultValue": false }, "ignoreLineHeight": { "type": "boolean", "description": "Ignores line height. Aligns the text correct in buttons etc.", "defaultValue": false }, "bold": { "type": "boolean", "description": "Applies a bold style to the text. Can only be used with the typography text", "defaultValue": false }, "italic": { "type": "boolean", "description": "Applies a italic style to the text. Can only be used with the typography text", "defaultValue": false }, "wordBreak": { "type": "textWrapping", "description": "Specifies how the text should wrap." }, "textTransform": { "type": "textTransform", "description": "Specifies how the text should be transformed." }, "textDecoration": { "type": "textDecoration", "description": "Specifies how the text should be transformed." }, "as": { "type": "text | h1 | h2 | h3 | h4 | h5 | h6", "description": "Specifies how to render the text tag result will render" }, "whiteSpace": { "type": "normal | nowrap | pre | pre-wrap | pre-line", "description": "Specifies how white space inside text is handled" }, "align": { "type": "OTextAlignmentTypes", "description": "Specifiecs text alignment." }, "truncateLines": { "type": "number", "description": "Specifies if text should be truncated and number of lines before truncating." }, "blueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." } }, "slots": {} }, "o-textarea": { "emits": { "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." }, "click:button": { "type": "(value:boolean) => void" } }, "models": { "modelValue": { "type": "string", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "hint": { "type": "string", "description": "Displays hint text below the input when focused. Force this always open with the persistentHint property." }, "toned": { "type": "boolean" }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible.", "defaultValue": false }, "label": { "type": "string", "description": "The label of the text area." }, "autofocus": { "type": "boolean", "description": "Enables autofocus.", "defaultValue": false }, "clearable": { "type": "boolean", "description": "Adds a clearable icon to the component.", "defaultValue": false }, "errorMessages": { "type": "string | string[]", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "emptyRules" }, "placeholder": { "type": "string", "description": "Sets the input’s placeholder text." }, "readonly": { "type": "boolean", "description": "Puts input in readonly state.", "defaultValue": false }, "variant": { "type": "OTextAreaTypes", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "autoGrow": { "type": "boolean", "description": "Automatically grows textarea to fit its content.", "defaultValue": false }, "rows": { "type": "number", "description": "Default row count.", "defaultValue": 5 }, "color": { "type": "ColorValue", "description": "Define the custom color for textarea." }, "textBlueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." } }, "slots": { "append-inner": { "type": "() => VNodeChild", "description": "Adds an item inside the input content." } } }, "o-time-picker": { "emits": {}, "models": { "modelValue": { "type": "string", "description": "The v-model value of the component.", "disableAutoEmit": true } }, "props": { "location": { "type": "OPosition", "description": "Specifies the component's location. Can combine by using a space separated string." }, "position": { "type": "static | relative | fixed | absolute | sticky", "description": "Sets the position for the component." }, "format": { "type": "ampm | 24hr", "description": "Defines the format of a time displayed in picker. Available options are ampm and 24hr.", "defaultValue": "\"ampm\"" } }, "slots": {} }, "o-toolbar": { "emits": { "click:close": { "type": "() => void" }, "click:back": { "type": "() => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OToolbarVariants", "description": "Applies a distinct style to the component." }, "title": { "type": "string", "description": "The title of the toolbar" }, "subTitle": { "type": "string", "description": "Sub title of the toolbar" }, "icon": { "type": "IIcon", "description": "The icon of the toolbar." }, "toned": { "type": "boolean", "defaultValue": false }, "divider": { "type": "boolean", "description": "If true, the toolbar will have a bottom divider.", "defaultValue": false }, "closeButton": { "type": "boolean", "description": "If true, a close button will be rendered in the toolbar.", "defaultValue": false }, "backButton": { "type": "boolean", "description": "If true, a back button will be rendered in the toolbar.", "defaultValue": false } }, "slots": { "title": { "type": "() => VNodeChild" }, "customButtons": { "type": "() => VNodeChild" }, "prepend": { "type": "(params:) => VNodeChild", "description": "Adds an item outside the title and before title content." } } }, "o-tooltip": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "text": { "type": "string", "description": "The text of the tooltip." }, "activateOnLength": { "type": "number", "description": "Disabled if the text length is less than this value.", "defaultValue": 0 }, "openOnHover": { "type": "boolean", "description": "Opens the tooltip on hover.", "defaultValue": false }, "openOnClick": { "type": "boolean", "description": "Designates whether the tooltip should open on activator click.", "defaultValue": false }, "location": { "type": "OPosition", "description": "Specifies the component’s location. Can combine by using a space separated string", "defaultValue": "\"top end\"" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-treeviewv3": { "emits": { "update:active": { "type": "(items:T[]) => void" } }, "models": { "modelValue": { "type": "T[]", "description": "An array of selected items", "defaultValue": "defaultSelectedItems" }, "expanded": { "type": "T[]", "description": "An array of expanded items", "defaultValue": "defaultExpandedItems" } }, "props": { "items": { "type": "T[]", "description": "An array of items to display in the treeview. Is hierarchical and can contain children. Can also control expanded or not." }, "expandOnSelection": { "type": "boolean", "description": "Defines if the treeview should expand when the title row is selected. Default is false and the arrow has to be clicked to expand the children.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Changes select to multiple. Default is false.", "defaultValue": false }, "openAll": { "type": "boolean", "description": "When true will cause all branch nodes to be opened when component is mounted.", "defaultValue": false }, "batchChildrensDisplay": { "type": "number", "description": "Define how much children will be display in UI. Default value is 20", "defaultValue": 20 }, "itemTitle": { "type": "string | ", "description": "Property on supplied items that contains its title.", "defaultValue": "\"title\"" }, "itemValue": { "type": "string | ", "description": "Property on supplied items that contains its value.", "defaultValue": "\"id\"" }, "itemIcon": { "type": "string | ", "description": "Property on supplied items that contains its icon.", "defaultValue": "\"icon\"" }, "itemChildren": { "type": "string", "description": "Property on supplied items that contains its children.", "defaultValue": "\"children\"" }, "loadChildren": { "type": "(selectedNode:T) => void | Promise<void>", "description": "Load the children node in lazy load mode. Ensure that items with an empty children array if we want to load additional children using the load-children prop." }, "onMoveNode": { "type": "(item:T, currentPosition:number, newPosition:number) => void | Promise<void>", "description": "Define new position of the selected node after moving." }, "checkNodeToMove": { "type": "(item:T) => boolean", "description": "Define is selected node can be move." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value.", "defaultValue": "\"s\"" }, "indentation": { "type": "number | SpacingValue", "description": "Set the indentation of the treeview." } }, "slots": { "title": { "type": "(title:string) => VNodeChild", "description": "Appends content after label.." }, "appendInnerItem": { "type": "(value:TreewViewItemSlot<T>) => VNodeChild", "description": "Appends content after label.." }, "prepend": { "type": "(value:TreewViewItemSlot<T>) => VNodeChild", "description": "Prepends content before label.." } } }, "o-treeview": { "emits": { "update:active": { "type": "(items:Array<any>) => void" } }, "models": { "modelValue": { "type": "Array<any>", "description": "An array of selected items", "defaultValue": "defaultSelectedItems" }, "expanded": { "type": "Array<any>", "description": "An array of expanded items", "defaultValue": "defaultExpandedItems" } }, "props": { "items": { "type": "Array<any>", "description": "An array of items to display in the treeview. Is hierarchical and can contain children. Can also control expanded or not." }, "expandOnSelection": { "type": "boolean", "description": "Defines if the treeview should expand when the title row is selected. Default is false and the arrow has to be clicked to expand the children.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Changes select to multiple. Default is false.", "defaultValue": false }, "disableToggleSelection": { "type": "boolean", "description": "Disable toggle selection.", "defaultValue": false }, "batchChildrensDisplay": { "type": "number", "description": "Define how much children will be display in UI. Default value is 20", "defaultValue": 20 }, "itemTitle": { "type": "string | ", "description": "Property on supplied items that contains its title.", "defaultValue": "\"title\"" }, "itemIcon": { "type": "string | ", "description": "Property on supplied items that contains its icon.", "defaultValue": "\"icon\"" }, "itemValue": { "type": "string", "description": "Property on supplied items that contains its value.", "defaultValue": "\"id\"" }, "itemChildren": { "type": "string", "description": "Property on supplied items that contains its children.", "defaultValue": "\"children\"" }, "loadChildren": { "type": "(selectedNode:any, level:number) => void | Promise<void>", "description": "Load the children node in lazy load mode." }, "onMoveNode": { "type": "(item:any, currentPosition:number, newPosition:number) => void | Promise<void>", "description": "Define new position of the selected node after moving." }, "checkNodeToMove": { "type": "(item:any) => boolean", "description": "Define is selected node can be move." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "indentation": { "type": "number | SpacingValue", "description": "Set the indentation of the treeview." }, "selectedNodeStyle": { "type": "ColorSchemaTypes", "description": "Set the style of the selected node." }, "variant": { "type": "navigation | default", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": { "appendInnerItem": { "type": "(item:any, index:Number) => VNodeChild", "description": "Define a custom item action appearance." }, "itemToolTip": { "type": "(item:any) => VNodeChild", "description": "Define tooltip for treeview icon" } } }, "o-validation": { "emits": {}, "models": {}, "props": { "validator": { "type": "IValidator", "description": "The validator.", "required": true }, "validationOn": { "type": "ValidationOnTypes", "description": "Changes the events in which validation occurs.", "defaultValue": "\"lazy submit\"" } }, "slots": {} }, "o-virtual-scroll": { "emits": {}, "models": {}, "props": { "maxHeight": { "type": "string | number", "description": "Sets the maximum height for the component." }, "maxWidth": { "type": "string | number", "description": "Sets the maximum width for the component." }, "minHeight": { "type": "string | number", "description": "Sets the minimum height for the component." }, "minWidth": { "type": "string | number", "description": "Sets the minimum width for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "height": { "type": "string | number", "description": "Height of the component as a css value." }, "itemHeight": { "type": "string | number", "description": "Height in pixels of each item to display." }, "itemKey": { "type": "ItemValueType<T>", "description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders." }, "items": { "type": "T[]", "description": "The array of items to display.", "defaultValue": "emptyArray" } }, "slots": { "default": { "type": "(value:) => VNodeChild" } } }, "omfx-post-template": { "emits": { "openReply": { "type": "(postToReplyOn:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "cancelReply": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "openEdit": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "closeEdit": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "refresh": { "type": "(addedPost:boolean) => void" } }, "models": {}, "props": { "canShowEditDialogOnLoad": { "type": "boolean" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "currentUser": { "type": "ResolvedUserIdentity" }, "canLike": { "type": "() => boolean" }, "persistedPost": { "type": "IPersistedPost<IPostBaseWithContext<IPostBaseContext>>" }, "persistedPosts": { "type": "Array<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "enableMention": { "type": "boolean" }, "cardStyle": { "type": "LegacyThemeDefinition" }, "hideEdit": { "type": "boolean", "defaultValue": false }, "handleAddingPost": { "type": "(addingPost:IPostBaseWithContext<IPostBaseContext>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleUpdatingPost": { "type": "(updatingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleDeletingPost": { "type": "(deletingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleTogglingLike": { "type": "(togglingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleSocialReacts": { "type": "(postToReact:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, isReacts:boolean, reactionType:ReactionType) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "customSlots": { "type": "IPostCustomSlots" }, "hideEditOption": { "type": "boolean", "defaultValue": false }, "getTopPostIds": { "type": "() => " }, "getUserHash": { "type": "() => " }, "topicPermissionDictionary": { "type": "" } }, "slots": {} }, "omfx-aboutuser": { "emits": {}, "models": {}, "props": { "user": { "type": "UserIdentity" } }, "slots": {} }, "omfx-property-block-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-block-v2-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-emoticon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-mention-component": { "emits": {}, "models": { "userName": { "type": "UserIdentity | string" } }, "props": { "userLabel": { "type": "string" }, "url": { "type": "string" } }, "slots": {} }, "omfx-textcompletion-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-likeaction-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-comment-like-template": { "emits": { "openReply": { "type": "(commentToReplyOn:Comment) => Comment" }, "cancelReply": { "type": "(comment:Comment) => void" }, "refresh": { "type": "(addedComment:boolean) => void" } }, "models": {}, "props": { "comment": { "type": "Comment" }, "dynamicInput": { "type": "CommentLikeTemplateDynamicInput" }, "templateSettings": { "type": "CommentLikeTemplateSettings" }, "currentUser": { "type": "ResolvedUserIdentity" }, "canShowEditDialogOnLoad": { "type": "boolean" }, "canLike": { "type": "boolean" }, "additionalRoles": { "type": "Array<guid>" }, "backgroundColor": { "type": "ColorValue" }, "foregroundColor": { "type": "ColorValue" }, "textColor": { "type": "ColorValue" }, "hideEdit": { "type": "boolean" }, "readOnly": { "type": "boolean" } }, "slots": {} }, "omfx-like-listing-template": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "likes": { "type": "Array<ISocialReaction>" }, "socialReactionStylings": { "type": "Array<ISocialReactionStyling>" }, "currentSocialReaction": { "type": "ISocialReactionStyling" } }, "slots": {} }, "omfx-velcron-editor": { "emits": { "click:close": { "type": "() => true" }, "save": { "type": "(definition:VelcronAppDefinition) => true" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "definition": { "type": "VelcronAppDefinition" }, "mode": { "type": "store | return", "defaultValue": "\"store\"" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omnia-velcron-editor-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-component-creator": { "emits": { "setup:context": { "type": "(context:VelcronRenderContext) => void" } }, "models": {}, "props": { "definition": { "type": "VelcronDefinition", "required": true }, "renderContext": { "type": "VelcronRenderContext", "required": true }, "containerClass": { "type": "object" }, "elementClass": { "type": "object" } }, "slots": {} }, "omfx-velcron-app": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-blade-builder": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "selectedLayout": { "type": "VersionedLayout" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string", "defaultValue": "\"\"" }, "hideNavigation": { "type": "boolean" }, "sort": { "type": "(a:VersionedLayout, b:VersionedLayout) => number" }, "provider": { "type": "string" } }, "slots": { "navigation": { "type": "() => undefined" }, "bottomNavigationDrawer": { "type": "() => undefined" }, "prependNavigation": { "type": "() => undefined" }, "rightPanel": { "type": "() => undefined" } } }, "omfx-versioned-layout-creation-blade": { "emits": { "setLayout": { "type": "(layout:VersionedLayout) => void" } }, "models": {}, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "isBlade": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-versioned-layout-list-blade-builder": { "emits": {}, "models": {}, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "bladeTitle": { "type": "string" } }, "slots": {} }, "omfx-versioned-layout-url-input": { "emits": { "urlSegmentChanged": { "type": "(urlSegment:string) => void" } }, "models": {}, "props": { "filled": { "type": "boolean" }, "urlSegment": { "type": "string" }, "appInstanceId": { "type": "guid" }, "ignoreFromLayoutId": { "type": "VersionedLayoutId" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-term-set-display": { "emits": {}, "models": { "modelValue": { "type": "SharePointTermSetPropertyValue" } }, "props": { "displaySettings": { "type": "SharePointTermSetPropertyDisplaySettings" }, "setupSettings": { "type": "SharePointTermSetPropertySetupSettings" }, "clickHandler": { "type": "" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "(items:Array<>) => []" }, "contentColor": { "type": "ColorValue" }, "separator": { "type": "string" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "appendedElement": { "type": "() => undefined" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-term-set-editor": { "emits": {}, "models": { "modelValue": { "type": "SharePointTermSetPropertyValue" } }, "props": { "displaySettings": { "type": "SharePointTermSetPropertyDisplaySettings" }, "editorSettings": { "type": "SharePointTermSetPropertyEditorSettings" }, "setupSettings": { "type": "SharePointTermSetPropertySetupSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-term-set-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<SharePointTermSetPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<SharePointTermSetPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<SharePointTermSetPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<SharePointTermSetPropertyDefinition>) => VNodeChild" } } }, "oa-businessprofile-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-settings-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-business-profile-permission-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-administrator-permission-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-authenticationscreen-blade": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "string", "required": true } }, "slots": {} }, "oa-authenticationscreen-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-rollup-base-view": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" }, "getApi": { "type": "(api:ViewApi) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-listview": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-listview-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupListViewSettings" } }, "props": { "selectableProperties": { "type": "EnterprisePropertyDefinition[]" } }, "slots": {} }, "omfx-app-instance-rollup-view-cardview": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-cardview-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupCardViewSettings" } }, "props": { "selectableProperties": { "type": "EnterprisePropertyDefinition[]" } }, "slots": {} }, "oa-publishing-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-teamwork-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-communities-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-app-management-category": { "emits": {}, "models": {}, "props": { "category": { "type": "AppCategories", "required": true }, "title": { "type": "string" } }, "slots": {} }, "oa-app-definitions-listing": { "emits": {}, "models": {}, "props": { "appDefinitions": { "type": "AppDefinition[]", "required": true }, "title": { "type": "string" } }, "slots": {} }, "oa-theme-design-menu-journey": { "emits": {}, "models": {}, "props": { "targetResolverType": { "type": "string", "defaultValue": "defaultValue" } }, "slots": {} }, "omfx-theme-designer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-preset-menu": { "emits": { "click:close": { "type": "() => true" } }, "models": { "modelValue": { "type": "boolean" } }, "props": {}, "slots": { "activator": { "type": "() => VNodeChild" } } }, "oa-themes-selection-journey": { "emits": {}, "models": {}, "props": { "targetResolverType": { "type": "string" }, "isAdminTheme": { "type": "boolean" } }, "slots": {} }, "oa-themes-selection-journey-bp": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-journey-app": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-admin-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-background-editor": { "emits": { "click:confirm": { "type": "(value:BackgroundDefinition) => void" } }, "models": { "modelValue": { "type": "BackgroundDefinition" } }, "props": { "variant": { "type": "EditorVariant" }, "fill": { "type": "boolean" }, "toned": { "type": "boolean" }, "border": { "type": "boolean" }, "colorType": { "type": "ColorPickerType" }, "individualRadiusSelection": { "type": "boolean" }, "individualBorderWidthSelection": { "type": "boolean" }, "elevation": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "enableDynamicColor": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-background-viewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-border-picker": { "emits": {}, "models": { "modelValue": { "type": "BorderStylingDefinition" } }, "props": { "individualRadiusSelection": { "type": "boolean" }, "variant": { "type": "BorderPickerVariant" }, "individualWidthSelection": { "type": "boolean" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "enableDynamicColor": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "toned": { "type": "boolean" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-border-preview": { "emits": {}, "models": {}, "props": { "backgroundFill": { "type": "string", "description": "The background fill of the component" } }, "slots": {} }, "omfx-button-style-picker": { "emits": { "update:colorSchema": { "type": "(value:ColorSchemaType | ColorSchema) => null" } }, "models": { "modelValue": { "type": "ButtonBlueprint | ButtonBlueprintVariant" } }, "props": { "label": { "type": "string" }, "variant": { "type": "default | journey | list", "defaultValue": "\"list\"" }, "placeholder": { "type": "string" }, "toned": { "type": "boolean" }, "customStyling": { "type": "boolean" }, "dynamicColorSchema": { "type": "ColorSchemaType | ColorSchema" }, "showSlots": { "type": "boolean" }, "blueprints": { "type": "ButtonBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "sampleText": { "type": "string" } }, "slots": {} }, "omfx-button-style-editor": { "emits": { "click:confirm": { "type": "(value:ButtonBlueprint) => void" } }, "models": { "modelValue": { "type": "ButtonBlueprint" } }, "props": { "variant": { "type": "EditorVariant" }, "buttonLabel": { "type": "string" }, "toned": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "definitionButton": { "type": "() => VNodeChild" } } }, "omfx-button-blueprints-viewer": { "emits": { "click:select": { "type": "(selection:ButtonBlueprintVariant) => true" }, "click:add": { "type": "(selection:ButtonBlueprintType) => true" } }, "models": { "modelValue": { "type": "ButtonBlueprints" } }, "props": { "variant": { "type": "ViewVariant" }, "toned": { "type": "boolean" }, "blueprintStrategy": { "type": "string" }, "editable": { "type": "boolean" } }, "slots": {} }, "omfx-chrome-layout-picker": { "emits": { "selection": { "type": "(selection:VersionedLayout) => void" } }, "models": { "modelValue": { "type": "number" } }, "props": { "label": { "type": "string" }, "variant": { "type": "ChromePickerVariant" } }, "slots": {} }, "omfx-color-pickerV2": { "emits": {}, "models": {}, "props": { "variant": { "type": "OSelectVariants | inline | journey", "description": "Applies a distinct style to the component." }, "toned": { "type": "boolean", "description": "If the component is toned" }, "disableColorToggle": { "type": "boolean", "description": "The color is not toggled if it selected twice" }, "type": { "type": "ColorPickerType", "description": "The type of the color picker" }, "dynamicColorSchemaType": { "type": "ColorSchemaType", "description": "The colors schema to use as the display color for a dynamic color picker where the colors follow the color schema of the component. " }, "enableDynamicColor": { "type": "boolean", "description": "If allowed to support dynamic color schemas. Dynamic color schemas follow the selected color of the parent colorschema." }, "disableCustomColor": { "type": "boolean", "description": "If not allowed to pick custom colors" }, "showPlaceholders": { "type": "boolean", "description": "If pladeholder colors should be shown" }, "showSystemColors": { "type": "boolean", "description": "If system colors should be shown" }, "opacity": { "type": "boolean", "description": "If it should be possible to set opacity on the color picker" }, "label": { "type": "string", "description": "Label to display for the color" }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void", "description": "Toolbarrenderer" } }, "slots": {} }, "omfx-color-preview": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dynamic-color-indicator": { "emits": {}, "models": {}, "props": { "colorReference": { "type": "any" }, "dynamicColorSchemaType": { "type": "ColorSchemaType" }, "noIcon": { "type": "boolean" }, "width": { "type": "string" }, "size": { "type": "small | default" }, "height": { "type": "string" }, "hasDynamicColors": { "type": "boolean" } }, "slots": {} }, "omfx-color-schema-picker": { "emits": {}, "models": {}, "props": { "customSchema": { "type": "boolean", "description": "If allowed to pick custom color schemas" }, "enableDynamicColor": { "type": "boolean", "description": "If allowed to support dynamic color schemas. Dynamic color schemas follow the selected color of the parent colorschema." }, "defaultColorSchemaType": { "type": "ColorSchemaType", "description": "The color schema type of the dynamic color schema. If not set, the default color schema type is used." }, "showSlots": { "type": "boolean", "description": "If empty slots are shown in picker" }, "showDynamicSchemaIfEmpty": { "type": "boolean", "description": "If enabled, the color schema picker will show the dynamic color schema if the model value is empty." }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." } }, "slots": {} }, "omfx-color-schema-definition-picker": { "emits": {}, "models": { "modelValue": { "type": "ColorSchema" } }, "props": { "toned": { "type": "boolean" }, "items": { "type": "ColorSchema[]" }, "variant": { "type": "dialog | OSelectVariants | journey" }, "fallbackColorType": { "type": "ColorSchemaType" }, "label": { "type": "string" }, "selectionLabel": { "type": "string" }, "placeholder": { "type": "string" } }, "slots": { "activator": { "type": "() => VNode" } } }, "omfx-color-schema-viewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-color-schema-editor": { "emits": {}, "models": {}, "props": { "toolbarCallback": { "type": "(value:() => VNodeChild) => void", "description": "Toolbarrenderer" } }, "slots": {} }, "omfx-component-blueprints-viewer": { "emits": {}, "models": { "modelValue": { "type": "ComponentBlueprints" } }, "props": { "toned": { "type": "boolean" } }, "slots": {} }, "omfx-container-fill-picker": { "emits": {}, "models": {}, "props": { "allowCustom": { "type": "boolean", "description": "If allowed to pick custom" }, "showSlots": { "type": "boolean", "description": "If empty slots are shown in picker" }, "individualBorderWidthSelection": { "type": "boolean", "description": "If allowed to pick inidividual border width" }, "individualRadiusSelection": { "type": "boolean", "description": "If allowed to pick individual border radius" }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": {} }, "omfx-container-fill-style-editor": { "emits": { "click:select": { "type": "(variant:BlueprintVariant) => true" }, "click:add": { "type": "() => true" } }, "models": { "modelValue": { "type": "ContainerFillBlueprint" } }, "props": { "defaultColorSchemaType": { "type": "ColorSchemaType" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-container-fill-blueprints-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<ContainerFillBlueprints>) => true" } }, "models": { "modelValue": { "type": "ContainerFillBlueprints" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-fill-picker": { "emits": {}, "models": { "modelValue": { "type": "TextFillDefinitionValue" } }, "props": { "colorType": { "type": "ColorPickerType" }, "title": { "type": "string" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "singleColor": { "type": "boolean" }, "variant": { "type": "FillPickerVariant" }, "label": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-fill-preview": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-header-picker": { "emits": { "colorSchemaChanged": { "type": "(colorSchema:ColorSchemaType) => void" } }, "models": { "modelValue": { "type": "HeaderBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "dynamicColorSchema": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "blueprints": { "type": "HeaderBlueprints" }, "variant": { "type": "picker | list" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "previewTitle": { "type": "MultilingualString | string" }, "previewIcon": { "type": "IIcon" }, "customStyling": { "type": "boolean" }, "showSlots": { "type": "boolean" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-header-renderer": { "emits": {}, "models": {}, "props": { "blueprint": { "type": "HeaderBlueprint | BlueprintVariant" }, "state": { "type": "any" }, "text": { "type": "MultilingualString | string" }, "icon": { "type": "IIcon" }, "anchorName": { "type": "string" } }, "slots": {} }, "omfx-header-settings": { "emits": {}, "models": { "modelValue": { "type": "HeaderSettings" } }, "props": {}, "slots": {} }, "omfx-header-style-editor": { "emits": {}, "models": { "modelValue": { "type": "HeaderBlueprint" } }, "props": { "headerLabel": { "type": "string" }, "toned": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "definitionButton": { "type": "() => VNodeChild" } } }, "omfx-icon-style-picker": { "emits": {}, "models": { "modelValue": { "type": "OIconSizes" } }, "props": { "icon": { "type": "IIcon" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "variant": { "type": "PickerVariant" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-icon-style-editor": { "emits": {}, "models": { "modelValue": { "type": "IconBlueprint" } }, "props": { "icon": { "type": "IIcon" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "variant": { "type": "EditorVariant" }, "toned": { "type": "boolean" }, "size": { "type": "OIconSizes" }, "simpleMode": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "label": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-icon-blueprints-viewer": { "emits": { "click:select": { "type": "(size:OIconSizes) => true" } }, "models": {}, "props": { "blueprints": { "type": "IconBlueprints" }, "toned": { "type": "boolean" }, "variant": { "type": "ViewType" }, "label": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-input-style-picker": { "emits": {}, "models": { "modelValue": { "type": "InputBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "toned": { "type": "boolean" }, "blueprints": { "type": "InputBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "customStyling": { "type": "boolean" } }, "slots": {} }, "omfx-input-style-editor": { "emits": { "click:confirm": { "type": "(value:TabsBlueprint) => void" } }, "models": { "modelValue": { "type": "InputBlueprint" } }, "props": { "blueprintStrategy": { "type": "string" }, "showNameSelection": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": {} }, "omfx-input-blueprint-viewer": { "emits": { "click:select": { "type": "() => true" } }, "models": {}, "props": { "blueprint": { "type": "InputBlueprint" }, "toned": { "type": "boolean" }, "variant": { "type": "EditorVariant" }, "label": { "type": "string" }, "sampleText": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-variant-placeholder": { "emits": {}, "models": {}, "props": { "toned": { "type": "boolean" }, "label": { "type": "string" }, "icon": { "type": "FontAwesomeIcon" } }, "slots": {} }, "omfx-spacing-picker": { "emits": {}, "models": { "modelValue": { "type": "Spacing", "description": "The v-model value of the component." } }, "props": { "class": { "type": "String | String[]" }, "scaleSelection": { "type": "boolean" }, "allowNegativeNumbers": { "type": "boolean" }, "defaultScale": { "type": "SpacingScale" }, "preset": { "type": "SpacingPreset" }, "label": { "type": "string" }, "toned": { "type": "boolean" }, "type": { "type": "T", "description": "Specify input type.", "defaultValue": "defaultTypeValue" }, "disableTop": { "type": "boolean" }, "disableBottom": { "type": "boolean" }, "disableLeft": { "type": "boolean" }, "disableRight": { "type": "boolean" } }, "slots": {} }, "omfx-spacing-viewer": { "emits": { "click:select": { "type": "(value:SpacingScale) => true" } }, "models": {}, "props": { "blueprint": { "type": "SpacingBlueprint" }, "variant": { "type": "Variant" }, "height": { "type": "string" } }, "slots": {} }, "omfx-spacing-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-spacing-blueprint-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<SpacingBlueprint>) => true" } }, "models": { "modelValue": { "type": "SpacingBlueprint" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-style-picker": { "emits": {}, "models": {}, "props": { "variant": { "type": "EditorVariant", "description": "The variant of the style picker" }, "colorSchemaTypePreview": { "type": "ColorSchemaType", "description": "The color schema type to use for preview" } }, "slots": {} }, "omfx-tab-style-picker": { "emits": {}, "models": { "modelValue": { "type": "TabsBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "toned": { "type": "boolean" }, "blueprints": { "type": "TabsBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "showSlots": { "type": "boolean" }, "customStyling": { "type": "boolean" } }, "slots": {} }, "omfx-tab-style-editor": { "emits": { "click:confirm": { "type": "(value:TabsBlueprint) => void" } }, "models": { "modelValue": { "type": "TabsBlueprint" } }, "props": { "variant": { "type": "EditorVariant" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-tab-blueprint-viewer": { "emits": { "click:select": { "type": "() => true" } }, "models": {}, "props": { "blueprint": { "type": "TabsBlueprint" }, "toned": { "type": "boolean" }, "label": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-text-color-picker": { "emits": {}, "models": { "modelValue": { "type": "TextFillDefinitionValue" } }, "props": { "defaultColorSchemaType": { "type": "ColorSchemaType" }, "variant": { "type": "PickerVariant" }, "toned": { "type": "boolean" }, "label": { "type": "string" }, "customColor": { "type": "boolean" }, "showSlots": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-text-color-blueprints-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<TextFillBlueprint>) => true" } }, "models": { "modelValue": { "type": "TextFillBlueprints" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-text-style-picker": { "emits": {}, "models": { "modelValue": { "type": "TextStyleValue | number | TextStyleConfiguration | guid" } }, "props": { "customTyping": { "type": "boolean" }, "viewType": { "type": "ViewTypes" }, "previewType": { "type": "previewTypes" }, "filters": { "type": "Array<guid>" }, "textBlueprint": { "type": "TextBlueprint" }, "typographyBlueprint": { "type": "TypographyBlueprint" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "showSlots": { "type": "boolean" }, "clearable": { "type": "boolean" }, "ignoreStylingInSelection": { "type": "boolean" }, "toned": { "type": "boolean" }, "variant": { "type": "PickerVariant" }, "label": { "type": "string" }, "placeholder": { "type": "string" }, "sampleText": { "type": "string" } }, "slots": { "activator": { "type": "() => VNode" } } }, "omfx-text-style-viewer": { "emits": {}, "models": {}, "props": { "item": { "type": "TextStyleConfiguration | guid" }, "ignoreLineHeight": { "type": "boolean" }, "textColor": { "type": "string" } }, "slots": {} }, "omfx-theme-definition-picker": { "emits": { "item:selected": { "type": "(theme:ITemplateRegistration<ResolvedThemeDefinition> | guid) => true" } }, "models": { "modelValue": { "type": "ResolvedThemeDefinition | guid" } }, "props": { "variant": { "type": "ThemePickerVariant" }, "toned": { "type": "string" }, "label": { "type": "string" }, "enableClear": { "type": "boolean" }, "navigation": { "type": "boolean" }, "filter": { "type": "custom" }, "modelType": { "type": "ModelType" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-theme-definition-viewer": { "emits": {}, "models": {}, "props": { "definition": { "type": "ResolvedThemeDefinition" }, "selected": { "type": "boolean" } }, "slots": {} }, "omfx-theme-switcher": { "emits": {}, "models": {}, "props": { "variant": { "type": "ThemeSwitcherVariant" }, "label": { "type": "string" }, "adminTheme": { "type": "boolean" }, "showAccessibility": { "type": "boolean" }, "getApi": { "type": "(store:ReturnType<useThemeSwitcherStore>) => null" }, "border": { "type": "left | right | left right" }, "buttonBlueprint": { "type": "ButtonBlueprint | ButtonBlueprintVariant" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-theme-component-preview": { "emits": {}, "models": { "modelValue": { "type": "ResolvedThemeDefinition" } }, "props": { "hideColorSchemas": { "type": "boolean" }, "toned": { "type": "boolean" } }, "slots": {} }, "omfx-text-style-editor": { "emits": {}, "models": { "modelValue": { "type": "TextStyleDefinition" } }, "props": { "variant": { "type": "EditorVariant" }, "blueprint": { "type": "TypographyBlueprint" }, "textStyleType": { "type": "TextStyleType" }, "textStyleSize": { "type": "TextStyleSizes" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "sampleText": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-typography-viewer": { "emits": { "click:select": { "type": "(typography:TextStyleType, size:TextStyleSizes) => true" }, "click:selectScale": { "type": "(scale:number) => true" } }, "models": {}, "props": { "blueprint": { "type": "TypographyBlueprint" }, "toned": { "type": "boolean" }, "showActivationStatus": { "type": "boolean" }, "activeScale": { "type": "number" }, "sampleText": { "type": "string" }, "variant": { "type": "Variant" }, "viewtype": { "type": "ViewTypes" }, "previewType": { "type": "previewTypes" }, "showSlots": { "type": "boolean" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "editable": { "type": "boolean" } }, "slots": {} }, "omfx-typography-blueprint-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<TypographyBlueprint>) => true" } }, "models": { "modelValue": { "type": "TypographyBlueprint" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-view-template-picker": { "emits": { "update:modelValue": { "type": "(renderer:VelcronRendererResolverReference) => void" } }, "models": { "modelValue": { "type": "VelcronRendererResolverReference" } }, "props": { "label": { "type": "string" }, "state": { "type": "any" }, "categoryFilters": { "type": "Array<guid>" }, "renderTypeFilters": { "type": "Array<guid>" } }, "slots": {} }, "omfx-enterpriseproperties-booleanfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-display": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "settings": { "type": "" }, "property": { "type": "EnterprisePropertyDefinition" }, "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => undefined" } }, "slots": {} }, "omfx-enterpriseproperties-languagefield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-richtextfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-display": { "emits": {}, "models": { "modelValue": { "type": "Array<Tag>" } }, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "onTagClicked": { "type": "(tag:Tag) => void" }, "multiple": { "type": "boolean" }, "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideSelected": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean" }, "styles": { "type": "TagsFieldDisplayStyles" }, "clickableIcon": { "type": "IIcon" }, "appendedTagContents": { "type": "[]" } }, "slots": { "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => undefined" }, "appendedElement": { "type": "() => undefined" } } }, "omfx-enterpriseproperties-textfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-booleanfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-edit": { "emits": { "valueChanged": { "type": "(value:string) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyDateTimeItemSettings" }, "includeTime": { "type": "boolean" }, "icon": { "type": "string" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-enterpriseproperties-languagefield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-numberfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-edit": { "emits": { "valueChanged": { "type": "(value:Array<Identity>) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyPersonItemSettings" } }, "slots": {} }, "omfx-enterpriseproperties-richtextfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-edit": { "emits": {}, "models": {}, "props": { "valueBind": { "type": "" }, "onValueChanged": { "type": "(value:Array<Tag>) => void" }, "property": { "type": "EnterprisePropertyDefinition" }, "disabled": { "type": "boolean" }, "promotedTagOptions": { "type": "PromotedTagOptions" }, "variant": { "type": "OSelectTypes" }, "settings": { "type": "EnterprisePropertyTagsItemSettings" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-enterpriseproperties-textfield-edit": { "emits": { "valueChanged": { "type": "(value:string) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyTextItemSettings" } }, "slots": {} }, "omfx-enterpriseproperties-extended-property-settings": { "emits": { "changeProperty": { "type": "(property:ExtendedPropertyEnterprisePropertyDefinition) => void" } }, "models": {}, "props": { "property": { "type": "ExtendedPropertyEnterprisePropertyDefinition", "required": true }, "styles": { "type": "ExtendedPropertySettingsStyles" } }, "slots": { "settings": { "type": "() => VNodeChild" } } }, "omfx-enterpriseproperties-booleanfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-languagefield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-mediafield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-numberfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-richtextfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-textfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-person-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "PersonFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-person-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-text-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TextFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-text-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-boolean-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "BooleanFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-boolean-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-datetime-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "DateTimeFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-datetime-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-number-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "NumberFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-number-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-tags-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TagsFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-tags-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-layout-developertools": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-editor-block-edit": { "emits": {}, "models": {}, "props": { "title": { "type": "string", "required": true }, "icon": { "type": "IIcon" }, "variant": { "type": "inline | panel", "defaultValue": "\"panel\"" }, "layoutItem": { "type": "LayoutItem" }, "renderBladeOnly": { "type": "boolean" } }, "slots": { "panel": { "type": "(baldeRenderer:BladeElement) => VNodeChild" } } }, "omfx-layout-editor-block-edit-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-canvas-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-gallery-dialog-slider": { "emits": { "close": { "type": "() => void" } }, "models": { "activeIndex": { "type": "number" } }, "props": { "media": { "type": "Array<MediaPickerMedia>" }, "showThumbnail": { "type": "boolean" } }, "slots": {} }, "omfx-media-gallery-display-photowall": { "emits": { "clickMedia": { "type": "(index:number) => void" } }, "models": { "media": { "type": "Array<MediaPickerMedia>" } }, "props": { "mediaClass": { "type": "string" }, "roundBorder": { "type": "boolean" }, "mediaJson": { "type": "string" }, "displayNumber": { "type": "number" }, "fill": { "type": "ContainerFillValue" }, "fillOpacity": { "type": "number" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-media-gallery-selector": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-slidepanel-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-splitpane": { "emits": { "panelClick": { "type": "(event:PanelEventClick) => void", "description": "Emits when one of panels is clicked." }, "resized": { "type": "(sizes:SplitpaneSize[]) => void", "description": "Emits when pane components are resized." } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OSplitpanesVariation", "description": "Controls the orientation of the component.", "defaultValue": "\"vertical\"" }, "height": { "type": "string | number", "description": "The height of the component.", "defaultValue": "\"100%\"" }, "dblClickSplitter": { "type": "boolean", "description": "Double click a splitter to maximize the next pane.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Disabels the splitter", "defaultValue": false } }, "slots": {} }, "o-splitpane-item": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "minSize": { "type": "number", "description": "The percentage of the split-panel item minimum size.", "defaultValue": 0 }, "maxSize": { "type": "number", "description": "The percentage of the split-panel item maximum size", "defaultValue": 100 }, "size": { "type": "number", "description": "The percentage of the split-panel item size." } }, "slots": {} }, "omfx-properties-birthday-display": { "emits": {}, "models": { "modelValue": { "type": "BirthdayPropertyValue" } }, "props": { "displaySettings": { "type": "BirthdayDisplaySettings", "required": true, "defaultValue": "defaultValue" }, "styles": { "type": "BirthdayDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-birthday-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<BirthdayPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<BirthdayPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<BirthdayPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<BirthdayPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-birthday-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-boolean-display": { "emits": {}, "models": { "modelValue": { "type": "BooleanPropertyValue" } }, "props": { "displaySettings": { "type": "BooleanDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-boolean-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-businessprofile-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<BusinessProfilePropertyDefinition>" } }, "props": { "displaySettings": { "type": "BusinessProfileDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-businessprofile-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-date-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<DatePropertyDefinition>" } }, "props": { "displaySettings": { "type": "DateDisplaySettings" }, "styles": { "type": "DateDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-date-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-date-time-display": { "emits": {}, "models": { "modelValue": { "type": "DateTimePropertyValue" } }, "props": { "displaySettings": { "type": "DateTimeDisplaySettings" }, "styles": { "type": "DateTimeDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-date-time-editor": { "emits": {}, "models": { "modelValue": { "type": "DateTimePropertyValue" } }, "props": { "displaySettings": { "type": "DateTimeDisplaySettings" }, "editorSettings": { "type": "DateTimeEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-date-time-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<DateTimePropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<DateTimePropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<DateTimePropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<DateTimePropertyDefinition>) => VNodeChild" } } }, "omfx-properties-email-display": { "emits": {}, "models": { "modelValue": { "type": "EmailPropertyValue" } }, "props": { "displaySettings": { "type": "EmailDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-email-editor": { "emits": {}, "models": { "modelValue": { "type": "EmailPropertyValue" } }, "props": { "displaySettings": { "type": "EmailDisplaySettings" }, "editorSettings": { "type": "EmailEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-html-display": { "emits": {}, "models": { "modelValue": { "type": "HtmlPropertyValue" } }, "props": { "displaySettings": { "type": "HtmlDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-html-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-html-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<HtmlPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<HtmlPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<HtmlPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<HtmlPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-identity-display": { "emits": {}, "models": { "modelValue": { "type": "IdentityPropertyValue" } }, "props": { "displaySettings": { "type": "IdentityPropertyDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "styles": { "type": "IdentityDisplayStyles" } }, "slots": { "left": { "type": "(resolvedIdentity:IResolvedIdentity) => VNodeChild" }, "right": { "type": "(resolvedIdentity:IResolvedIdentity) => VNodeChild" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-identity-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-identity-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<IdentityPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<IdentityPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<IdentityPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<IdentityPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-image-display": { "emits": {}, "models": { "modelValue": { "type": "ImagePropertyValue" } }, "props": { "displaySettings": { "type": "ImageDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-image-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<ImagePropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<ImagePropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<ImagePropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<ImagePropertyDefinition>) => VNodeChild" } } }, "omfx-properties-image-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-integer-display": { "emits": {}, "models": { "modelValue": { "type": "IntegerPropertyValue" } }, "props": { "displaySettings": { "type": "IntegerDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-integer-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-language-display": { "emits": {}, "models": { "modelValue": { "type": "LanguagePropertyValue" } }, "props": { "displaySettings": { "type": "LanguageDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-language-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-link-display": { "emits": {}, "models": { "modelValue": { "type": "LinkPropertyValue" } }, "props": { "displaySettings": { "type": "LinkDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-link-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-link-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<LinkPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<LinkPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<LinkPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<LinkPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-media-display": { "emits": {}, "models": { "modelValue": { "type": "MediaPropertyValue" } }, "props": { "displaySettings": { "type": "MediaDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-media-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-multilinetext-display": { "emits": {}, "models": { "modelValue": { "type": "MultilineTextPropertyValue" } }, "props": { "displaySettings": { "type": "MultilineTextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilinetext-editor": { "emits": {}, "models": { "modelValue": { "type": "MultilineTextPropertyValue", "disableAutoEmit": true } }, "props": { "displaySettings": { "type": "MultilineTextDisplaySettings" }, "editorSettings": { "type": "MultilineTextEditorSettings" }, "disabled": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilingualtext-display": { "emits": {}, "models": { "modelValue": { "type": "MultilingualTextPropertyValue" } }, "props": { "displaySettings": { "type": "MultilingualTextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilingualtext-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-phone-number-display": { "emits": {}, "models": { "modelValue": { "type": "PhoneNumberPropertyValue" } }, "props": { "displaySettings": { "type": "PhoneDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "styles": { "type": "MobileDisplayStyles" }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-phone-number-editor": { "emits": {}, "models": { "modelValue": { "type": "PhoneNumberPropertyValue" } }, "props": { "displaySettings": { "type": "PhoneDisplaySettings" }, "editorSettings": { "type": "PhoneEditorSettings" }, "disabled": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-phone-number-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<PhoneNumberPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<PhoneNumberPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<PhoneNumberPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<PhoneNumberPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-tags-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<TagsPropertyDefinition>" } }, "props": { "displaySettings": { "type": "TagsDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "clickableIcon": { "type": "IIcon" }, "appendedTagContents": { "type": "[]" }, "hideSelected": { "type": "boolean" }, "styles": { "type": "TagsFieldDisplayStyles" }, "contentColor": { "type": "ColorValue" }, "onTagClicked": { "type": "(tag:Tag) => void" }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "appendedElement": { "type": "() => undefined" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-tags-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-text-display": { "emits": {}, "models": { "modelValue": { "type": "TextPropertyValue" } }, "props": { "displaySettings": { "type": "TextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-text-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-time-display": { "emits": {}, "models": { "modelValue": { "type": "TimePropertyValue" } }, "props": { "displaySettings": { "type": "TimeDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "styles": { "type": "TimeDisplayStyles" } }, "slots": {} }, "omfx-properties-time-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-usertype-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<UserTypePropertyDefinition>" } }, "props": { "displaySettings": { "type": "PropertyDisplaySettingsType<UserTypePropertyDefinition>" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-usertype-editor": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<UserTypePropertyDefinition>", "disableAutoEmit": true } }, "props": { "displaySettings": { "type": "UserTypeDisplaySettings" }, "editorSettings": { "type": "UserTypeEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "o-demo": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-demo-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-definition-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-properties-editor": { "emits": {}, "models": {}, "props": { "propertyEditors": { "type": "Array<VelcronEditor>", "description": "Limited property editors to render. Default all in the app definition are rendered." }, "hidePropertyMapped": { "type": "boolean", "description": "Does not render editors that can be property mapped" } }, "slots": {} }, "omfx-velcron-state-properties-editor": { "emits": { "value:enter": { "type": "(propertyEditorMapping:VelcronEditor, value:any) => true" }, "value:leave": { "type": "(propertyEditorMapping:VelcronEditor, value:any) => true" } }, "models": { "modelValue": { "type": "DynamicState" } }, "props": { "definition": { "type": "VelcronAppDefinition" }, "propertyEditors": { "type": "Array<VelcronEditor>" }, "hidePropertyMapped": { "type": "boolean" }, "location": { "type": "EditorLocation" }, "previewColorSchemaType": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-velcron-property-editor-creator": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-checked-out-by-other-message": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywords-display": { "emits": {}, "models": { "modelValue": { "type": "Array<guid>" } }, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "lcid": { "type": "number", "defaultValue": 1033 }, "lang": { "type": "string", "defaultValue": "\"en-us\"" } }, "slots": { "appendedElement": { "type": "() => VNodeChild" }, "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => VNodeChild" } } }, "omfx-enterpriseproperties-taxonomy-display": { "emits": {}, "models": { "modelValue": { "type": "Array<guid>" } }, "props": { "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "property": { "type": "EnterprisePropertyDefinition" }, "lcid": { "type": "number" }, "lang": { "type": "string" }, "clickHandler": { "type": "TaxonomyFieldDisplayClickHander" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "" } }, "slots": { "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => VNodeChild" }, "appendedElement": { "type": "() => VNodeChild" } } }, "omfx-enterpriseproperties-enterprisekeywords-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywords-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-settings": { "emits": {}, "models": {}, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywordsfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-taxonomy-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TaxonomyFilterEngineProperty" } }, "props": { "context": { "type": "DbQueryFilterEngineContext", "required": true }, "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>", "required": true } }, "slots": {} }, "omfx-filterengine-taxonomy-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-extended-taxonomy-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-language": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker-cropratios": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker-scalingsettings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-redirect-manager": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-generalsettings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-tenantregional": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-auditlogs-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-azuread-permissions-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-customemail-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-extensions-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-licenses-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-localization": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-seomanager-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-services-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-systemlogs-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenantcontact-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-chrome-editor-blade": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "omnia-color-schemas-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-blueprints-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-container-fills-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-fontmanager-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-spacing-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-templates-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-text-fills-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-textstyles-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-typography-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-velcron-studio-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-placeholder": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-canvas-toolbar": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-device-previewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-onecolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-twocolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnpageicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnheroicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-template-selector": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-background-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-spacing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-css": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-targeting": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-title": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-title-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-image-background-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-journey-block-settings": { "emits": {}, "models": {}, "props": { "journeyInstance": { "type": "ILayoutCanvasTabInstance" } }, "slots": {} }, "omfx-layout-journey-menu-items": { "emits": {}, "models": {}, "props": { "items": { "type": "ILayoutCanvasJourneyMenuItemInstance[]", "defaultValue": "defaultItems" } }, "slots": { "prepend": { "type": "() => VNodeChild" }, "append": { "type": "() => VNodeChild" } } }, "omfx-layout-layout-settings-globalheader": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-layout-settings-blockheader": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-layout-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-clipboard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-lock-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-general": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-spacing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-css": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-targeting": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-global": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-tab-layout-settings": { "emits": {}, "models": {}, "props": { "items": { "type": "ILayoutCanvasExpansionItemInstance[]", "defaultValue": "defaultItems" } }, "slots": {} }, "omfx-layout-tab-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterprise-glossary-link": { "emits": {}, "models": {}, "props": { "enterpriseGlossaryMappingId": { "type": "EnterpriseGlossaryMappingId", "required": true } }, "slots": {} }, "oa-appsettings-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-add-button": { "emits": { "handleClick": { "type": "(value:any) => void" } }, "models": {}, "props": { "title": { "type": "string" }, "description": { "type": "string" }, "icon": { "type": "string" } }, "slots": {} }, "omfx-font-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-systemlogs-appinstancelog": { "emits": {}, "models": {}, "props": { "status": { "type": "number" } }, "slots": {} }, "oa-systemlogs-featureinstancelog": { "emits": {}, "models": {}, "props": { "status": { "type": "number" } }, "slots": {} }, "omnia-header": { "emits": {}, "models": {}, "props": {}, "slots": {} } };
5
+ const registrations = { "omfx-connect": { "emits": {}, "models": {}, "props": { "parent": { "type": "ComponentPublicInstance" } }, "slots": {} }, "omnia-console": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dev-socket": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-spfx-wp-settings": { "emits": { "closed": { "type": "() => void" }, "change": { "type": "(blockManifestId:guid, elementName:string) => void" } }, "models": {}, "props": { "opened": { "type": "boolean" } }, "slots": {} }, "omnia-fx-spfx-wp": { "emits": {}, "models": {}, "props": { "webpartid": { "type": "guid" }, "displaymode": { "type": "any" } }, "slots": {} }, "omnia-fx-spfx-wp-standalone": { "emits": {}, "models": {}, "props": { "manifestid": { "type": "guid" }, "webpartid": { "type": "guid" }, "displaymode": { "type": "any" } }, "slots": {} }, "omfx-alignment-picker": { "emits": { "update:modelValue": { "type": "(value:HorizontalAlignments | VerticalAlignments) => true" } }, "models": { "modelValue": { "type": "HorizontalAlignments | VerticalAlignments", "description": "The v-model of the component" } }, "props": { "vertical": { "type": "boolean", "description": "Sets the component to vertical picking mode.", "defaultValue": false }, "noCenterSelection": { "type": "boolean", "description": "Removes the center option", "defaultValue": false }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": {} }, "omnia-authentication-checker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authsetup": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-blade-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-button": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-chrome-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-color-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-command-palette": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-condition-control": { "emits": { "itemAdd": { "type": "(item:TItem) => void", "description": "Emitted when an item is added" }, "itemRemove": { "type": "(item:TItem) => void", "description": "Emitted when an item is removed" }, "showAddFilterValue": { "type": "(item:IItem<TItem>) => void" } }, "models": { "modelValue": { "type": "Array<TItem>", "required": true } }, "props": { "label": { "type": "string", "description": "Label for the control" }, "labelAddItem": { "type": "string", "description": "Label for the add item button" }, "labelAddItemValue": { "type": "string", "description": "Label for the add filter value button" }, "getItemTitle": { "type": "(item:TItem) => string", "description": "Callback function to return the title of the item" } }, "slots": { "selectionRender": { "type": "(item:) => VNodeChild" }, "selectionRenderV2": { "type": "(item:) => VNodeChild" }, "settingsRender": { "type": "(item:) => VNodeChild" }, "settingsRenderV2": { "type": "(item:) => VNodeChild" }, "itemRenderer": { "type": "(row:IConditionControlItemRow<TItem>) => VNodeChild", "description": "Used to render each item in the list" }, "itemValuesRenderer": { "type": "(row:IConditionControlItemFilterValues<TItem>) => VNodeChild", "description": "Used to render the item values in the filter" } } }, "omfx-confirm-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-connected-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-context-picker": { "emits": { "select": { "type": "(item:Suggestion) => true" } }, "models": {}, "props": { "label": { "type": "string" }, "variant": { "type": "picker | default", "defaultValue": "\"default\"" } }, "slots": {} }, "omfx-context-language-picker": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" } }, "slots": {} }, "omfx-datatable": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-time-filter-query": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-time-picker": { "emits": { "isKeepMenuOpen": { "type": "(value:boolean) => void" } }, "models": { "modelValue": { "type": "string" } }, "props": { "formatter": { "type": "IDatetimePickerFormatter" }, "localeString": { "type": "string" }, "scrollable": { "type": "boolean" }, "pickerMode": { "type": "date-time | date | time", "defaultValue": "\"date-time\"" }, "label": { "type": "string" }, "isRequired": { "type": "boolean" }, "disabled": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "hasIcon": { "type": "boolean" }, "description": { "type": "string" }, "icon": { "type": "string" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-date-time-zone-picker": { "emits": {}, "models": { "modelValue": { "type": "DateTimeZone<Date>", "defaultValue": "defaultModelValue" } }, "props": { "variant": { "type": "date-time | date", "defaultValue": "\"date-time\"" }, "minuteSkip": { "type": "number", "description": "Controls the selectable minutes in the picker", "defaultValue": 5 }, "dateFormat": { "type": "string", "description": "The format of the date", "defaultValue": "vuetifyDatePickerFormat" }, "locale": { "type": "string", "description": "Sets the locale" }, "firstDayOfWeek": { "type": "number", "description": "Sets which day is the first day of the week", "defaultValue": 1 }, "disabled": { "type": "boolean", "description": "If the component should render as disabled", "defaultValue": false }, "label": { "type": "string", "description": "Custom label" }, "singleLine": { "type": "boolean", "description": "Render the component as single line", "defaultValue": false }, "isError": { "type": "boolean", "description": "Shows error", "defaultValue": false }, "showMenu": { "type": "boolean", "description": "Shows menu", "defaultValue": false } }, "slots": {} }, "omfx-date-time-zone-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-document-icon": { "emits": {}, "models": {}, "props": { "color": { "type": "string" }, "size": { "type": "IconSizes", "defaultValue": "defaultSize" }, "source": { "type": "ImageSources", "defaultValue": "defaultSource" }, "extension": { "type": "string" } }, "slots": {} }, "omfx-draggable": { "emits": { "sort:end": { "type": "() => true" } }, "models": { "modelValue": { "type": "Array<any>" } }, "props": { "containerRef": { "type": "Ref<any>", "required": true }, "countItems": { "type": "Ref<number>" } }, "slots": {} }, "omfx-dynamic-placeholder": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dynamic-placeholder-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-chrome-v2": { "emits": { "ready:render": { "type": "() => void" }, "close": { "type": "() => true" } }, "models": {}, "props": { "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string" }, "getApi": { "type": "(store:ReturnType<useEditorChromeStore>) => void" }, "hideCloseButton": { "type": "boolean" } }, "slots": {} }, "omfx-editor-chrome-action": { "emits": {}, "models": {}, "props": { "action": { "type": "ChromeActionItem", "required": true } }, "slots": { "renderer": { "type": "(action:ChromeActionItem) => VNodeChild" } } }, "omfx-enterpriseglossary-picker": { "emits": {}, "models": { "modelValue": { "type": "EnterpriseGlossaryInstance" } }, "props": {}, "slots": {} }, "omfx-enterprisepropertyset-picker": { "emits": { "change": { "type": "(propertySetId:guid | Array<guid>) => void" } }, "models": { "modelValue": { "type": "guid | Array<guid>" } }, "props": { "variant": { "type": "OSelectVariants | journey" }, "propertySetItems": { "type": "Array<EnterprisePropertySet>" }, "label": { "type": "string" }, "hint": { "type": "string" }, "filled": { "type": "boolean" }, "multiple": { "type": "boolean" }, "disabled": { "type": "boolean" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "persistentHint": { "type": "boolean" }, "requiredWithValidator": { "type": "boolean" }, "preSelectedPropertySetId": { "type": "guid | Array<guid>" } }, "slots": {} }, "omfx-error-message": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey": { "emits": {}, "models": {}, "props": { "appInstanceId": { "type": "guid" }, "targetResolverType": { "type": "string" } }, "slots": {} }, "omfx-features-journey-properties": { "emits": { "handleFeatureAction": { "type": "(action:string, featureId:guid) => true" } }, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-features-journey-app-instance": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-file-picker": { "emits": {}, "models": {}, "props": { "context": { "type": "ILayoutFileContext" }, "handler": { "type": "FilePickerHandler" }, "providers": { "type": "Array<FilePickerProvider>" } }, "slots": {} }, "omfx-file-uploader": { "emits": { "fileChanged": { "type": "(allFiles:Array<FileUploaderItemHandler>) => void" } }, "models": {}, "props": { "class": { "type": "string | string[]" }, "style": { "type": "" }, "disabled": { "type": "boolean" }, "enablePasteClipboardData": { "type": "boolean" }, "multiple": { "type": "boolean" }, "limitedFileTypes": { "type": "Array<string>" }, "limitedFileSize": { "type": "number" }, "hideOverlayIcon": { "type": "boolean" }, "hideFileList": { "type": "boolean" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-filter": { "emits": { "search": { "type": "(searchText:string) => true" }, "applyFilter": { "type": "() => true" }, "closeFilter": { "type": "() => true" } }, "models": {}, "props": { "heightDialog": { "type": "string" }, "countFieldHasValue": { "type": "number" }, "searchable": { "type": "boolean | Ref<boolean>", "description": "Specify if the parent should show a search field.", "defaultValue": false }, "variant": { "type": "dialog | journey", "defaultValue": "\"dialog\"" }, "hideFilterLabel": { "type": "boolean" } }, "slots": { "filter": { "type": "() => VNodeChild" } } }, "omfx-filterengine-settings": { "emits": {}, "models": { "modelValue": { "type": "FilterEngineSettings" } }, "props": { "context": { "type": "FilterEngineContext" } }, "slots": {} }, "omfx-filterengine-renderer": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(handler:FilterEngineHandler) => void", "required": true }, "renderContent": { "type": "() => | undefined[]", "required": true }, "context": { "type": "FilterEngineContext", "required": true }, "appendLeftSection": { "type": "() => | undefined[]" }, "prependLeftSection": { "type": "() => | undefined[]" }, "appendMainSection": { "type": "() => | undefined[]" }, "prependMainSection": { "type": "() => | undefined[]" }, "appendRightSection": { "type": "() => | undefined[]" }, "prependRightSection": { "type": "() => | undefined[]" }, "dialogScopedInjectables": { "type": "Object[]" }, "spacing": { "type": "Spacing" } }, "slots": {} }, "omfx-person-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-tags-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-personproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-tagsproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-text-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-boolean-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-date-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-number-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-booleanproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-textproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-datetimeproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-numberproperty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-dialog-content": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-property-dropdown": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "ITypedFilterEngineHandler", "required": true }, "renderContent": { "type": "(isOpening:boolean) => undefined" }, "rendererManifestId": { "type": "string" } }, "slots": {} }, "omfx-filterengine-property-list": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "ITypedFilterEngineHandler", "required": true }, "renderContent": { "type": "() => undefined" }, "rendererManifestId": { "type": "string" } }, "slots": {} }, "omfx-date-filterengine-period-slider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filter-picker": { "emits": { "update:modelValue": { "type": "(value:FilterPickerFilter[]) => undefined" }, "item:removed": { "type": "(value:FilterPickerFilter) => undefined" }, "item:sorted": { "type": "(value:FilterPickerFilter[]) => undefined" } }, "models": { "modelValue": { "type": "FilterPickerFilter[]", "defaultValue": "defaultModel" } }, "props": { "class": { "type": "String | String[]" }, "filters": { "type": "FilterPickerFilter[]", "description": "The filters for the filter picker", "required": true, "defaultValue": "defaultFilters" }, "size": { "type": "FilterSizes", "description": "The size of the filter picker" }, "singleSelect": { "type": "boolean", "description": "Only Allow Single Selection", "defaultValue": false }, "grow": { "type": "boolean", "description": "Grow to fill the available space", "defaultValue": false }, "sortable": { "type": "boolean", "description": "Adds sortable option to the filters", "defaultValue": false }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": { "itemRendering": { "type": "(element:VNodeChild, item:FilterPickerFilter) => VNodeChild" } } }, "omfx-numeric-indicator": { "emits": {}, "models": { "valueBind": { "type": "number" } }, "props": { "label": { "type": "string" }, "style": { "type": "NumericIndicatorStyles" }, "height": { "type": "number" }, "description": { "type": "string" }, "color": { "type": "string" }, "icon": { "type": "IIcon" }, "valueUnit": { "type": "string" }, "clickCallback": { "type": "() => void" } }, "slots": {} }, "omfx-barchart-indicator": { "emits": {}, "models": {}, "props": { "clickCallback": { "type": "(label:string) => void" }, "loadData": { "type": "(isPrevious:boolean) => Promise<void>" }, "hasData": { "type": "(isPrevious:boolean) => boolean" }, "chartValues": { "type": "Array<>" }, "unitLabel": { "type": "string" }, "label": { "type": "string" }, "style": { "type": "BarChartIndicatorStyle" }, "height": { "type": "number" }, "description": { "type": "string" }, "color": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-google-recaptcha": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-heading": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-helptext": { "emits": {}, "models": {}, "props": { "isHidden": { "type": "boolean" }, "content": { "type": "string" } }, "slots": {} }, "omfx-icon": { "emits": {}, "models": {}, "props": { "icon": { "type": "IIcon | MediaPickerImage | LegacyIconPickerModel", "description": "The icon to be displayed." }, "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default.", "defaultValue": "\"small\"" } }, "slots": {} }, "omfx-icon-picker": { "emits": {}, "models": { "modelValue": { "type": "TType" } }, "props": { "mediaPickerStorageProviderContext": { "type": "MediaPickerStorageProviderContext", "defaultValue": "mediaPickerIconsStorageProviderContext" }, "density": { "type": "comfortable | compact", "description": "Adjusts the vertical height used by the component.", "defaultValue": "\"compact\"" }, "required": { "type": "boolean" }, "avatar": { "type": "boolean" }, "library": { "type": "icon | image | icon-image", "defaultValue": "\"icon\"" }, "label": { "type": "string", "description": "Sets the label of the component." }, "variant": { "type": "dropdown | journey", "defaultValue": "\"dropdown\"" }, "imageSettings": { "type": "MediaPickerImageSettings" } }, "slots": {} }, "omfx-identity-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-picker-field": { "emits": { "menuToggle": { "type": "(values:boolean) => void" } }, "models": { "modelValue": { "type": "Identity[]", "defaultValue": "defaultVModel" } }, "props": { "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "guid[]" }, "variant": { "type": "OSelectTypes | journey" }, "label": { "type": "string", "defaultValue": "\"\"" }, "description": { "type": "string" }, "multiple": { "type": "boolean" }, "required": { "type": "boolean" }, "disabled": { "type": "boolean" }, "attachToParent": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "top": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "ariaDescribedby": { "type": "string", "defaultValue": "\"\"" }, "ariaInvalid": { "type": "boolean" }, "dense": { "type": "boolean" }, "showCurrentUserOption": { "type": "boolean" }, "autoOpenSelection": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]", "defaultValue": "defaultDisabledIdentities" }, "blockedIdentities": { "type": "Identity[]", "defaultValue": "defaultBlockedIdentities" }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "hideTab": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "displayIdentityType": { "type": "boolean" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration", "defaultValue": "defaultEnableSpecialUser" }, "businessProfileId": { "type": "string" } }, "slots": {} }, "omfx-identity-picker-inline-field": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-picker": { "emits": { "add": { "type": "(identity:Identity) => void" }, "remove": { "type": "(identity:Identity) => void" }, "closeDialog": { "type": "() => void" } }, "models": { "modelValue": { "type": "Identity[]" } }, "props": { "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "Array<guid>" }, "attachToParent": { "type": "boolean" }, "top": { "type": "boolean" }, "disabled": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]" }, "blockedIdentities": { "type": "Identity[]" }, "hideTab": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "showSelectedIdentities": { "type": "boolean" }, "displayIdentityType": { "type": "boolean", "defaultValue": true }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration" }, "isClosed": { "type": "boolean" }, "businessProfileId": { "type": "string" }, "ariaDescribedby": { "type": "string" }, "ariaInvalid": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "label": { "type": "string" }, "variant": { "type": "search | fieldvalue", "defaultValue": "\"search\"" }, "multiple": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "autoOpenSelection": { "type": "boolean" } }, "slots": {} }, "omfx-identity-picker-dialog": { "emits": { "identityChanged": { "type": "(identity:Identity) => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "location": { "type": "OMenuLocations", "defaultValue": "\"bottom start\"" }, "type": { "type": "PrincipalTypes" }, "providerIds": { "type": "guid[]" }, "attachToParent": { "type": "boolean" }, "keepSelectionMenu": { "type": "boolean" }, "top": { "type": "boolean" }, "disabled": { "type": "boolean" }, "disabledIdentities": { "type": "Identity[]", "defaultValue": "defaultDisabledIdentities" }, "blockedIdentities": { "type": "Identity[]", "defaultValue": "defaultBlockedIdentities" }, "filter": { "type": "(identities:IResolvedIdentity[]) => IResolvedIdentity[]" }, "hideTab": { "type": "boolean" }, "hideGroupTypeSelection": { "type": "boolean" }, "hideUserTypeSelection": { "type": "boolean" }, "hideDynamicGroupSelection": { "type": "boolean" }, "displayIdentityType": { "type": "boolean" }, "identityStore": { "type": "IdentityStoreType" }, "emailEnabled": { "type": "BoolFilter" }, "permissionEnabled": { "type": "BoolFilter" }, "enableSpecialUser": { "type": "ISpecialUserConfiguration", "defaultValue": "defaultEnableSpecialUser" }, "businessProfileId": { "type": "string" } }, "slots": {} }, "omfx-identity-picker-button": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-input-language-picker": { "emits": {}, "models": {}, "props": { "multilingualContext": { "type": "MultilingualContext" }, "buttonSettings": { "type": "object" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-input-token": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "styles": { "type": "InputTokenStyles" }, "class": { "type": "string | string[]" }, "label": { "type": "string" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-journey": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "variant": { "type": "JourneyVariant", "description": "Specify the variant of the journey. Use editor to display in the editor." }, "compactMode": { "type": "boolean", "description": "Displays only one blade at a time. This is useful for mobile devices. And with fixed spaces." } }, "slots": {} }, "omfx-journey-blade": { "emits": { "click:create": { "type": "(id:guid) => true" }, "click:add": { "type": "(id:guid) => true" }, "click:back": { "type": "(id:guid) => true" }, "click:cancel": { "type": "(id:guid) => true" }, "click:settings": { "type": "(id:guid) => true" }, "search": { "type": "(searchText:string) => true" }, "changeFilter": { "type": "() => true" }, "closeFilter": { "type": "() => true" }, "hidden": { "type": "() => true" }, "click:manageList": { "type": "() => true" } }, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "title": { "type": "string", "description": "Specify the title of the blade." }, "toned": { "type": "boolean", "description": "IF the color is toned" }, "subTitle": { "type": "string", "description": "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent." }, "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store.", "required": true }, "size": { "type": "BladeSizeTypes", "description": "Specify the size of the blade. Small will show the header buttons as icons.", "defaultValue": "\"x-small\"" }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "ok": { "type": "boolean", "description": "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown.", "defaultValue": false }, "searchable": { "type": "boolean | Ref<boolean>", "description": "Specify if the blade should show a search field.", "defaultValue": false }, "delete": { "type": "boolean", "description": "Specify if the blade should show a delete button.", "defaultValue": false }, "remove": { "type": "boolean", "description": "Specify if the blade should show a remove button.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Specify if the blade should shoud be read only.", "defaultValue": false }, "manageList": { "type": "boolean | Ref<boolean>", "description": "Specify if the blade shoud be draggable on items.", "defaultValue": false }, "manageListText": { "type": "string", "description": "Customize the text for Manage List Button." }, "switch": { "type": "SwitchValue", "description": "Specify if the blade should show switch." }, "settings": { "type": "boolean", "description": "Specify if the blade should show a settings button.", "defaultValue": false }, "hideFilterLabel": { "type": "boolean", "description": "Hide label of the filter button.", "defaultValue": false }, "create": { "type": "boolean", "description": "Specify if the blade should show a create button.", "defaultValue": false }, "add": { "type": "boolean", "description": "Specify if the blade should show a add button.", "defaultValue": false }, "actions": { "type": "ActionDefinition[]", "description": "Specify if the blade should show responsive actions. Useful for both mobile and desktop." }, "bladeContext": { "type": "BladeContexts | BladeContext", "description": "Specify context of the journey." }, "icon": { "type": "IIcon", "description": "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc." }, "variant": { "type": "BladeVariantTypes", "description": "Applies a distinct style to the component." }, "onOk": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click ok, return true if ok to close the blade." }, "onRemove": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click remove, return true if ok to close the blade." }, "onDelete": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click delete, return true if ok to close the blade." }, "onSwitch": { "type": "(value:boolean) => boolean | Promise<boolean>", "description": "Trigger when user toggle switch, return true if ok to close the blade." }, "confirmDeleteDialogOption": { "type": "ConfirmDialogOptions", "description": "Specify a set of options for the confirm dialog shown before deleting." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "disabledButtonTooltips": { "type": "DisabledButtonTooltips", "description": "Specify a set of options for the confirm dialog shown before deleting." }, "sizeOnMobile": { "type": "BladeSizeTypes", "description": "Specify the size of the blade on mobile. Default full width on mobile view" }, "commit": { "type": "create | save", "description": "Specify the commit type, and a button with the specified type will be automatically generated in the footer. The default value is Save." }, "onCommit": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when users commit the changes. Return true to close the blade." }, "documentation": { "type": "Documentation", "description": "Specifies the documentation reference for the blade header. Provide the corresponding Omnia documentation URL along with a display title." } }, "slots": { "actions": { "type": "() => VNodeChild" }, "actionsFooter": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" } } }, "omfx-journey-place-holder": { "emits": {}, "models": {}, "props": { "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store.", "required": true }, "disabledVisibilityHidden": { "type": "boolean", "description": "Not allow blade to hidden(but still takes up space).", "defaultValue": false } }, "slots": {} }, "omfx-journey-menu": { "emits": { "itemSelected": { "type": "(item:JourneyMenuItem) => true" }, "valueChanged": { "type": "(item:JourneySwitchMenuItem) => true" } }, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useJourneyMenuStore>) => void", "description": "callback to get a reference to the journey store. The store is used to navigate the journey blades." }, "title": { "type": "string", "description": "Specify the title of the blade." }, "id": { "type": "guid", "description": "The id of the blade. Used to identify the blade in the journey store." }, "save": { "type": "boolean", "description": "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown.", "defaultValue": false }, "switch": { "type": "SwitchValue", "description": "Specify if the blade should show switch." }, "onSave": { "type": "() => boolean | Promise<boolean>", "description": "Trigger when user click save, return true if ok to close the blade." }, "onSwitch": { "type": "(value:boolean) => boolean | Promise<boolean>", "description": "Trigger when user toggle switch, return true if ok to close the blade." }, "icon": { "type": "IIcon", "description": "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc." }, "size": { "type": "BladeSizeTypes", "description": "Specify the size of the blade. Small will show the header buttons as icons.", "defaultValue": "\"x-small\"" }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "items": { "type": "JourneyMenuItem[]", "description": "An array of menu items used for automatically generating menu items", "defaultValue": "defaultItems" }, "documentation": { "type": "Documentation", "description": "Specifies the documentation reference for the blade header. Provide the corresponding Omnia documentation URL along with a display title." } }, "slots": { "selection": { "type": "(selected:JourneyMenuItem) => VNodeChild", "description": "Custom renderer selected node." }, "actionsFooter": { "type": "() => VNodeChild" } } }, "omfx-settings-journey-menu": { "emits": {}, "models": {}, "props": { "items": { "type": "SettingsJourneyMenuItem[] | Ref<SettingsJourneyMenuItem[]>" }, "getApi": { "type": "(store:ReturnType<useJourneyStore>) => void" }, "variant": { "type": "wizard | navigation", "defaultValue": "\"navigation\"" }, "onCreate": { "type": "() => boolean | Promise<boolean>" } }, "slots": { "append": { "type": "() => VNodeChild" }, "item": { "type": "(item:SettingsJourneyMenuItem, index:Number) => VNodeChild" } } }, "omfx-journey-documentation": { "emits": {}, "models": {}, "props": { "documentation": { "type": "Documentation" }, "bladeId": { "type": "guid" } }, "slots": {} }, "omfx-export-import-json": { "emits": { "click:import": { "type": "(data:any) => void" } }, "models": { "modelValue": { "type": "Object" } }, "props": { "readOnly": { "type": "boolean" }, "size": { "type": "ODialogSizes" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-language-picker": { "emits": {}, "models": { "modelValue": { "type": "Language | Array<Language>" } }, "props": { "variant": { "type": "LanguagePickerVariant" }, "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" }, "enableContextSettings": { "type": "boolean" }, "loadLanguage": { "type": "() => Promise<Array<Language>>" }, "clearable": { "type": "boolean" }, "required": { "type": "boolean" }, "styles": { "type": "LanguagePickerStyles" }, "defaultLanguage": { "type": "Language" }, "multiSelectionStyle": { "type": "OMultiSelectionStyles" }, "multiple": { "type": "boolean" }, "excludeCountry": { "type": "boolean" } }, "slots": { "chip": { "type": "(item:OSelectRenderingItem<number,Language>, index:Number) => VNodeChild" }, "item": { "type": "(item:OSelectRenderingItem<number,Language>, index:Number) => VNodeChild" } } }, "omfx-letter-avatar": { "emits": {}, "models": {}, "props": { "name": { "type": "string" }, "size": { "type": "OSizeTypes" }, "color": { "type": "string" } }, "slots": {} }, "omfx-limited-label": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-link-picker": { "emits": {}, "models": { "modelValue": { "type": "LinkItem" } }, "props": { "allowProviders": { "type": "LinkProviderId[]" }, "height": { "type": "number", "description": "Sets the height for the component." } }, "slots": {} }, "omfx-link-renderer": { "emits": {}, "models": { "modelValue": { "type": "LinkItem" } }, "props": { "hideTitle": { "type": "boolean" }, "disabled": { "type": "boolean" } }, "slots": { "renderer": { "type": "(link:LinkItem) => void" } } }, "omfx-magiclink-login": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-magiclink-success": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-magiclink-failure": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-markdown-editor": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "hideToolbar": { "type": "boolean", "description": "Hides the toolbar", "defaultValue": false }, "toolbarContainer": { "type": "boolean", "description": "Uses toolbar container", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies toned styling", "defaultValue": false }, "noWrap": { "type": "boolean", "description": "Disables text wrapping", "defaultValue": false }, "placeholder": { "type": "string", "description": "Placeholder text for the editor" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "blueprint": { "type": "TextBlueprint", "description": "Applies a text blueprint to be used" }, "getApi": { "type": "(store:ReturnType<useMarkdownEditorStore>) => void", "description": "callback to get a reference to the markdown store. The store is used to interact with the markdown editor." }, "plugins": { "type": "object[]", "description": "Array of plugins to be used with the editor" } }, "slots": {} }, "omfx-markdown-renderer": { "emits": {}, "models": {}, "props": { "value": { "type": "string", "required": true }, "toned": { "type": "boolean", "defaultValue": false }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "blueprint": { "type": "TextBlueprint", "description": "Applies a text blueprint to be used" } }, "slots": {} }, "omfx-markdown-editor-toolbar": { "emits": {}, "models": {}, "props": { "editorId": { "type": "guid" } }, "slots": {} }, "omfx-media-picker-image": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-video": { "emits": {}, "models": { "video": { "type": "MediaPickerVideo" } }, "props": { "videodata": { "type": "string" }, "videoStyle": { "type": "string | object | object[]" }, "containerClass": { "type": "string" }, "thumbnailOnly": { "type": "boolean" }, "showCaption": { "type": "boolean" }, "inlineMediaNodeDisplayData": { "type": "string" } }, "slots": {} }, "monaco-editor": { "emits": { "update:modelValue": { "type": "(value:string) => void" }, "error": { "type": "(err:string) => void" }, "editorDidMount": { "type": "(editor:undefined) => void" }, "change": { "type": "(value:string, event:) => void" }, "contextMenu": { "type": "(event:) => void" }, "blur": { "type": "() => void" }, "blurText": { "type": "() => void" }, "configuration": { "type": "(event:) => void" }, "position": { "type": "(event:) => void" }, "selection": { "type": "(event:) => void" }, "modelDecorations": { "type": "(event:) => void" }, "modelLanguage": { "type": "(event:) => void" }, "modelOptions": { "type": "(event:) => void" }, "afterDispose": { "type": "() => void" }, "focus": { "type": "() => void" }, "focusText": { "type": "() => void" }, "layout": { "type": "(event:) => void" }, "scroll": { "type": "(event:) => void" }, "keydown": { "type": "(event:) => void" }, "keyup": { "type": "(event:) => void" }, "mouseDown": { "type": "(event:) => void" }, "mouseLeave": { "type": "(event:) => void" }, "mouseMove": { "type": "(event:) => void" }, "mouseUp": { "type": "(event:) => void" } }, "models": { "modelValue": { "type": "string" } }, "props": { "language": { "type": "string" }, "options": {} }, "slots": {} }, "omfx-multilingual-input": { "emits": {}, "models": { "modelValue": { "type": "MultilingualString", "disableAutoEmit": true } }, "props": { "grid": { "type": "boolean" }, "label": { "type": "string" }, "multilingualContext": { "type": "MultilingualContext" }, "styles": { "type": "Partial<MultilingualInputStyles>" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "multipleLines": { "type": "boolean" }, "disabled": { "type": "boolean" }, "filled": { "type": "boolean" }, "required": { "type": "boolean" }, "autofocus": { "type": "boolean" }, "validationOn": { "type": "lazy | input", "defaultValue": "\"lazy\"" } }, "slots": {} }, "omfx-multi-text-input": { "emits": { "update:modelValue": { "type": "(value:MultiTextInputItem<T1>) => void" }, "selectItem": { "type": "(item:MultiTextInputItem<T2>, index:number) => void" } }, "models": { "modelValue": { "type": "MultiTextInputItem<T1>" } }, "props": { "grid": { "type": "boolean", "defaultValue": false }, "mode": { "type": "OMultiTextInputModes", "defaultValue": "\"textfield\"" }, "label": { "type": "string" }, "disabled": { "type": "boolean", "defaultValue": false }, "items": { "type": "MultiTextInputItem<T2>[]" }, "itemValue": { "type": "string" }, "defaultValueItem": { "type": "MultiTextInputItem<T2>" }, "autofocus": { "type": "boolean" }, "hideEditGrid": { "type": "boolean" }, "rules": { "type": "ValidationRule[]" }, "selectionVisible": { "type": "boolean" }, "isAppendIcon": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-option-picker": { "emits": {}, "models": { "modelValue": { "type": "any[]", "defaultValue": "defaultModelValue" } }, "props": { "title": { "type": "string" }, "multipleChoice": { "type": "boolean" }, "options": { "type": "object[]" }, "optionValue": { "type": "string", "defaultValue": "\"id\"" }, "optionText": { "type": "string", "defaultValue": "\"title\"" }, "required": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-organizationtree": { "emits": { "newUserSelected": { "type": "(tree:OrgTree) => void" } }, "models": { "modelValue": { "type": "OrgTreeComponentSettings" } }, "props": {}, "slots": {} }, "omfx-permission-input": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(api:IPermissionInputApi) => void" }, "settings": { "type": "PermissionInputSettings" }, "contextParams": { "type": "" }, "onValueUpdated": { "type": "(rolePermissionSetting:Array<RolePermissionSetting>) => Promise<void>" }, "onValueUpdating": { "type": "() => Promise<void>" }, "hideSaveButton": { "type": "boolean" }, "disabled": { "type": "boolean" }, "serviceId": { "type": "guid" }, "dataSource": { "type": "" } }, "slots": {} }, "omfx-tenant-admin-permission-input": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(api:IPermissionInputApi) => void" }, "hideSaveButton": { "type": "boolean" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-persona": { "emits": { "userClick": { "type": "(user:OrgTreeUser) => void" } }, "models": {}, "props": { "user": { "type": "OrgTreeUser" }, "largeImage": { "type": "boolean", "defaultValue": false }, "highlight": { "type": "boolean", "defaultValue": false }, "linkToProfilecard": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-post-component": { "emits": {}, "models": {}, "props": { "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "provider": { "type": "PostProvider" }, "editContentOnTop": { "type": "boolean" }, "omniaServiceId": { "type": "guid" }, "postTypeId": { "type": "guid" }, "showMoreSize": { "type": "number", "defaultValue": 2 }, "styles": { "type": "PostStyle" }, "cardStyle": { "type": "LegacyThemeDefinition" }, "allowLikes": { "type": "boolean", "defaultValue": true }, "enableMention": { "type": "boolean", "defaultValue": false }, "customSlots": { "type": "IPostCustomSlots" }, "hideEditOption": { "type": "boolean", "defaultValue": false }, "getTopPostIds": { "type": "() => " }, "getUserHash": { "type": "() => " }, "topicPermissionDictionary": { "type": "" } }, "slots": {} }, "omfx-presetup-wizard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-profilecard": { "emits": { "onClick": { "type": "(e:Event) => void" } }, "models": {}, "props": { "user": { "type": "UserIdentity" }, "appendToBody": { "type": "boolean" }, "contentClass": { "type": "Array<string>" }, "target": { "type": "string" }, "color": { "type": "string" }, "href": { "type": "string" }, "ripple": { "type": "boolean", "defaultValue": true } }, "slots": { "renderChildren": { "type": "(content:ProfileCardTenantPeopleInformationProps) => VNode" }, "default": { "type": "(content:ProfileCardItemScopedSlots) => VNode" } } }, "omfx-profilecard-dialog": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "user": { "type": "UserIdentity" } }, "slots": {} }, "omfx-profilecard-renderer": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "user": { "type": "UserIdentity" }, "removeElementAfterClosing": { "type": "boolean" } }, "slots": {} }, "omfx-profileswitch-btn": { "emits": {}, "models": {}, "props": { "isMobileMode": { "type": "boolean" } }, "slots": {} }, "omfx-datasource-property-picker": { "emits": { "propertyChanged": { "type": "(selection:IDataSourcePropertySelection, allowEdit:boolean) => void" } }, "models": {}, "props": { "filled": { "type": "boolean" }, "disabled": { "type": "boolean" }, "multiple": { "type": "boolean" }, "hideDetails": { "type": "boolean" }, "hideConfiguration": { "type": "boolean" }, "resetAfterSelected": { "type": "boolean" }, "selectionProperty": { "type": "IDataSourcePropertySelection" }, "selectableDataSources": { "type": "Array<guid>", "defaultValue": "emptyArray" }, "selectableProperties": { "type": "Array<PropertyDefinition<any,any,any>> | Array<PropertyDefinitionId>", "defaultValue": "emptyArray" }, "selectablePropertyConverters": { "type": "Array<guid>", "defaultValue": "emptyArray" }, "hideLabelIfSingleSource": { "type": "boolean" }, "onDataSourcePropertySelected": { "type": "(selection:IDataSourcePropertySelection, allowEdit:boolean) => Promise<void>" }, "hideConverter": { "type": "boolean", "defaultValue": false }, "variant": { "type": "PickerVariantTypes" } }, "slots": {} }, "omfx-property-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-definition-renderer": { "emits": {}, "models": { "modelValue": { "type": "PropertyValue" } }, "props": { "propertyDefintionId": { "type": "PropertyDefinitionId", "required": true }, "configuration": { "type": "PropertyConfiguration<PropertyDefinition<any,any,any>>", "required": true }, "disabled": { "type": "boolean", "defaultValue": false }, "editMode": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "displayRendererDefinition": { "type": "VelcronDefinition" }, "displayRendererContext": { "type": "VelcronRenderContext" } }, "slots": { "renderer": { "type": "(elementToRender:string, property:ResolvedPropertyDefinition) => VNodeChild | void" } } }, "omfx-property-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<PropertyDef>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<PropertyDef>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<PropertyDef>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<PropertyDef>) => VNodeChild" } } }, "omfx-property-cover": { "emits": {}, "models": {}, "props": {}, "slots": { "display": { "type": "(elementConfig:VNodeChild) => VNodeChild" }, "edit": { "type": "(elementConfig:VNodeChild) => VNodeChild" }, "setup": { "type": "(elementConfig:VNodeChild) => VNodeChild" } } }, "omfx-property-label-options": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-locking": { "emits": {}, "models": { "modelValue": { "type": "PropertyLockStatus" } }, "props": { "allowRollback": { "type": "boolean" }, "rollback": { "type": "Function" }, "styles": { "type": "PropertyLockingStyles" }, "showLockConfiguration": { "type": "boolean" }, "tooltip": { "type": "PropertyLockingTooltip" } }, "slots": {} }, "omfx-property-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor-tester": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rich-text-editor-settings": { "emits": {}, "models": { "modelValue": { "type": "RichTextEditorExtensionRegistration[]" } }, "props": { "showEditorPreview": { "type": "boolean" }, "variant": { "type": "journey | default", "defaultValue": "\"default\"" } }, "slots": {} }, "omfx-rich-text-editor-renderer": { "emits": {}, "models": {}, "props": { "editorContent": { "type": "string | MultilingualString" } }, "slots": {} }, "omfx-rich-text-editor-renderer-signin": { "emits": {}, "models": {}, "props": { "editorContent": { "type": "string | MultilingualString" } }, "slots": {} }, "omfx-rollup-empty": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-rollup-filter": { "emits": { "filterChange": { "type": "(filters:Array<RollupFilter>, searchText:string) => void" }, "mapRollupUiFilter": { "type": "(filters:Array<RollupFilter>) => void" } }, "models": { "modelValue": { "type": "RollupFilterModel" } }, "props": { "searchInputId": { "type": "string" }, "contentProperties": { "type": "Array<EnterprisePropertyDefinition>" }, "useRollupFilterRouter": { "type": "boolean" } }, "slots": {} }, "omfx-rollup-filter-picker": { "emits": {}, "models": { "modelValue": { "type": "Array<RollupFilter>" } }, "props": { "customFilters": { "type": "(filter:RollupFilter) => Array<PropertyFilter>" }, "selectableProperties": { "type": "Array<EnterprisePropertyDefinition>" }, "onChangePropertyFilter": { "type": "(filter:RollupFilter) => RollupFilter" } }, "slots": {} }, "omfx-security-trimmer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-selection": { "emits": {}, "models": { "modelValue": { "type": "SelectionItem<any>" } }, "props": { "items": { "type": "SelectionItem<any>[]", "defaultValue": "defaultItemsProp" }, "loading": { "type": "boolean" }, "label": { "type": "string" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-settings-pane": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-shape-divider-settings": { "emits": { "settingsUpdated": { "type": "(settings:ShapeDividerSettings) => void" } }, "models": {}, "props": { "settings": { "type": "ShapeDividerSettings" } }, "slots": {} }, "omfx-shape-divider": { "emits": {}, "models": {}, "props": { "invert": { "type": "boolean" }, "position": { "type": "ShapeDividerPositions" }, "flip": { "type": "boolean" }, "shape": { "type": "ShapeDividerTypes" }, "color": { "type": "string" }, "spacing": { "type": "Spacing" }, "borderradius": { "type": "number" }, "width": { "type": "number" }, "height": { "type": "number" } }, "slots": {} }, "omfx-sp-video": { "emits": { "loaded": { "type": "() => void" } }, "models": {}, "props": { "graphDriveId": { "type": "string" }, "graphDriveItemId": { "type": "string" }, "videoUrl": { "type": "string" }, "startTime": { "type": "string" }, "autoPlay": { "type": "boolean" }, "showTitle": { "type": "boolean" } }, "slots": {} }, "omfx-side-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-page": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-authentication-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-login-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-login-view": { "emits": {}, "models": {}, "props": { "settings": { "type": "AuthenticationBlockSettings" } }, "slots": {} }, "omfx-identity-creation-request-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-identity-creation-request-confirm-email-result-omnia": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-logout": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-site-logo-icon": { "emits": {}, "models": {}, "props": { "forceLetterAvatar": { "type": "boolean" }, "siteUrl": { "type": "string" }, "size": { "type": "number", "defaultValue": 30 } }, "slots": {} }, "omfx-comment-component": { "emits": {}, "models": {}, "props": { "showMoreSize": { "type": "number", "defaultValue": 10 }, "template": { "type": "guid", "defaultValue": "defaultTemplate" }, "comments": { "type": "Array<Comment>" }, "topicId": { "type": "string" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "enableBestReply": { "type": "boolean" }, "enableMention": { "type": "boolean" }, "canMarkBestReply": { "type": "boolean" }, "dynamicInput": { "type": "CommentLikeTemplateDynamicInput" }, "styles": { "type": "CommentStyles" }, "additionalRoles": { "type": "Array<string>" }, "sortOrder": { "type": "CommentSorting" }, "allowLikes": { "type": "boolean" }, "backgroundColor": { "type": "ColorValue" }, "foregroundColor": { "type": "ColorValue" }, "textColor": { "type": "ColorValue" }, "hideEdit": { "type": "boolean" }, "readOnly": { "type": "boolean" }, "hideReply": { "type": "boolean" }, "hideTotalNumber": { "type": "boolean" }, "hideLike": { "type": "boolean" }, "contextParams": { "type": "" } }, "slots": {} }, "omfx-people-tagging-component": { "emits": { "contentChanged": { "type": "(content:string) => void" }, "mentionChanged": { "type": "(mentions:Array<ResolvedUserIdentity>) => void" }, "registerFocus": { "type": "(callback:() => void) => void" } }, "models": {}, "props": { "content": { "type": "string" }, "disabled": { "type": "boolean" }, "resetContetnRte": { "type": "boolean" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "enableMention": { "type": "boolean" }, "autoFocus": { "type": "boolean" } }, "slots": {} }, "omfx-comment-dialog": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-like-component": { "emits": {}, "models": {}, "props": { "topicId": { "type": "string" }, "commendId": { "type": "string" }, "likeListingTemplate": { "type": "string", "defaultValue": "\"omfx-like-listing-template\"" }, "extendComponents": { "type": "Array<>" }, "likes": { "type": "Array<ISocialReaction>", "defaultValue": "defaultLikesModel" }, "styles": { "type": "LikeStyles" }, "isCompactMode": { "type": "boolean" }, "isSummaryMode": { "type": "boolean" }, "commentLikeService": { "type": "ICommentLikeService" }, "size": { "type": "small | default", "defaultValue": "\"default\"" }, "parentReactionSummaryElementId": { "type": "string" } }, "slots": {} }, "omfx-reactions": { "emits": { "reaction:added": { "type": "(value:Required<IUserReaction>) => true" }, "reaction:removed": { "type": "(value:Required<IUserReaction>) => true" }, "reaction:selected": { "type": "(value:Required<IUserReaction>) => true" } }, "models": { "modelValue": { "type": "Required<IUserReaction>[]", "defaultValue": "defaultVModel" } }, "props": { "variant": { "type": "ReactionVariants", "description": "The variant of the reactions component. Use picker or viewer if you only want to display otherwiser the result will be the picker once a reaction has been picked.", "defaultValue": "\"default\"" }, "stacked": { "type": "boolean", "description": "If true, the reactions will be rendered in a stacked style", "defaultValue": true } }, "slots": { "activator": { "type": "() => undefined" } } }, "omfx-status-code-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-status-message-overlay": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-tag-list": { "emits": { "tagSelected": { "type": "(selectedValue:Tag) => void" } }, "models": {}, "props": { "searchKeyword": { "type": "string" }, "promotedTagOptions": { "type": "PromotedTagOptions" } }, "slots": {} }, "omfx-template-picker": { "emits": {}, "models": { "modelValue": { "type": "TemplatePickerModel" } }, "props": { "templates": { "type": "Array<TemplatePickerModel>" }, "colsGrid": { "type": "number" }, "stylesTemplate": { "type": "TemplateStyles" }, "isSort": { "type": "boolean" } }, "slots": {} }, "omfx-text-translator": { "emits": { "translateCompleted": { "type": "(result:string) => void" } }, "models": {}, "props": { "text": { "type": "string" }, "srcLanguage": { "type": "LanguageTags" }, "forceTenantLanguages": { "type": "boolean", "defaultValue": false }, "buttonSettings": { "type": "object" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-time-period-picker": { "emits": {}, "models": { "modelValue": { "type": "TimePeriodSettings" } }, "props": { "min": { "type": "number", "defaultValue": 0 }, "label": { "type": "string" }, "disabled": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-timezone-picker": { "emits": {}, "models": { "modelValue": { "type": "TimeZone" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "filled": { "type": "boolean" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-url-input-legacy": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-user-presence": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-usertype-layout-renderer": { "emits": {}, "models": {}, "props": { "userTypeId": { "type": "guid", "required": true }, "editMode": { "type": "Boolean" }, "getApi": { "type": "(api:LayoutRendererCanvasApi) => void" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "mode": { "type": "UserTypeLayoutMode" } }, "slots": {} }, "omfx-field-validation": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-renderer-v2": { "emits": { "ready": { "type": "(apis:LayoutRendererCanvasApis) => void" } }, "models": {}, "props": { "layoutBackgroundImageElementId": { "type": "String" }, "height": { "type": "string" }, "appInstanceId": { "type": "guid", "required": true }, "versionedLayoutId": { "type": "VersionedLayoutId" }, "enableAlternateLayout": { "type": "boolean" }, "noScroll": { "type": "boolean" }, "layoutProvider": { "type": "string" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "publishedVersionReference": { "type": "IVersionReference" } }, "slots": {} }, "omfx-versioned-layout-editor": { "emits": { "getApi": { "type": "(api:VersionedLayoutEditorApi) => void" }, "closeEditor": { "type": "() => void" } }, "models": {}, "props": { "appInstanceId": { "type": "guid" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string" }, "serviceContainerContext": { "type": "ServiceContainerContext" } }, "slots": { "navigationDrawerLeft": { "type": "() => undefined" }, "navigationDrawerBottom": { "type": "() => undefined" } } }, "omfx-versioned-layout-editor-v2": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "settings": { "type": "VersionedLayoutEditorSettings" }, "appInstanceId": { "type": "guid" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "layoutProvider": { "type": "string" }, "showLayoutNavigation": { "type": "boolean" }, "subTitle": { "type": "string" }, "layoutFileContext": { "type": "LayoutFileContext" }, "layoutMediaContext": { "type": "LayoutMediaContext" }, "serviceContainerContext": { "type": "ServiceContainerContext" }, "getApi": { "type": "(store:ReturnType<useVersionedLayoutEditorStore>) => void" } }, "slots": { "navigation": { "type": "() => undefined" } } }, "omfx-versioned-history": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-controller": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-editor-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-video-player": { "emits": {}, "models": {}, "props": { "url": { "type": "string", "required": true }, "aspectRatio": { "type": "16:9 | 4:3 | 1:1" }, "autoplay": { "type": "boolean" }, "muted": { "type": "boolean" }, "placeholderImage": { "type": "string" }, "playButtonImage": { "type": "string" }, "placeholder": { "type": "VelcronDefinition" }, "playButton": { "type": "VelcronDefinition" }, "renderContext": { "type": "VelcronRenderContext" }, "hidePlayPause": { "type": "boolean" }, "hideProgressBar": { "type": "boolean" }, "hideVolumeControl": { "type": "boolean" }, "hideMuteButton": { "type": "boolean" }, "hideFullscreenButton": { "type": "boolean" }, "hideTimeDisplay": { "type": "boolean" } }, "slots": {} }, "omfx-wizard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-with-sp-alias-input": { "emits": {}, "models": {}, "props": { "alias": { "type": "string", "required": true }, "useOmniaRootRoute": { "type": "boolean" }, "onChanged": { "type": "(alias:string, useOmniRootRoute:boolean) => void" }, "omniaRoutePrefix": { "type": "string" }, "ignoreFromAppId": { "type": "guid" } }, "slots": {} }, "omfx-term-glossary-render": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-taxonomy-filterengine-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-selectionsarea-taxonomyproperty": { "emits": {}, "models": {}, "props": { "typedHandler": { "type": "TaxonomyFilterEngineHandler", "required": true }, "key": { "type": "string", "required": true }, "visibleSelectionsCount": { "type": "number", "required": true } }, "slots": {} }, "omfx-sp-language-picker": { "emits": {}, "models": { "modelValue": { "type": "Language" } }, "props": { "disabled": { "type": "boolean" }, "label": { "type": "string" }, "filled": { "type": "boolean" }, "hideDisplayFlag": { "type": "boolean" }, "hideDisplayName": { "type": "boolean" }, "loadLanguage": { "type": "() => Promise<Array<Language>>" } }, "slots": {} }, "omfx-sp-list-tree": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "spUrl": { "type": "string" }, "filter": { "type": "ListTreeFilter", "defaultValue": "defaultFilterProps" } }, "slots": {} }, "omfx-query-filter-builder": { "emits": {}, "models": { "modelValue": { "type": "QueryFilter[]", "required": true } }, "props": {}, "slots": {} }, "omfx-targeting-filter": { "emits": {}, "models": { "modelValue": { "type": "TargetingFilterProperty" } }, "props": { "disabled": { "type": "boolean" }, "fullWidth": { "type": "boolean" }, "lcid": { "type": "number" }, "label": { "type": "string" }, "multi": { "type": "boolean" } }, "slots": {} }, "omfx-sp-term-item": { "emits": { "click:closeIcon": { "type": "() => void" } }, "models": {}, "props": { "term": { "type": "Term", "required": true }, "tooltip": { "type": "string" }, "languageOption": { "type": "TermItemLanguageOptionProps" }, "termUISettings": { "type": "TermUISettings" }, "clickHandler": { "type": "TaxonomyFieldDisplayClickHander" }, "display": { "type": "TermItemRendererMode" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "(items:Array<>) => []" }, "closeable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-term-picker": { "emits": { "termsSelected": { "type": "(termIds:Array<guid>) => void" } }, "models": {}, "props": { "termSetId": { "type": "guid" }, "preSelectedTermIds": { "type": "guid[]", "defaultValue": "defaultPreSelectedTermIds" }, "label": { "type": "string" }, "multi": { "type": "boolean" }, "disabled": { "type": "boolean" }, "variant": { "type": "OSelectVariants" }, "required": { "type": "boolean" }, "allowCreateNewTerm": { "type": "boolean" }, "lcid": { "type": "number" }, "filterOptions": { "type": "(term:Term) => FilterOption" }, "startWithIds": { "type": "Array<guid>" }, "limitLevel": { "type": "number" }, "filled": { "type": "boolean" }, "singleLine": { "type": "boolean" }, "hideDetails": { "type": "boolean" }, "includeDeprecated": { "type": "boolean" }, "isEnterpriseKeyword": { "type": "boolean" }, "description": { "type": "string" }, "ariaDescribedby": { "type": "string" }, "ariaInvalid": { "type": "boolean" }, "promotedTagOptions": { "type": "PromotedTagOptions" } }, "slots": {} }, "omfx-termset-picker": { "emits": {}, "models": { "modelValue": { "type": "guid" } }, "props": { "label": { "type": "string" }, "disabled": { "type": "boolean" }, "readonly": { "type": "boolean" }, "clearable": { "type": "boolean" }, "scrollableMaxHeight": { "type": "number" }, "filled": { "type": "boolean", "defaultValue": true } }, "slots": {} }, "omnia-admin": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-admin-renderer": { "emits": { "mounted": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "omfx-queryable-enterpriseproperties": { "emits": {}, "models": {}, "props": { "serviceId": { "type": "guid" }, "additionalBuiltInProperties": { "type": "guid[]" }, "additionalTitle": { "type": "string" }, "tableName": { "type": "string" } }, "slots": {} }, "oa-recaptcha-secret": { "emits": {}, "models": { "modelValue": { "type": "Secret" } }, "props": { "profileId": { "type": "guid" }, "getApi": { "type": "(api:ISecretFormApi) => void", "required": true }, "bladeId": { "type": "guid" } }, "slots": {} }, "oa-recurrence-setting": { "emits": {}, "models": { "modelValue": { "type": "RecurrenceSettings" } }, "props": { "variant": { "type": "RecurrenceSettingsVairant", "defaultValue": "\"form\"" } }, "slots": {} }, "oa-recurrence-status": { "emits": {}, "models": {}, "props": { "value": { "type": "RecurrenceSettings" } }, "slots": {} }, "oa-tenant-secrets-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-secrets-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-security-journey": { "emits": {}, "models": {}, "props": { "scope": { "type": "SecurityScope" } }, "slots": {} }, "omnia-tad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-pad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-aad-security-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-tenantadmin-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-system-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-system-layout": { "emits": {}, "models": {}, "props": { "category": { "type": "AdminNavigationBuiltInCategory" } }, "slots": {} }, "oa-tenant-user-management-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-bp-user-management-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-type-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-sync-provider-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-sync-provider-logs": { "emits": {}, "models": {}, "props": { "providerId": { "type": "guid" } }, "slots": {} }, "oa-user-management-user-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-active-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-detail": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-user-pending-approval-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-bp-user-management-authentication": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "string", "required": true } }, "slots": {} }, "oa-user-management-user-delete-journey": { "emits": { "restored": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "oa-user-management-group-listing": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-group-detail": { "emits": { "save": { "type": "() => void" }, "delete": { "type": "() => void" } }, "models": {}, "props": { "group": { "type": "GroupIdentity" }, "businessProfileId": { "type": "string" }, "hasAdminPermission": { "type": "boolean" }, "readonly": { "type": "boolean" }, "getApi": { "type": "(api:GroupDetailBladeApi) => void" } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "oa-user-management-active-group-listing": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-deleted-group-listing": { "emits": { "navigateToDetail": { "type": "() => void" } }, "models": {}, "props": { "businessProfileId": { "type": "guid" } }, "slots": {} }, "oa-user-management-dynamicgroup-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperty-listing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperty-detail": { "emits": { "save": { "type": "() => void" }, "loadPropertiesToRender": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "oa-user-management-userproperties-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-self-service-user-management": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-user-management-login-log": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-metric-renderer": { "emits": { "click": { "type": "() => void" } }, "models": {}, "props": { "title": { "type": "string" }, "metricInfo": { "type": "number" }, "description": { "type": "string" }, "icon": { "type": "IIcon" }, "iconColor": { "type": "ColorValue" } }, "slots": {} }, "omfx-app-instance-rollup": { "emits": { "hideBlock": { "type": "(hidden:boolean) => void" }, "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "appDefinitionId": { "type": "guid" }, "settings": { "type": "AppInstanceRollupBlockSettings" } }, "slots": {} }, "omfx-app-instance-rollup-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupBlockSettings" } }, "props": { "appDefinitionId": { "type": "guid" } }, "slots": {} }, "omfx-app-instance-rollup-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-rollup-metric-detail": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "initialRenderingInstance": { "type": "AppInstanceRollupRenderingInstance" } }, "slots": {} }, "omfx-app-management": { "emits": { "layoutEditorOpened": { "type": "() => void" }, "layoutEditorClosed": { "type": "() => void" } }, "models": {}, "props": { "isStandalone": { "type": "boolean", "defaultValue": false }, "appDefinitionId": { "type": "guid" }, "title": { "type": "string" }, "compensationHeight": { "type": "number", "defaultValue": 0 }, "closable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-app-management-instance-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-app-management-template-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-app-management-layout-tab": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-management-namingpolicy-tab": { "emits": {}, "models": {}, "props": { "title": { "type": "string" }, "icon": { "type": "IIcon" } }, "slots": {} }, "omfx-tab-management": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-image-input": { "emits": {}, "models": { "modelValue": { "type": "AppInstance" } }, "props": { "label": { "type": "string" }, "imageWidth": { "type": "number" }, "imageHeight": { "type": "number" }, "alignX": { "type": "OHorizontalAlignments" } }, "slots": {} }, "omfx-app-instance-delete-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-appinstance-editing-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-permission-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-appinstance-progress-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-route-path-blade": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-properties-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-property-naming-policy-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-information-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-users-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-enterprise-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-provisioning-summary-step": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-wizard": { "emits": { "refreshAllTabs": { "type": "() => void" } }, "models": {}, "props": { "styles": { "type": "WizardStyles" }, "stylesTemplate": { "type": "TemplateStyles" }, "initialAppTemplate": { "type": "AppTemplate" }, "initialAppDefinition": { "type": "AppDefinition" }, "initialAppInstance": { "type": "AppInstance" }, "templatesToShow": { "type": "Array<guid>" }, "isOnDialog": { "type": "boolean" }, "horizontalMinHeight": { "type": "number" }, "colsGrid": { "type": "number" }, "templatePickerWrapperClass": { "type": "string" }, "isSort": { "type": "boolean" }, "isBlade": { "type": "boolean" } }, "slots": {} }, "omfx-app-route-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-show-in-public-listings-input": { "emits": {}, "models": { "modelValue": { "type": "AppInstance" } }, "props": {}, "slots": {} }, "omfx-app-description-input": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": {}, "slots": {} }, "omfx-app-title-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-validator-wrapper": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-users-summary": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-properties-summary": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-provisioning-information-summary": { "emits": {}, "models": {}, "props": { "appInstance": { "type": "AppInstance", "required": true }, "appTemplate": { "type": "AppTemplate" } }, "slots": {} }, "omnia-theming-selector-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-theming-designer-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-theme-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-docs": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-size-container": { "emits": {}, "models": {}, "props": { "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited" }, "getApi": { "type": "(store:ReturnType<useSizeContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." } }, "slots": {} }, "omfx-enterpriseglossary-term-base": { "emits": { "click:closeIcon": { "type": "() => void" } }, "models": {}, "props": { "getTermTitle": { "type": "() => string" }, "getTerm": { "type": "() => Term" }, "getTermUISettings": { "type": "() => TermUISettings" }, "enterpriseGlossaryTermHandlerFunc": { "type": "() => void" }, "additionalClickHandler": { "type": "EnterpriseGlossaryTermAdditonalClickHander" }, "availableToRenderTooltip": { "type": "(items:Array<>) => []" }, "appendItems": { "type": "Array<>" }, "additionalMenus": { "type": "Array<Menu>" }, "closeable": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-enterpriseproperty-picker": { "emits": { "change": { "type": "(propertyInternalName:string | Array<string>) => void" } }, "models": { "modelValue": { "type": "Array<string> | string" }, "queryFilter": { "type": "QueryFilter[]" } }, "props": { "preSelectedPropertyInternalName": { "type": "string | Array<string>", "description": "Depricated use v-model instead", "defaultValue": "emptyArray" }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "variant": { "type": "OSelectVariants | condition | journey | list" }, "disabled": { "type": "boolean", "defaultValue": false }, "multiple": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean", "defaultValue": false }, "labelAddProp": { "type": "string" }, "labelAddValue": { "type": "string" }, "excludedPropertyTypeIds": { "type": "Array<guid>", "defaultValue": "excludedPropertyTypeIds" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "enableFilter": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-enterpriseproperty-list-picker": { "emits": { "selectedProperty": { "type": "(item:T) => void" } }, "models": { "modelValue": { "type": "Array<T>" } }, "props": { "returnObject": { "type": "boolean", "defaultValue": false }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "labelAdd": { "type": "string" } }, "slots": { "settings": { "type": "(item:T) => VNodeChild" } } }, "omfx-enterprise-property-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterprise-property-configuration-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperty-setting-picker": { "emits": { "change": { "type": "(propertyInternalName:string | Array<string>) => void" }, "click:delete": { "type": "(item:JourneySelectItem<EnterprisePropertyDefinition | ExternalPropertySelectionItem>, index:Number) => true" } }, "models": {}, "props": { "preSelectedPropertyInternalName": { "type": "string | Array<string>", "defaultValue": "emptyArray" }, "propertyItems": { "type": "Array<EnterprisePropertyDefinition>", "defaultValue": "emptyArray" }, "externalPropertyItems": { "type": "Array<ExternalPropertySelectionItem>", "defaultValue": "emptyArray" }, "label": { "type": "string" }, "disabled": { "type": "boolean", "defaultValue": false }, "multiple": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean", "defaultValue": false }, "excludedPropertyTypeIds": { "type": "Array<guid>", "defaultValue": "excludedPropertyTypeIds" }, "hideDetails": { "type": "boolean", "defaultValue": false }, "allowDuplicate": { "type": "boolean", "defaultValue": false } }, "slots": { "selection": { "type": "(item:JourneySelectItem<EnterprisePropertyDefinition | ExternalPropertySelectionItem>, index:Number) => VNode" } } }, "omfx-test-features-component": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-flow-editor": { "emits": { "focus": { "type": "() => true" }, "update:modelValue": { "type": "(value:FlowContent) => true" } }, "models": { "modelValue": { "type": "FlowContent" } }, "props": { "placeholder": { "type": "string" }, "toolbar": { "type": "boolean" }, "getApi": { "type": "(api:) => void" }, "plugins": { "type": "Array<FlowEditorPluginSettings>" } }, "slots": {} }, "omfx-flow-renderer": { "emits": {}, "models": {}, "props": { "content": { "type": "FlowContent" }, "getApi": { "type": "(store:ReturnType<useFlowRendererStore>) => void" } }, "slots": {} }, "omfx-media-scaling-settings": { "emits": {}, "models": { "modelValue": { "type": "MediaScalingSettings" } }, "props": { "class": { "type": "String | String[]" }, "mandatory": { "type": "boolean" }, "group": { "type": "boolean" }, "hideScaling": { "type": "boolean" }, "hideRatio": { "type": "boolean" } }, "slots": {} }, "omfx-journey-select-base": { "emits": { "showAdd": { "type": "() => true" }, "showEdit": { "type": "(item:TItem, index:number) => true" }, "search": { "type": "(searchText:string) => true" }, "click:clear": { "type": "() => true" } }, "models": { "modelValue": { "type": "Array<any> | any" } }, "props": { "getApi": { "type": "(store:ReturnType<useJourneySelectStore>) => void", "description": "callback to get a reference to the store" }, "items": { "type": "Array<TItem>", "description": "Items to select from" }, "toned": { "type": "boolean", "description": "Sets the component to toned" }, "multiple": { "type": "boolean", "description": "If it is allowed to select multiple or single" }, "propertyValueMapping": { "type": "JourneySelectPropertyMapping<TItem>", "description": "Property value mappings" }, "returnSelectionAsObject": { "type": "boolean", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value" }, "label": { "type": "string", "description": "The label of the component" }, "labelAdd": { "type": "string", "description": "The add label of the component" }, "titleAdd": { "type": "string", "description": "The add title of the add blade" }, "titleEdit": { "type": "string", "description": "The edit title of the edit blade" }, "disableSearch": { "type": "boolean", "description": "Disables the automatic search" }, "disableSave": { "type": "boolean", "description": "If it is allowed save" }, "disabledAddButton": { "type": "string", "description": "Disables add button with explanatory tooltip" }, "sortable": { "type": "boolean", "description": "If it is allowed to sort" }, "readonly": { "type": "boolean", "description": "Disable add and delete" }, "list": { "type": "boolean", "description": "Always render the items as a list" }, "confirmDelete": { "type": "boolean", "description": "If you confirm before delete from the items" }, "noAddConfirm": { "type": "boolean", "description": "If items are added without a save button" }, "hideBladeAdd": { "type": "boolean", "description": "If addis not a blade and only fires events" }, "bladeless": { "type": "boolean", "description": "If add/edit is not a blade and only fires events" }, "actions": { "type": "ActionDefinition[]", "description": "Actions to display in the blade header of the selection blade" }, "itemSettingable": { "type": "(item:TItem) => boolean", "description": "Item has settings or not." }, "itemDeletable": { "type": "(item:TItem) => boolean", "description": "Item can be deleted or not." }, "onClickAdd": { "type": "(item:Array<TItem> | TItem) => void | boolean | Promise<boolean>" }, "onRemoveItem": { "type": "(item:TItem) => void | boolean | Promise<boolean>" }, "onClickUpdate": { "type": "(item:TItem, index:number) => void | boolean | Promise<boolean>" }, "onClickDelete": { "type": "(item:TItem, index:number) => void | boolean | Promise<boolean>" } }, "slots": { "selectionItemRender": { "type": "(item:JourneySelectItem<any>, index:number, isSelected:boolean) => VNodeChild" }, "selectionRender": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" }, "settingsRender": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" }, "settingsRenderV2": { "type": "(item:) => VNodeChild" }, "selectionRenderV2": { "type": "(item:) => VNodeChild" }, "actions": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" } } }, "omfx-journey-selection-list": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-journey-select": { "emits": {}, "models": { "modelValue": { "type": "any" } }, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "Sets the label of the component." }, "items": { "type": "TItem", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "itemTitle": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its title." }, "itemValue": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its value." }, "returnObject": { "type": "TReturnObject", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value." }, "multiple": { "type": "boolean", "description": "Multiple selection.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "multiSelectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "itemDeletable": { "type": "(item:ItemType<TItem>) => boolean", "description": "Item can be deleted or not." } }, "slots": { "item": { "type": "(item:JourneySelectItem<any>, index:number, isSelected:boolean) => VNodeChild" }, "filter": { "type": "() => VNodeChild" }, "selection": { "type": "(item:JourneySelectItem<any>, index:number) => VNodeChild" } } }, "omfx-layout-editor-canvas": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-editor-canvas-v2": { "emits": {}, "models": {}, "props": { "store": { "type": "ReturnType<useLayoutCanvasStore>" } }, "slots": {} }, "omnia-layout-action-btn": { "emits": {}, "models": {}, "props": { "actionHandler": { "type": "ActionHandlerInstance" } }, "slots": {} }, "omnia-layout-action-btn-settings": { "emits": { "updateActionHandler": { "type": "() => void" } }, "models": {}, "props": { "actionHandler": { "type": "ActionHandler", "required": true } }, "slots": {} }, "omfx-layout-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-renderer-helper": { "emits": {}, "models": {}, "props": { "blockId": { "type": "guid" }, "blockRenderer": { "type": "() => undefined" }, "settingsStorage": { "type": "ISettingsStorage<any>" }, "layoutProvider": { "type": "string" }, "isEditMode": { "type": "boolean" }, "mediaContext": { "type": "LayoutMediaContext" }, "fileContext": { "type": "LayoutFileContext" }, "onSettingsElementUpdated": { "type": "(element:string) => void" }, "onBlockInstanceCreated": { "type": "(blockInstance:IBlockInstance) => void" }, "blockManifestId": { "type": "guid" }, "blockElementToRender": { "type": "string" } }, "slots": {} }, "omfx-layout-block-settings-helper": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-renderer-canvas": { "emits": {}, "models": {}, "props": { "designRender": { "type": "boolean" }, "getApi": { "type": "(inst:LayoutRendererCanvasApi, layoutCanvasStore:LayoutCanvasStore) => void" }, "height": { "type": "string" }, "provider": { "type": "string" }, "disableScrollCompensation": { "type": "boolean", "defaultValue": false }, "noScroll": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-layout-renderer-canvas-v2": { "emits": {}, "models": {}, "props": { "designRender": { "type": "boolean" }, "height": { "type": "string" }, "provider": { "type": "string" }, "disableScrollCompensation": { "type": "boolean" }, "noScroll": { "type": "boolean" } }, "slots": {} }, "omfx-photowall-slider-display-renderer": { "emits": {}, "models": {}, "props": { "media": { "type": "Array<MediaPickerMedia>" }, "mediaData": { "type": "string" }, "imageStyle": { "type": "string" }, "disableDialog": { "type": "boolean" }, "inlineMediaNodeDisplayData": { "type": "string" } }, "slots": {} }, "omfx-media-display-renderer": { "emits": {}, "models": {}, "props": { "media": { "type": "MediaPickerMedia | MediaPickerMedia[]", "required": true }, "imageRatioId": { "type": "number" }, "mediaStyle": { "type": "string | object | object[]" }, "mediaClass": { "type": "string" }, "showCaption": { "type": "boolean" }, "thumbnailOnly": { "type": "boolean" }, "fill": { "type": "ContainerFillValue" }, "fillOpacity": { "type": "number" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-media-picker-v2": { "emits": { "save": { "type": "(result:MediaPickerMedia | MediaPickerMedia[]) => void" }, "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean", "defaultValue": false }, "selectedMedia": { "type": "SelectedMedia" } }, "props": { "providerContext": { "type": "MediaPickerStorageProviderContext" }, "enableGallery": { "type": "boolean" }, "settings": { "type": "MediaPickerImageSettings" }, "galleryItemLimit": { "type": "number", "defaultValue": -1 }, "enableMediaCaption": { "type": "boolean" }, "providerConfiguration": { "type": "(providers:MediaPickerProvider[]) => MediaPickerProvider[]" }, "selectableMediaTypes": { "type": "undefined[]" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-media-imagegrid-v2": { "emits": {}, "models": {}, "props": { "appendToGrid": { "type": "boolean", "defaultValue": false }, "handler": { "type": "IMediaPickerProviderHandler" } }, "slots": { "itemDetailSlot": { "type": "(item:MediaItem) => VNodeChild" }, "itemOverlaySlot": { "type": "(item:MediaItem) => VNodeChild" } } }, "omfx-image-transformer-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-provider": { "emits": {}, "models": {}, "props": { "handler": { "type": "IMediaPickerProviderHandler", "description": "The handle for providers including the logic for searching, selecting media, scaling image.", "required": true }, "searchable": { "type": "boolean", "description": "Specify if the provider should show a search field.", "defaultValue": false }, "welcomeMessage": { "type": "boolean", "description": "Show a welcome message when the provider is loaded.", "defaultValue": false }, "enableNoResultText": { "type": "boolean", "description": "Enable no result text when no results are found.", "defaultValue": false }, "infiniteScroll": { "type": "boolean", "description": "If true, the provider will load more items when the end of the scroll is reached.", "defaultValue": false }, "type": { "type": "T", "description": "Specify provider type.", "required": true } }, "slots": { "search": { "type": "() => VNodeChild", "description": "Slot for custom search field." }, "provider": { "type": "() => VNodeChild", "description": "The handle for providers including the logic for searching, selecting media, scaling image." }, "filter": { "type": "() => VNodeChild", "description": "Slot for custom filter field." } } }, "omfx-microsoft-stream-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-vimeo-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-youtube-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-bing-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-central-image-location-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-media-picker-dalle-provider": { "emits": {}, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-media-picker-mediaflow-provider": { "emits": { "save": { "type": "() => void" } }, "models": {}, "props": { "preSelectedMedia": { "type": "MediaPickerVideo" } }, "slots": {} }, "omfx-mediaflow-provider-video-player": { "emits": {}, "models": {}, "props": { "video": { "type": "string", "required": true } }, "slots": {} }, "omfx-media-picker-mycomputer-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-picker-pexels-provider-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-sharepoint-video-settings": { "emits": {}, "models": { "modelValue": { "type": "MediaPickerSharePointVideo" } }, "props": { "enableMediaCaption": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-media-picker-unsplash-provider": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-reportees": { "emits": { "userClick": { "type": "(user:OrgTreeUser) => void" } }, "models": {}, "props": { "users": { "type": "OrgTreeUser[]" }, "manager": { "type": "OrgTreeUser" } }, "slots": {} }, "o-action-menu": { "emits": { "click:item": { "type": "(item:ActionDefinition, index:number) => void", "description": "Emits when an item is clicked" }, "valueChanged": { "type": "(item:ActionSwitchDefinition) => true" } }, "models": {}, "props": { "items": { "type": "ActionDefinition[]", "description": "The items of the action menu. It will be used to display buttons.", "defaultValue": "defaultActions" }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "gapX": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges." } }, "slots": { "item": { "type": "(item:ActionDefinition, index:number) => VNodeChild" }, "menuItem": { "type": "(item:ActionDefinition, index:number) => VNodeChild" } } }, "o-alert": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component that controls the visibility of the alert.", "disableAutoEmit": true, "defaultValue": false } }, "props": { "text": { "type": "string", "description": "The text of the alert." }, "closable": { "type": "boolean", "description": "Adds a close icon that can hide the alert." }, "variant": { "type": "OAlertTypes", "description": "Create a specialized alert that uses a contextual color and has a pre-defined icon." }, "icon": { "type": "IIcon", "description": "Applies a tonal color to the text." } }, "slots": {} }, "o-app-bar": { "emits": { "click:navigation": { "type": "() => void" }, "click:close": { "type": "() => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited." }, "icon": { "type": "IIcon", "description": "The icon of the appbar." }, "id": { "type": "string" }, "absolute": { "type": "boolean", "description": "Applies position: absolute to the component." }, "variant": { "type": "OAppBarTypes", "description": "Applies a distinct style to the component." }, "navigation": { "type": "boolean", "description": "Displays a navigation icon on the left side of the appbar. It also emits a click:navigation event when clicked." }, "navigationExpanded": { "type": "boolean", "description": "If the navigation is expanded or not when the appbar is first rendered.", "defaultValue": false }, "closable": { "type": "boolean", "description": "Displays a close icon on the right side of the appbar. It also emits a click:close event when clicked." }, "title": { "type": "string", "description": "Specify the title of the app bar." }, "subTitle": { "type": "string", "description": "Specify a subtitle for the app bar and the title is displayed in a breadcrumb style where the subTittle is prominent." } }, "slots": { "actionButtons": { "type": "() => VNodeChild" } } }, "o-avatar": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "color": { "type": "string", "description": "The color of the component." }, "toned": { "type": "boolean", "description": "If the toned color should be used.", "defaultValue": false }, "size": { "type": "OSizeTypes | number", "description": "The size of the component." }, "colorType": { "type": "ColorType", "description": "Sets the colorType to use for the icons. Default is onBase." }, "gradient": { "type": "boolean", "description": "Applies a gradient effect to the component.", "defaultValue": false }, "showIndicator": { "type": "boolean", "description": "Show the avatar halo.", "defaultValue": false }, "notificationCount": { "type": "number", "description": "Show the number in badge." } }, "slots": {} }, "o-badge": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "location": { "type": "OPosition", "description": "Specifies the component’s location. Can combine by using a space separated string.", "defaultValue": "\"top end\"" }, "color": { "type": "string", "description": "The color of the component." }, "content": { "type": "string | number", "description": "Text content to show in the badge.", "defaultValue": "\"\"" }, "dot": { "type": "boolean", "description": "Reduce the size of the badge and hide its contents.", "defaultValue": false }, "bordered": { "type": "boolean", "description": "Applies a 2px by default and 1.5px border around the badge when using the dot property.", "defaultValue": false }, "offsetX": { "type": "number", "description": "Offset the badge on the x-axis." }, "offsetY": { "type": "number", "description": "Offset the badge on the y-axis." }, "inline": { "type": "boolean", "description": "Moves the badge to be inline with the wrapping element. Supports the usage of the left prop.", "defaultValue": false }, "icon": { "type": "IIcon", "description": "The icon to be displayed." } }, "slots": {} }, "o-breadcrumbs": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "items": { "type": "[]", "description": "An array of strings or objects used for automatically generating children components.", "defaultValue": "emptyArray" }, "icon": { "type": "IIcon", "description": "Prepend a specific icon" }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": { "divider": { "type": "() => VNodeChild" }, "title": { "type": "(undefined:) => VNodeChild" } } }, "o-btn": { "emits": { "click": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "icon": { "type": "ButtonIconOptions", "description": "The icon to be displayed." }, "caretIcon": { "type": "ButtonIconOptions", "description": "The caret icon to be displayed." }, "text": { "type": "string", "description": "Specifies the text to display on the button." }, "href": { "type": "string", "description": "Designates the component as anchor and applies the href attribute." }, "target": { "type": "_blank | _self | _parent | _top | framename", "description": "The target attribute specifies where to open the linked document." }, "variant": { "type": "OButtonVariants", "description": "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars." }, "overrides": { "type": "object", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button." }, "preset": { "type": "OButtonPreset", "description": "Sets the default values of the button to the specified preset." }, "tooltip": { "type": "TooltipOptions", "description": "Sets tooltip to display when hovering the button." }, "size": { "type": "OSizeTypes", "description": "Sets the size of the button. Only works with icon buttons." }, "grouped": { "type": "boolean", "description": "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed.", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies a toned background to the button. Should be used when the button is displayed on a colored background.", "defaultValue": false }, "transparentHover": { "type": "boolean", "description": "Makes the button transparent and no hover effect.", "defaultValue": false }, "transparent": { "type": "boolean", "description": "Makes the button transparent and no hover effect.", "defaultValue": false }, "fill": { "type": "boolean", "description": "Makes the button fill the container.", "defaultValue": false }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": false }, "loading": { "type": "boolean", "description": "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar.", "defaultValue": false }, "slim": { "type": "boolean", "description": "Creates a slim variant of the button without the default height", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "block": { "type": "boolean", "description": "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog.", "defaultValue": false }, "animation": { "type": "OIconAnimations", "description": "Sets the animation on the icon when hovering the button." }, "blueprint": { "type": "ButtonBlueprint | ButtonBlueprintVariant", "description": "Sets a custom blueprint for the button." }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "o-btn-group": { "emits": {}, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OButtonGroupTypes", "description": "Applies a distinct style to the component." }, "mandatory": { "type": "boolean", "description": "Forces at least on item to always be selected.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "toggle": { "type": "boolean", "description": "If true, the component will toggle the selected buttons when clicked", "defaultValue": false } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-calendar": { "emits": {}, "models": { "modelValue": { "type": "Date[]", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "events": { "type": "T[]", "description": "Array of events specific to this interval." }, "viewMode": { "type": "month | day | week", "description": "The current view mode of the calendar.", "defaultValue": "\"month\"" }, "weekdays": { "type": "Array<0 | 1 | 2 | 3 | 4 | 5 | 6>", "description": "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]", "defaultValue": "defaultWeekDays" }, "year": { "type": "number", "description": "Specifies the year for the calendar view." }, "month": { "type": "number", "description": "Specifies the month for the calendar view." }, "intervalHeight": { "type": "number", "description": "Height of the interval in pixels in the calendar view." }, "intervals": { "type": "number", "description": "Total number of intervals in a day view.", "defaultValue": 24 }, "intervalStart": { "type": "number", "description": "Starting time for this specific interval.", "defaultValue": 0 }, "max": { "type": "Date", "description": "Maximum date or value that can be selected." }, "min": { "type": "Date", "description": "Minimum date or value that can be selected." }, "hideWeekNumber": { "type": "boolean", "description": "Toggles the display of week numbers in a calendar view.", "defaultValue": false }, "hideDayHeader": { "type": "boolean", "description": "Determines whether the day header is visible in the calendar day view.", "defaultValue": false }, "hideHeader": { "type": "boolean", "description": "Determines whether the header is hidden in the calendar view.", "defaultValue": false }, "allowedDates": { "type": "Date[] | ", "description": "Determines which dates are selectable." } }, "slots": { "event": { "type": "(event:) => VNodeChild" }, "header": { "type": "(header:) => VNodeChild" } } }, "o-card": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "defaultValue": false }, "color": { "type": "string", "description": "The color of the component." }, "height": { "type": "string | number", "description": "Sets the height for the component." } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "o-chart": { "emits": {}, "models": {}, "props": { "data": { "type": "OChartData<OChartVariants>", "description": "Specify the chart's data. Follow the structure of Chartjs's ChartData.", "required": true }, "options": { "type": "OChartOptions<OChartVariants>", "description": "Specify the chart's options. Follow the structure of Chartjs's ChartOptions.", "defaultValue": "emptyOptions" }, "variant": { "type": "OChartVariants", "description": "Type of chart to render.", "defaultValue": "\"bar\"" }, "height": { "type": "number", "description": "The height of the chart." } }, "slots": {} }, "o-checkbox": { "emits": {}, "models": { "modelValue": { "type": "T", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "emptyRules" }, "label": { "type": "string", "description": "Sets the label of the component." }, "value": { "type": "any", "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "hint": { "type": "string", "description": "Displays hint text below the input when focused.Force this always open with the persistent-hint property.", "defaultValue": "\"\"" }, "persistentHint": { "type": "boolean", "description": "Always show hint text." } }, "slots": { "label": { "type": "() => VNodeChild", "description": "Slot used to customize the label." } } }, "o-chip": { "emits": { "click:close": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "gradient": { "type": "boolean", "description": "Applies a gradient effect to the component.", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies a toned color to the component.", "defaultValue": false }, "size": { "type": "OSizeTypes", "description": "The size of the component." }, "text": { "type": "string", "description": "Specify content text for the component." }, "color": { "type": "string", "description": "The color of the component." }, "closable": { "type": "boolean", "description": "Adds remove button and then a chip can be closed.", "defaultValue": false }, "sortable": { "type": "boolean", "description": "Adds remove button and then a chip can be closed.", "defaultValue": false }, "label": { "type": "boolean", "description": "Applies a medium size border radius.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "blueprint": { "type": "ChipBlueprint", "description": "Sets a custom blueprint for the chip." } }, "slots": { "prependAvatar": { "type": "() => VNodeChild" }, "appendAvatar": { "type": "() => VNodeChild" }, "prependIcon": { "type": "() => VNodeChild" }, "appendIcon": { "type": "() => VNodeChild" } } }, "o-color-picker": { "emits": {}, "models": { "modelValue": { "type": "string", "description": "The v-model of the component." } }, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "description": "Toned color picker.", "defaultValue": false }, "variant": { "type": "ColorPickerVariant", "description": "The variant of the color picker." }, "label": { "type": "string", "description": "Specifies the label to display on the component." }, "labelColor": { "type": "string", "description": "Specifies the color of the label." }, "selectedColorAsLabel": { "type": "boolean", "description": "Displays the selected color on the label.", "defaultValue": false }, "show": { "type": "boolean", "description": "Control show/hide of the color picker.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component.", "defaultValue": false } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-col-grid": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "alignSelf": { "type": "OAlignmentTypes", "description": "Applies the align-items css property." }, "toned": { "type": "boolean", "defaultValue": false }, "variant": { "type": "OColumnVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "cols": { "type": "OColValues", "description": "Sets the default number of columns the component extends. Available ptions are: 1->12 and auto." }, "xs": { "type": "OColValues", "description": "Changes the number of columns on extra small and greater breakpoints." }, "sm": { "type": "OColValues", "description": "Changes the number of columns on small and greater breakpoints." }, "md": { "type": "OColValues", "description": "Changes the number of columns on medium and greater breakpoints." }, "lg": { "type": "OColValues", "description": "Changes the number of columns on large and greater breakpoints." }, "xl": { "type": "OColValues", "description": "Changes the number of columns on extra large and greater breakpoints." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-col": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "grow": { "type": "number", "description": "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex." }, "toned": { "type": "boolean", "defaultValue": false }, "width": { "type": "string | number", "description": "Sets the width of the column." }, "minWidth": { "type": "string | number", "description": "Sets the min width of the column" }, "alignY": { "type": "OVerticalAlignments", "description": "Sets the vertical alignment of the column." }, "alignX": { "type": "OHorizontalAlignments", "description": "Sets the horizontal alignment of the columns." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-container-fill": { "emits": {}, "models": {}, "props": { "fill": { "type": "ContainerFillValue" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "o-data-table": { "emits": { "update:expanded": { "type": "(expanded:string[]) => void", "description": "Emits when the expanded property of the options prop is updated." }, "update:sortBy": { "type": "(sort:SortItem[]) => void", "description": "Emits when the sortBy property of the options prop is updated." }, "update:options": { "type": "(options:DataTableOptions) => void", "description": "Emits when one of the options properties is updated." }, "update:page": { "type": "(page:number) => void", "description": "Emits when the page property of the options prop is updated." }, "update:itemsPerPage": { "type": "(value:number) => void", "description": "Emits when the items-per-page property of the options prop is updated." }, "click:loadMore": { "type": "() => void" }, "visible:lastItem": { "type": "(item:TItem) => void" } }, "models": { "expanded": { "type": "Array<string>", "description": "Whether the item is expanded or not.", "disableAutoEmit": true }, "sortBy": { "type": "SortItem[]", "description": "Changes which item property (or properties) should be used for sort order.", "disableAutoEmit": true }, "items": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components.", "disableAutoEmit": true, "defaultValue": "emptyArray" }, "modelValue": { "type": "Array<any>", "description": "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.", "disableAutoEmit": true, "defaultValue": "emptyArray" } }, "props": { "class": { "type": "String | String[]" }, "mustSort": { "type": "boolean", "description": "If true then one can not disable sorting, it will always switch between ascending and descending.", "defaultValue": false }, "showSelect": { "type": "boolean", "description": "Shows a checkbox for each row.", "defaultValue": false }, "itemSelectable": { "type": "SelectItemKey<T>", "description": "SProperty on supplied items that indicates whether the item is selectable.", "defaultValue": false }, "height": { "type": "string | number", "description": "Sets and explicit height of the tablet." }, "noDataText": { "type": "string", "description": "Text shown when no items are provided to the component." }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "hover": { "type": "boolean", "description": "Property on supplied items that contains its value.", "defaultValue": false }, "mobileColumn": { "type": "number", "description": "Specific a column to render in mobile view.", "defaultValue": 1 }, "search": { "type": "string", "description": "Text input used to filter items." }, "searchBy": { "type": "[] | ", "description": "Property on supplied items that contains its value to search." }, "showExpand": { "type": "boolean", "description": "Shows the expand toggle in default rows.", "defaultValue": false }, "headers": { "type": "DataTableHeader[]", "description": "An array of objects that each describe a header column.", "defaultValue": "defaultHeaders" }, "variant": { "type": "TVariant", "description": "Applies a distinct style to the component." }, "itemsPerPage": { "type": "number", "description": "Changes how many items per page should be visible. If set a paging footer is displayed.", "required": true, "defaultValue": -1 }, "showLoadMore": { "type": "boolean", "description": "Shows the button to fetch more data.", "defaultValue": false }, "page": { "type": "number", "description": "The current page.", "defaultValue": 1 }, "itemHeight": { "type": "string | number", "description": "Height in pixels of each item to display." }, "itemsLength": { "type": "number", "description": "Number of all items.", "required": true } }, "slots": { "row": { "type": "(row:IDataTableRow<T>) => VNodeChild" }, "top": { "type": "() => VNodeChild" }, "expanded-row": { "type": "(e:) => VNodeChild" }, "header.,": { "type": "(header:DataTableHeader) => void" }, "item.,": { "type": "(e:) => void" } } }, "o-date-picker": { "emits": {}, "models": { "modelValue": { "type": "Date | Array<Date>", "description": "The date picker model.", "disableAutoEmit": true } }, "props": { "elevation": { "type": "string | number", "description": "Designates an elevation applied to the component between 0 and 24." }, "range": { "type": "boolean", "description": "Allow selecting a range of dates.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "showAdjacentMonths": { "type": "boolean", "description": "Toggles visibility of days from previous and next months.", "defaultValue": false }, "showWeek": { "type": "boolean", "description": "Toggles visibility of the week numbers in the body of the calendar.", "defaultValue": false }, "locale": { "type": "string", "description": "Specify the locale code to support a specific language." }, "inputMode": { "type": "keyboard | calendar", "description": "Toggles between showing dates or inputs.", "defaultValue": "\"calendar\"" }, "allowedDates": { "type": " | unknown[]", "description": "Restricts which dates can be selected." }, "location": { "type": "Anchor", "description": "Specifies the component's location. Can combine by using a space separated string." }, "position": { "type": "static | relative | fixed | absolute | sticky", "description": "Sets the position for the component." } }, "slots": { "actions": { "type": "() => VNodeChild" } } }, "o-dialog": { "emits": { "click:close": { "type": "() => void" }, "click:cancel": { "type": "() => void" }, "click:confirm": { "type": "() => void" }, "click:backButton": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component." } }, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean", "description": "If dialog is toned", "defaultValue": false }, "persistent": { "type": "boolean", "description": "Specify if the dialog is closed if clicked outside of the dialog.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts.", "defaultValue": false }, "title": { "type": "string", "description": "Specify the title of the dialog." }, "subTitle": { "type": "string", "description": "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent." }, "icon": { "type": "IIcon", "description": "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context." }, "hiddenCloseButton": { "type": "boolean", "description": "Hide the close button of the dialog.", "defaultValue": false }, "disabledFullScreenOnMobile": { "type": "boolean", "description": "Not allow auto full sreen on mobile.", "defaultValue": false }, "backButton": { "type": "boolean", "description": "I a back button is displayed to close the dialog.", "defaultValue": false }, "size": { "type": "ODialogSizes | number", "description": "Specify the size of the dialog. Default is mediumsize.", "defaultValue": "\"medium\"" }, "attach": { "type": "string", "description": "Specifies which DOM element the overlay content should teleport to." }, "variant": { "type": "ODialogTypes", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "contentHeight": { "type": "OContentHeight", "description": "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size.", "defaultValue": "\"static\"" }, "customScrolling": { "type": "boolean", "description": "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements.", "defaultValue": false }, "horizontalScroll": { "type": "boolean", "description": "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements.", "defaultValue": false }, "journey": { "type": "boolean", "description": "The dialog is a journey dialog where the header supports navigation.", "defaultValue": false }, "canClose": { "type": "(request:ODialogBuiltinButtons, buttonInstance:ODialogButtonInstance) => Future<void>", "description": "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close." }, "canBack": { "type": "(request:ODialogBuiltinButtons, buttonInstance:ODialogButtonInstance) => Future<void>", "description": "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close." }, "buttonApi": { "type": "(confirm:ODialogButtonInstance, cancel:ODialogButtonInstance) => void", "description": "Function that can get reference to the buttons to control the state of them." }, "location": { "type": "DialogLocation", "description": "Sets location of the dialog.", "defaultValue": "\"center\"" } }, "slots": { "fixedContent": { "type": "() => VNodeChild" }, "activator": { "type": "() => VNodeChild" }, "headerButtons": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" }, "icon": { "type": "() => VNodeChild" }, "navigation": { "type": "(apis:) => VNodeChild" }, "header": { "type": "() => VNodeChild" } } }, "o-divider": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OPageDividerTypes" }, "icon": { "type": "IIcon", "description": "The icon to be displayed." }, "label": { "type": "string" }, "vertical": { "type": "boolean", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "labelSize": { "type": "TextStyleSize | TextStyleSizes", "description": "Specifies the title typography size. Should be used only if the variants size does not match the context." }, "labelType": { "type": "TextStyleType | TextStyleTypes", "description": "Specifies the typography type. Should be used only if the variants size does not match the context." } }, "slots": {} }, "o-draggable": { "emits": { "sort:start": { "type": "() => true", "description": "Emit a sort start event." }, "sort:end": { "type": "() => true", "description": "Emit a sort end event." } }, "models": { "modelValue": { "type": "T[]", "description": "The draggable items." } }, "props": { "itemTitle": { "type": "string | ", "description": "Specify title property of an item or provide custom render it." }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "disabledItem": { "type": "string", "description": "Specify a class name for items that are disabled for sortable." }, "placeholderClass": { "type": "string", "description": "Custom styles of the placeholder." }, "variant": { "type": "ODraggableVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": { "item": { "type": "(item:T, index:number) => VNodeChild", "description": "Define a custom item appearance." } } }, "o-expansion-panels": { "emits": {}, "models": { "modelValue": { "type": "number | Array<number>", "description": "The v-model of the component." }, "items": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components." } }, "props": { "class": { "type": "String | String[]" }, "remove": { "type": "boolean | ", "description": "Enable removable row.", "defaultValue": false }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "variant": { "type": "OPanelTypes", "description": "Applies a distinct style to the component." }, "expandAll": { "type": "boolean", "description": "Expands all panels", "defaultValue": false }, "mandatory": { "type": "boolean", "description": "Forces at least one item to always be selected (if available).", "defaultValue": false }, "toned": { "type": "boolean", "description": "Applies the toned color schema to all panels.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Allows one to select multiple items.", "defaultValue": false }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." } }, "slots": { "item": { "type": "(item:IExpansionPanel<T>) => VNodeChild" } } }, "o-expansion-panel": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "title": { "type": "string", "description": "The title of the expansion panel." }, "icon": { "type": "IIcon", "description": "The icon of the expansion panel." }, "toned": { "type": "boolean", "defaultValue": false }, "density": { "type": "default | compact", "description": "Adjusts the vertical height used by the component.", "defaultValue": "\"default\"" }, "hideExpandIcon": { "type": "boolean", "description": "If true, the expand icon will be hidden.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO or you want to disable lazy load.", "defaultValue": false } }, "slots": { "prepend": { "type": "() => VNodeChild" }, "header": { "type": "() => VNodeChild" }, "default": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" } } }, "o-fab": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true, "defaultValue": true } }, "props": { "class": { "type": "String | String[]" }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": true }, "app": { "type": "boolean", "description": "If true, attaches to the closest layout and positions according to the value of location.", "defaultValue": false }, "block": { "type": "boolean", "description": "Expands the button to 100% of available space.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "stacked": { "type": "boolean", "description": "Displays the button as a column with the icon on top", "defaultValue": false }, "text": { "type": "string", "description": "Specify content text for the component." }, "size": { "type": "OSizeTypes", "description": "Sets the size of the button.", "defaultValue": "\"default\"" }, "variant": { "type": "flat | text | elevated | tonal | outlined | plain", "description": "Applies a distinct style to the component.", "defaultValue": "\"elevated\"" }, "icon": { "type": "ButtonIconOptions", "description": "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button." } }, "slots": {} }, "o-field-container": { "emits": {}, "models": {}, "props": { "label": { "type": "string", "description": "Label to display as heading" }, "errorMessages": { "type": "string | Array<string>", "description": "Error messages to display" }, "toned": { "type": "boolean" } }, "slots": {} }, "o-flex": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-row": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "wrap": { "type": "boolean", "description": "If sub elements wrap or not.", "defaultValue": false }, "height": { "type": "string | number", "description": "Sets the height of the flex." }, "width": { "type": "string | number", "description": "Sets the width of the column." }, "direction": { "type": "ORowDirections", "description": "Sets the direction for the flex columns." }, "minWidth": { "type": "string | number", "description": "Sets the min width of the column." }, "minHeight": { "type": "string | number", "description": "Sets the min heigth of the flex." }, "gapX": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges." }, "gapY": { "type": "SpacingValue | number", "description": "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges." }, "alignX": { "type": "OHorizontalAlignments", "description": "Sets the horizontal alignment of the columns." }, "alignY": { "type": "OVerticalAlignments", "description": "Sets the horizontal alignment of columns." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-form": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string" }, "toned": { "type": "boolean" }, "variant": { "type": "OFormTypes", "description": "Type of the form" } }, "slots": {} }, "o-host-provider": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "host": { "type": "HostTypes" }, "componentHost": { "type": "ComponentHostTypes" }, "variant": { "type": "ComponentVariants" }, "force": { "type": "boolean" } }, "slots": {} }, "o-hover": { "emits": {}, "models": { "modelValue": { "type": "boolean", "defaultValue": false } }, "props": { "disabled": { "type": "boolean", "description": "Removes hover functionality.", "defaultValue": false }, "openDelay": { "type": "number", "description": "Milliseconds to wait before opening component. Only applies to hover and focus events.", "defaultValue": 0 }, "closeDelay": { "type": "number", "description": "Milliseconds to wait before closing component. Only applies to hover and focus events.", "defaultValue": 0 } }, "slots": {} }, "o-icon": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "filled": { "type": "boolean", "description": "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited.", "defaultValue": false }, "icon": { "type": "IIcon", "description": "The icon to be displayed." }, "toned": { "type": "boolean", "defaultValue": false }, "colorType": { "type": "ColorType", "description": "Sets the colorType to use for the icons. Default is onBase." }, "variant": { "type": "OIconVariants", "description": "Sets the variant of the icon." }, "tooltip": { "type": "TooltipOptions", "description": "Sets tooltip to display when hovering the icon." }, "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default." }, "animation": { "type": "OIconAnimations", "description": "Sets the animation on the icon when hovering." }, "customSize": { "type": "number", "description": "Sets a custom height and width of the icon. Should be used only as an exception." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "blueprint": { "type": "IconBlueprint", "description": "Sets a custom blueprint for the icon." } }, "slots": {} }, "o-img": { "emits": { "load": { "type": "(info:) => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "aspectRatio": { "type": "string | number", "description": "The aspect ratio of the image." }, "src": { "type": "string", "description": "The image URL. This prop is mandatory." }, "height": { "type": "number | string", "description": "Sets the height for the component." }, "width": { "type": "number | string", "description": "Sets the height for the component." }, "cover": { "type": "boolean", "description": "Resizes the image to cover the entire container.", "defaultValue": true }, "draggable": { "type": "boolean", "description": "Controls the draggable behavior of the image.", "defaultValue": false }, "eager": { "type": "boolean", "description": "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO.", "defaultValue": false }, "alt": { "type": "string", "description": "Alternate text for screen readers. Leave empty for decorative images.", "defaultValue": "\"\"" }, "maxWidth": { "type": "number | string" }, "maxHeight": { "type": "number | string" }, "placeholder": { "type": "string", "description": "The placeholder image to display while the main image is loading." }, "lazySrc": { "type": "string", "description": "The image to display while the main image is loading." }, "fill": { "type": "ContainerFillValue" }, "fillOpacity": { "type": "number" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": { "placeholder": { "type": "() => VNodeChild" } } }, "o-infinite-scroll": { "emits": { "load": { "type": "(options:OInfiniteScrollLoadOptions) => void" } }, "models": {}, "props": { "height": { "type": "string | number", "description": "Sets the height for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "maxHeight": { "type": "string | number", "description": "Sets the max-height for the component." }, "minHeight": { "type": "string | number", "description": "Sets the min-height for the component." }, "direction": { "type": "horizontal | vertical", "description": "Specifies if scroller is vertical or horizontal." }, "margin": { "type": "string | number", "description": "Value sent to the intersection observer. Will make the observer trigger earlier, by the margin (px) value supplied." }, "mode": { "type": "intersect | manual", "description": "Specifies if content should load automatically when scrolling (intersect) or manually (manual)." }, "side": { "type": "OInfiniteScrollSide", "description": "Specifies the side where new content should appear. Either the start, end, or both sides." } }, "slots": { "empty": { "type": "(value:) => VNodeChild" }, "error": { "type": "(value:) => VNodeChild" }, "loadMore": { "type": "(value:) => VNodeChild" }, "loading": { "type": "(value:) => VNodeChild" } } }, "o-input-field": { "emits": { "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." }, "update:blured": { "type": "(value:boolean) => void", "description": "Emit when search input field is blured." }, "click:button": { "type": "() => void", "description": "Emit when click on icon." }, "click:clear": { "type": "() => void", "description": "Emit when search input field is cleared." } }, "models": { "modelValue": { "type": "string", "description": "The v-model value of the component.", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OTextFieldTypes", "description": "Applies a distinct style to the component." }, "color": { "type": "ColorValue", "description": "Define the custom color for text field." }, "readonly": { "type": "boolean", "description": "Makes the text field readonly." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "hint": { "type": "string", "description": "Sets the hint of the text field. Hint will be displayed below the input when focused." }, "errorMessages": { "type": "string | string[]", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." }, "toned": { "type": "boolean" }, "transparent": { "type": "boolean", "description": "Adds transparency to the text field." }, "label": { "type": "string", "description": "The label of the input field." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "textBlueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the text." }, "getApi": { "type": "(api:InputApi) => void", "description": "Gets the api" }, "suffix": { "type": "string", "description": "The suffix text of the text field." }, "prefix": { "type": "string", "description": "The prefix text of the text field." }, "type": { "type": "T", "description": "Specify input type.", "defaultValue": "defaultTypeValue" }, "max": { "type": "number", "description": "The max value." }, "min": { "type": "number", "description": "The min value." }, "step": { "type": "number", "description": "incremental steps for adjusting the numeric value." }, "precision": { "type": "number", "description": "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted." }, "clearable": { "type": "boolean", "description": "Adds a clear button when the text field is not empty.", "defaultValue": false }, "autofocus": { "type": "boolean", "description": "Enables autofocus.", "defaultValue": false }, "placeholder": { "type": "string", "description": "Sets the input’s placeholder text." } }, "slots": { "append": { "type": "() => VNodeChild", "description": "Adds an item inside the input and after input content." }, "append-inner": { "type": "() => VNodeChild", "description": "Adds an item inside the input content." }, "prepend": { "type": "() => VNodeChild", "description": "Adds an item outside the input and before input content." }, "prepend-inner": { "type": "() => VNodeChild", "description": "Slot that is prepended to the input." }, "message": { "type": "() => VNodeChild", "description": "Slot used to customize the message content." }, "input": { "type": "(inputRenderer:FunctionalComponent) => VNodeChild", "description": "Slot that is custom render input." } } }, "o-labeled-text": { "emits": {}, "models": {}, "props": { "label": { "type": "String", "description": "Sets the label of the component." }, "text": { "type": "String", "description": "Sets the text value of the component." } }, "slots": { "text": { "type": "() => VNodeChild", "description": "Custom render text." } } }, "o-layout": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" } }, "slots": {} }, "o-lazy": { "emits": {}, "models": {}, "props": { "renderOnIdle": { "type": "boolean", "description": "If true, the lazy will render when the browser is idle.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "If true lazy is disabled", "defaultValue": false }, "motion": { "type": "OMotionProps", "description": "If true lazy is disabled" }, "minHeight": { "type": "string | number", "description": "The min height of the lazy element." } }, "slots": {} }, "o-link": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "colorType": { "type": "ColorTypes | ColorType", "description": "Applies a specific color type to be used. Default is onBase." }, "toned": { "type": "boolean", "defaultValue": false }, "truncateLines": { "type": "number", "description": "Specifies if text should be truncated and number of lines before truncating." }, "blueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text" }, "href": { "type": "string", "description": "Specifies the URL of the page the link goes to" }, "target": { "type": "_blank | _self | _parent | _top | framename", "description": "The target attribute specifies where to open the linked document." }, "textDecoration": { "type": "underline", "description": "Applies a specific text decoration to be used." } }, "slots": { "renderer": { "type": "() => void" } } }, "o-list": { "emits": {}, "models": { "modelValue": { "type": "T[]", "description": "An array of strings or objects used for automatically generating children components.", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "lines": { "type": "OListLineTypes", "description": "Designates a minimum-height for all the children o.list.item components. THis props uses line-clamp." }, "nav": { "type": "boolean", "description": "An alternative styling that reduces o.list.item width and rounds the corners. Typically used with o.navigation.drawer.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false }, "divider": { "type": "boolean", "description": "If true, each item will have a bottom divider", "defaultValue": false }, "variant": { "type": "OListTypes", "description": "Applies a distinct style to the component." }, "drag": { "type": "boolean", "description": "Enable draggable row.", "defaultValue": false }, "dragStyles": { "type": "icon | row", "description": "Specific styles for draggable on item.", "defaultValue": "\"icon\"" }, "navigation": { "type": "boolean | ", "description": "The row navigation.", "defaultValue": false }, "remove": { "type": "boolean | ", "description": "Enable removable row.", "defaultValue": false }, "itemValue": { "type": "ItemValueType<T>", "description": "Property on supplied items that contains its value." }, "disableItemClickable": { "type": "boolean", "description": "Disable clickable on the items.", "defaultValue": false } }, "slots": { "item": { "type": "(item:IListItem<T>) => VNodeChild" } } }, "o-list-item": { "emits": { "click:delete": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a delete event." }, "click:remove": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a remove event." }, "click:navigate": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a navigate event." }, "click:select": { "type": "(e:MouseEvent) => VNodeChild", "description": "Emit a navigate event." } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "icon": { "type": "ButtonIconOptions", "description": "The icon of the component." }, "title": { "type": "VNodeChild", "description": "The title of the component.", "defaultValue": false }, "subtitle": { "type": "VNodeChild", "description": "Specify a subtitle text for the component.", "defaultValue": false }, "divider": { "type": "boolean", "description": "Adds a divider after the item", "defaultValue": false }, "expandableHeight": { "type": "boolean", "description": "Makes the height expand if needed. Default it is fixed", "defaultValue": false }, "active": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component.", "defaultValue": false }, "selected": { "type": "boolean", "description": "Controls the active state of the item. This is typically used to highlight the component." }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." }, "variant": { "type": "OListItemVariants", "description": "Applies a distinct style to the component." }, "isDragMode": { "type": "boolean", "defaultValue": false } }, "slots": { "append": { "type": "(item:ListItemSlot) => VNodeChild", "description": "Adds an item inside the input and after input content." }, "prepend": { "type": "(item:ListItemSlot) => VNodeChild", "description": "Adds an item outside the input and before input content." }, "default": { "type": "(item:ListItemSlot) => VNodeChild", "description": "The default Vue slot." }, "title": { "type": "(value:) => VNodeChild", "description": "Slot for the component’s title content." }, "subtitle": { "type": "(value:) => VNodeChild", "description": "Slot for the component’s subtitle content." } } }, "o-logo": { "emits": {}, "models": {}, "props": { "size": { "type": "OIconSizes", "description": "Sets the height and width of the icon. Should be used as default." }, "customSize": { "type": "number", "description": "Sets a custom height and width of the icon. Should be used only as an exception." } }, "slots": {} }, "o-main": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "id": { "type": "string", "description": "Sets the id of the component." }, "filled": { "type": "boolean", "description": "Applies background to the component.", "defaultValue": false }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "o-menu": { "emits": {}, "models": { "modelValue": { "type": "boolean", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "activator": { "type": "string", "description": "Supply a CSS selector string to activator prop." }, "attach": { "type": "string | boolean | Element", "description": "Specifies which DOM element the overlay content should teleport to." }, "minWidth": { "type": "string | number", "description": "Sets the minimum width for the component. Use auto to use the activator width." }, "maxWidth": { "type": "string | number", "description": "Sets the maximum width for the component." }, "minHeight": { "type": "string | number", "description": "Sets the minimum height for the component." }, "maxHeight": { "type": "string | number", "description": "Sets the maximum height for the component." }, "closeDelay": { "type": "string | number", "description": "Milliseconds to wait before closing component. Only works with the open-on-hover prop." }, "location": { "type": "OMenuLocations", "description": "Designates where the menu should be placed.", "defaultValue": "\"bottom start\"" }, "openOnHover": { "type": "boolean", "description": "Designates whether menu should open on hover or not." }, "visibleOnContentClick": { "type": "boolean", "description": "Designates if menu still show when its content is clicked", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component.", "defaultValue": false }, "scrollStrategy": { "type": "close | none | block | reposition", "description": "Strategy used when the component is activate and user scrolls.", "defaultValue": "\"close\"" }, "eager": { "type": "boolean", "defaultValue": false }, "stickToTarget": { "type": "boolean", "description": "Enables the overlay content to go off-screen when scrolling.", "defaultValue": false }, "position": { "type": "MenuPosition", "description": "Designates the position of the menu. Should be used only for really specific advanced scenarios." } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-motion": { "emits": { "click:someThing": { "type": "(value:string) => true" } }, "models": {}, "props": { "initial": { "type": "VariantDefinition | boolean" }, "animate": { "type": "VariantDefinition" }, "inView": { "type": "VariantDefinition" }, "hover": { "type": "VariantDefinition" }, "press": { "type": "VariantDefinition" }, "exit": { "type": "VariantDefinition" }, "variants": { "type": "Variants" }, "inViewOptions": { "type": "InViewOptions" }, "transition": { "type": "AnimationOptionsWithOverrides" } }, "slots": {} }, "o-navigation-drawer": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "string | string[]" }, "location": { "type": "ONavigationDrawerLocations", "description": "Specifies the location of the drawer.", "defaultValue": "\"start\"" }, "toned": { "type": "boolean" }, "overrides": { "type": "object", "description": "Specify props overrides for the Vutify component. Should be used only for really specific advanced scenarios." }, "variant": { "type": "ONavigationDrawerVariants", "description": "Applies a distinct style to the component." }, "customWidth": { "type": "number | string", "description": "Overrides the default width of the drawer variant. Should be used only for really specific advanced scenarios." }, "temporary": { "type": "boolean", "description": "A temporary drawer sits above its application and uses a scrim (overlay) to darken the background.", "defaultValue": false }, "disableResizeWatcher": { "type": "boolean", "description": "Prevents the automatic opening or closing of the drawer when resized, based on whether the device is mobile or desktop.", "defaultValue": false }, "disableRouteWatcher": { "type": "boolean", "description": "Disables opening of navigation drawer when route changes.", "defaultValue": false }, "absolute": { "type": "boolean", "description": "Applies position: absolute to the component.", "defaultValue": false } }, "slots": {} }, "o-notification": { "emits": { "click:close": { "type": "(e:MouseEvent) => void" } }, "models": {}, "props": { "size": { "type": "ONotificationSizeTypes", "description": "The size of the component." }, "value": { "type": "string" }, "toned": { "type": "boolean", "defaultValue": false } }, "slots": { "prependAvatar": { "type": "() => VNodeChild" }, "appendAvatar": { "type": "() => VNodeChild" } } }, "o-pagination": { "emits": {}, "models": { "": { "type": "number", "description": "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array." } }, "props": { "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "length": { "type": "number", "description": "The total number of items that you are paginating. Note that this is not the number of pages. For example, if you have 20 items and you display 5 items per page, you have 4 total pages." }, "totalVisible": { "type": "number", "description": "Specify the total visible pagination numbers." }, "nextIcon": { "type": "string | FunctionalComponent", "description": "Specify the icon for the next icon." }, "prevIcon": { "type": "string | FunctionalComponent", "description": "Specify the icon for the previous icon." } }, "slots": {} }, "o-panel": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "title": { "type": "string", "description": "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel." }, "titleSize": { "type": "TextStyleSize | TextStyleSizes", "description": "Specifies the title typography size. Should be used only if the variants size does not match the context." }, "variant": { "type": "OPanelVariants", "description": "Applies a distinct style to the component." }, "filled": { "type": "boolean", "description": "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited" }, "toned": { "type": "boolean" }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-picker-wrapper": { "emits": { "search": { "type": "(searchText:string) => true" }, "click:clear": { "type": "() => void" } }, "models": { "modelValue": { "type": "MenuState" } }, "props": { "getApi": { "type": "(store:ReturnType<usePickerStore>) => void", "description": "callback to get a reference to the store" }, "class": { "type": "String | String[]" }, "variant": { "type": "PickerVariant", "defaultValue": "\"dropdown\"" }, "label": { "type": "string", "description": "Sets the label of the component." }, "text": { "type": "string", "description": "Sets the text of the component." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the control." }, "disabled": { "type": "boolean", "description": "Sets the component to disabled" }, "toned": { "type": "boolean", "description": "Sets the component to disabled" }, "visibleOnContentClick": { "type": "boolean", "description": "Sets the component to disabled" }, "grid": { "type": "boolean", "description": "Sets the component to disabled" }, "clearable": { "type": "boolean", "description": "If a clear icon can be shown" }, "searchable": { "type": "boolean", "description": "A search box is displayed with the text value" }, "maxHeight": { "type": "number", "description": "Limit the max height of the dropdown" }, "isLoading": { "type": "boolean", "description": "Displays a loading indicator" }, "hasSelection": { "type": "boolean | any", "description": "If the component has selection or not. If true it will render the selection slot" }, "placeholder": { "type": "string", "description": "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty" }, "actions": { "type": "ActionDefinition[] | VNodeChild", "description": "Actions to be showns on the blade header" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "() => VNodeChild" }, "filter": { "type": "() => VNodeChild" }, "actions": { "type": "() => VNodeChild" } } }, "o-picker-selection": { "emits": { "click:clear": { "type": "() => void" }, "show:selection": { "type": "() => void" }, "search": { "type": "(text:string) => void" } }, "models": {}, "props": { "text": { "type": "string", "description": "Sets the text of the component." }, "grid": { "type": "boolean", "description": "Sets the component to disabled" }, "disabled": { "type": "boolean", "description": "Sets the component to disabled" }, "disableOverlay": { "type": "boolean", "description": "Doesn't show a default overlay to mark the picker" }, "clearable": { "type": "boolean", "description": "If a clear icon can be shown" }, "searchable": { "type": "boolean", "description": "A search box is displayed with the text value" }, "isLoading": { "type": "boolean", "description": "Displays a loading indicator" }, "hasSelection": { "type": "boolean | any", "description": "If the component has selection or not. If true it will render the selection slot and show clear icon" }, "placeholder": { "type": "string", "description": "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty" }, "toned": { "type": "boolean", "description": "Sets the component to disabled" } }, "slots": { "placeholderRenderer": { "type": "() => VNodeChild" }, "selectedItemRenderer": { "type": "() => VNodeChild" } } }, "o-progress": { "emits": {}, "models": {}, "props": { "type": { "type": "OProgressTypes", "description": "Specific the type of progress to show.", "defaultValue": "\"circular\"" }, "toned": { "type": "boolean" }, "variant": { "type": "OProgressVariants", "description": "Specific the type of progress" }, "size": { "type": "OProgressSizeTypes | number", "description": "Specific the size of progress (size type)" }, "width": { "type": "number", "description": "Specific the width of progress" }, "indeterminate": { "type": "boolean", "description": "Constantly animates, use when loading progress is unknown.", "defaultValue": false }, "value": { "type": "number", "description": "Specific the value of circular progress" } }, "slots": {} }, "o-qrcode": { "emits": {}, "models": {}, "props": { "value": { "type": "string", "description": "The value of the QRCode" }, "size": { "type": "OQRCodeSizeTypes | number", "defaultValue": "\"medium\"" }, "level": { "type": "OQRCodeLevel", "description": "The level of the QRCode", "defaultValue": "\"medium\"" }, "margin": { "type": "SpacingValue", "description": "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value." } }, "slots": {} }, "o-radio-group": { "emits": {}, "models": { "": { "type": "any", "description": "The v-model of the component" } }, "props": { "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string." }, "label": { "type": "string", "description": "The label of the component" }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component." }, "readonly": { "type": "boolean", "description": "Puts input in readonly state" }, "inline": { "type": "boolean", "description": "Can be presented either as a row or a column. The default is as a column." } }, "slots": {} }, "o-radio": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "Sets the text of the component." }, "value": { "type": "any", "description": "The value used when the component is selected in a group. If not provided, a unique id will be generated." } }, "slots": { "label": { "type": "() => VNodeChild" } } }, "o-range-slider": { "emits": {}, "models": { "": { "type": "", "description": "The v-model of the component" } }, "props": { "step": { "type": "string | number", "description": "If greater than 0, sets step interval for ticks." }, "min": { "type": "string | number", "description": "Sets the minimum value of the slider." }, "max": { "type": "string | number", "description": "Sets the maximum value of the slider." }, "label": { "type": "string", "description": "Sets the label of the slider." }, "noThumbLabel": { "type": "boolean", "description": "Hides the thumb label." }, "toned": { "type": "boolean", "description": "Sets the color to Toned" }, "hint": { "type": "string", "description": "Sets the hint of the slider. Hint will be displayed below the input when focused." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "direction": { "type": "ODirectionTypes", "description": "Sets the direction of the slider. Default is horizontal." }, "variant": { "type": "OSliderVariants", "description": "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed." }, "showTicks": { "type": "boolean | always", "description": "Sets the visibility of the ticks. Default is false." }, "ticks": { "type": "number[] | Record<number,string>", "description": "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks." }, "tickSize": { "type": "number", "description": "Sets the size of the ticks. Default is 2." } }, "slots": {} }, "o-rating": { "emits": {}, "models": { "modelValue": { "type": "string | number", "description": "The current value of the rating. Can be either a number or a numeric string.", "disableAutoEmit": true, "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "clearable": { "type": "boolean", "description": "Allows for the component to be cleared by clicking on the current value.", "defaultValue": false }, "density": { "type": "ORatingDensity", "description": "Controls the space occupied. Possible values are default, comfortable and compact.", "defaultValue": "\"default\"" }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "hover": { "type": "boolean", "description": "Provides visual feedback when hovering over the icons.", "defaultValue": false }, "length": { "type": "ORatingLength", "description": "The number of icons to display. Only accept numbers or numeric strings of 5 and 10.", "defaultValue": 5 }, "readonly": { "type": "boolean", "description": "Removes all hover effects and pointer events. Useful for displaying a rating, but not allowing the user to interact with it.", "defaultValue": false }, "size": { "type": "OSizeTypes", "description": "Sets the size of the component. Can be default, x-small, small, large, and x-large." } }, "slots": {} }, "o-scroll-container": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "height": { "type": "string", "description": "Sets the height of the container" }, "width": { "type": "string", "description": "Sets the width of the column.." }, "compensatScrollbar": { "type": "boolean", "description": "Adds a left margin to compensate for the scrollbar.", "defaultValue": false }, "filled": { "type": "boolean", "description": "If the background should be filled.", "defaultValue": false }, "dynamicHeight": { "type": "boolean", "description": "Calculates a dynamic height based on the position in the browser", "defaultValue": false }, "toned": { "type": "boolean", "description": "If the background is using toned colors.", "defaultValue": false }, "disableScrolling": { "type": "boolean", "description": "Disables the scrolling and sets the overflow to hidden.", "defaultValue": false }, "getApi": { "type": "(store:ReturnType<useScrollContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." }, "scrolling": { "type": "OScrollTypesCombination", "description": "Sets the scroll type of the container.", "defaultValue": "\"y\"" } }, "slots": {} }, "o-select": { "emits": { "click:button": { "type": "(value:any) => void", "description": "Emit a click event." }, "update:search": { "type": "(value:string) => void", "description": "Emit when search input value is changed. Only works when searchable prop is true." }, "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." } }, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "defaultRules" }, "label": { "type": "string", "description": "Sets the label of the component." }, "hint": { "type": "string", "description": "Sets the hint of the component." }, "items": { "type": "TItem", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "itemTitle": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its title." }, "itemValue": { "type": "ItemValueType<ItemType<TItem>>", "description": "Property on supplied items that contains its value." }, "variant": { "type": "OSelectTypes", "description": "Applies a distinct style to the component." }, "returnObject": { "type": "TReturnObject", "description": "Changes the selection behavior to return the object directly rather than the value specified with item-value." }, "clearable": { "type": "boolean", "description": "Allows for the component to be cleared." }, "searchable": { "type": "boolean", "description": "Allows to searching when user typing." }, "blueprint": { "type": "InputBlueprint", "description": "Sets a custom blueprint for the text." }, "toned": { "type": "boolean" }, "chips": { "type": "boolean", "description": "Puts input in readonly state.", "defaultValue": false }, "readonly": { "type": "boolean", "description": "Puts input in readonly state." }, "multiple": { "type": "boolean", "description": "Multiple selection.", "defaultValue": false }, "hideNoData": { "type": "boolean", "description": "Hidden no data message.", "defaultValue": false }, "hideDetails": { "type": "boolean", "description": "Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display.", "defaultValue": false }, "menuIcon": { "type": "IIcon", "description": "Custom menu icon." }, "loading": { "type": "boolean", "description": "Displays linear progress bar.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible." }, "hideSelected": { "type": "boolean", "description": "Hide selected items from all items list." }, "multiSelectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "errorMessages": { "type": "string | ", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "error": { "type": "boolean", "description": "Puts the input in a manual error state.", "defaultValue": false }, "maxHeight": { "type": "number", "defaultValue": 300 }, "itemHeight": { "type": "number", "defaultValue": 40 }, "itemDeletable": { "type": "(item:ItemType<TItem>) => boolean", "description": "Item can be deleted or not." }, "placeholder": { "type": "string", "description": "Sets the input placeholder text." } }, "slots": { "chip": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "selection": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "item": { "type": "(item:OSelectRenderingItem<any>, index:Number) => VNodeChild" }, "append-item": { "type": "() => VNodeChild" }, "prepend-inner": { "type": "() => VNodeChild" }, "append-inner": { "type": "() => VNodeChild" } } }, "o-selection": { "emits": { "selectItem": { "type": "(index:) => true" }, "removeItem": { "type": "(index:) => true" }, "sort:update": { "type": "(items:TItem[]) => true" }, "addItem": { "type": "() => true" } }, "models": {}, "props": { "items": { "type": "TItem[]", "description": "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props." }, "variant": { "type": "SelectionVariants", "description": "The component variants" }, "toned": { "type": "boolean", "description": "Sets the component to toned" }, "sorting": { "type": "boolean", "description": "Sets the component to sorting mode" }, "itemValue": { "type": "ItemValueType<TItem>", "description": "Property on supplied items that contains its value." }, "itemTitle": { "type": "ItemValueType<TItem>", "description": "Property on supplied items that contains its title." }, "itemSubtitle": { "type": "string", "description": "Property on supplied items that contains its value." }, "itemIcon": { "type": "string", "description": "Property on supplied items that contains its value." }, "enableAdd": { "type": "boolean", "description": "If add button is shown" }, "disabledAddButton": { "type": "string", "description": "Disables add button with explanatory tooltip" }, "labelAdd": { "type": "string", "description": "The label for the add button of the component" }, "selectionStyle": { "type": "OMultiSelectionStyles", "description": "The style of multi select" }, "itemSettingable": { "type": "(item:TItem) => boolean", "description": "Item has settings or not." }, "itemDeletable": { "type": "(item:TItem) => boolean", "description": "Item can be deleted or not." } }, "slots": { "item": { "type": "(item:TItem, index:Number) => VNodeChild" } } }, "o-skeleton-loader": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "type": { "type": "OSkeletonLoaderTypesCombination", "description": "A string delimited list of skeleton components to create such as type='text@3' or type='card, list-item'. Will recursively generate a corresponding skeleton from the provided string. Also supports short-hand for multiple elements such as article@3 and paragraph@2 which will generate 3 article skeletons and 2 paragraph skeletons. Please see below for a list of available pre-defined options." }, "height": { "type": "string | number", "description": "Sets the height for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "variant": { "type": "OSkeletonLoaderVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": {} }, "o-slide-panel": { "emits": { "init": { "type": "(swiper:Swiper) => void", "description": "Emits when the swiper is initialized" }, "afterInit": { "type": "(swiper:Swiper) => void", "description": "Emits after the swiper is initialized" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "settings": { "type": "SlidePanelSettings" }, "initialSlide": { "type": "number", "defaultValue": 0 }, "getApi": { "type": "(store:ReturnType<useSlidePanelStore>) => void", "description": "callback to get a reference to the slider store. The store is used to interact with the slide panel." }, "contentWrapperClass": { "type": "String", "description": "The class to be applied to the content wrapper" }, "variant": { "type": "SlidePanelVariationType", "description": "The variation of the slide panel. If set to custom-navigation, the navigation buttons will be rendered outside the slide panel and component outside has to handle the styles of the navigation buttons.", "defaultValue": "\"default\"" }, "styleOverrides": { "type": "SlidePanelStyleOverrides", "description": "Style overrides to different containers" } }, "slots": {} }, "o-slide": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" } }, "slots": {} }, "o-slide-panel-settings": { "emits": {}, "models": { "modelValue": { "type": "SlidePanelSettings" } }, "props": {}, "slots": {} }, "o-slider": { "emits": {}, "models": { "modelValue": { "type": "any", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "step": { "type": "string | number", "description": "If greater than 0, sets step interval for ticks." }, "min": { "type": "string | number", "description": "Sets the minimum value of the slider." }, "max": { "type": "string | number", "description": "Sets the maximum value of the slider." }, "precision": { "type": "number", "description": "Enforces strict precision. It is expected to be an integer value in range between 0 and 15, or null for unrestricted." }, "label": { "type": "string", "description": "Sets the label of the slider." }, "unitLabel": { "type": "string", "description": "Sets the unit label of the slider." }, "noThumbLabel": { "type": "boolean", "description": "Hides the thumb label.", "defaultValue": false }, "hint": { "type": "string", "description": "Sets the hint of the slider. Hint will be displayed below the input when focused." }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible.", "defaultValue": false }, "direction": { "type": "ODirectionTypes", "description": "Sets the direction of the slider. Default is horizontal.", "defaultValue": "\"horizontal\"" }, "variant": { "type": "OSliderVariants", "description": "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed." }, "showTicks": { "type": "boolean | always", "description": "Sets the visibility of the ticks. Default is false.", "defaultValue": false }, "ticks": { "type": "number[] | Record<number,string>", "description": "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks." }, "toned": { "type": "boolean", "defaultValue": false }, "tickSize": { "type": "number", "description": "Sets the size of the ticks. Default is 2.", "defaultValue": 2 }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." } }, "slots": {} }, "o-snackbar": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "text": { "type": "string", "description": "The text to be displayed in the snack bar." }, "timeout": { "type": "string | number", "description": "Time (in milliseconds) to wait until snackbar is automatically hidden. Use -1 to keep open indefinitely.", "defaultValue": 1500 } }, "slots": {} }, "o-spacer": { "emits": {}, "models": {}, "props": { "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding from the blueprint. Apply to all dimensions using only one value." }, "margin": { "type": "Spacing | SpacingValue", "description": "Ensures margin from the blueprint. Apply to all dimensions using only one value." } }, "slots": {} }, "o-speed-dial": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "openOnClick": { "type": "boolean", "description": "Activate the component when the activator is clicked." }, "openOnFocus": { "type": "boolean", "description": "Activate the component when the activator is focused." }, "openOnHover": { "type": "boolean", "description": "Opens speed-dial on hover.", "defaultValue": false }, "zIndex": { "type": "number | string", "description": "The z-index used for the component.", "defaultValue": 2000 }, "persistent": { "type": "boolean", "description": "Clicking outside of the element or pressing esc key will not deactivate it.", "defaultValue": false }, "location": { "type": "OPosition", "description": "Specifies the component's location. Can combine by using a space separated string.", "defaultValue": "\"top center\"" } }, "slots": { "activator": { "type": "(params:) => VNodeChild" } } }, "o-split-pane-container": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-split-pane-content": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-stepper": { "emits": {}, "models": { "modelValue": { "type": "number", "description": "The v-model of the component.", "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "vertical": { "type": "boolean", "description": "Change the stepper direction to vertical.", "defaultValue": false }, "variant": { "type": "OStepperVariants", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "hideLabel": { "type": "boolean", "description": "Hide the title and subtitle of the stepper component.", "defaultValue": false }, "nonLinear": { "type": "boolean", "description": "Non-linear steppers allow the user to move through their process in whatever way they choose.", "defaultValue": false } }, "slots": {} }, "o-stepper-step": { "emits": {}, "models": {}, "props": { "title": { "type": "string", "description": "The title of the step.", "defaultValue": "\"\"" }, "subTitle": { "type": "string", "description": "The sub-title of the step.", "defaultValue": "\"\"" }, "icon": { "type": "IIcon", "description": "The icon of the step." }, "complete": { "type": "boolean", "description": "If the step is complete.", "defaultValue": false }, "editable": { "type": "boolean", "description": "An editable step can be selected by a user at any point and will navigate them to that step.", "defaultValue": false }, "reverseTransition": { "type": "boolean", "description": "Reverse transition of the step.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Disable this step.", "defaultValue": false }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "hideIcon": { "type": "boolean", "description": "Hide the icon.", "defaultValue": false } }, "slots": { "title": { "type": "() => VNodeChild" } } }, "o-sticky-container": { "emits": {}, "models": {}, "props": { "getApi": { "type": "(store:ReturnType<useStickyContainerStore>) => void", "description": "callback to get a reference to the scrolling store. The store is used to interact with the scrolling component." }, "viewportElementTrackingId": { "type": "string", "description": "hides the sticky container when the element is not visible in the viewport. Use it for toolbars etc" }, "editor": { "type": "boolean", "description": "If the container runs in the content editor" }, "disable": { "type": "boolean", "description": "If you want to disable and enable the sticky container" }, "class": { "type": "string", "description": "Custom class" } }, "slots": { "customRenderer": { "type": "() => VNodeChild" } } }, "o-switch": { "emits": {}, "models": { "modelValue": { "type": "T", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "label": { "type": "string", "description": "The label of the component" }, "sublabel": { "type": "string", "description": "The label of the component" }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the component.", "defaultValue": false }, "hint": { "type": "string", "description": "Displays hint text below the input when focused. Force this always open with the persistentHint property.", "defaultValue": "\"\"" }, "persistentHint": { "type": "boolean", "description": "Forces the hint to always be visible", "defaultValue": false }, "hideDetails": { "type": "boolean", "description": "Hides hint and validation errors", "defaultValue": false }, "revert": { "type": "boolean", "description": "Shows the switch inverted", "defaultValue": false }, "trueValue": { "type": "boolean | string", "description": "Sets value for truthy state.", "defaultValue": true }, "falseValue": { "type": "boolean | string", "description": "Sets value for falsy state.", "defaultValue": false }, "tooltip": { "type": "SwitchTooltipOptions", "description": "Sets tooltip to display when hovering the button." }, "variant": { "type": "TVariant", "description": "The variant of the component." }, "trueText": { "type": "boolean | string", "description": "Sets value for truthy state.", "defaultValue": true }, "falseText": { "type": "boolean | string", "description": "Sets value for falsy state.", "defaultValue": false } }, "slots": {} }, "o-switches": { "emits": {}, "models": {}, "props": { "variant": { "type": "OSwitchesVariants", "description": "Applies a distinct style to the component." } }, "slots": {} }, "o-switch-slider": { "emits": {}, "models": { "modelValue": { "type": "boolean", "description": "The v-model of the component", "defaultValue": false } }, "props": { "class": { "type": "String | String[]" }, "falseIcon": { "type": "IIcon", "description": "Specify an icon the false value" }, "trueIcon": { "type": "IIcon", "description": "Specify an icon the true value" }, "trueText": { "type": "string", "description": "Text to show when the value is true" }, "falseText": { "type": "string", "description": "Text to show when the value is false" }, "slim": { "type": "boolean", "description": "Creates a slim variant of the button without the default height", "defaultValue": false }, "label": { "type": "string", "description": "Label to show" } }, "slots": {} }, "o-tabs": { "emits": {}, "models": { "modelValue": { "type": "number", "description": "The v-model of the component", "defaultValue": 0 } }, "props": { "class": { "type": "String | String[]" }, "contentClass": { "type": "string | string[]", "description": "The class of the content container." }, "stacked": { "type": "boolean", "description": "Applies the stacked prop to all children o.tab components." }, "variant": { "type": "OTabVariants", "description": "Applies a distinct style to the component." }, "toned": { "type": "boolean" }, "vertical": { "type": "boolean" }, "hideTabName": { "type": "boolean" }, "hideTabNameIfOnlyOneTab": { "type": "boolean", "description": "Hides the tab name if there is only one tab in the component." }, "noScrolling": { "type": "boolean", "description": "Removes the scrolling from the tabs component." }, "alignTabs": { "type": "OTabAlignments", "description": "sets the horizontal alignment of the tabs.", "defaultValue": "\"start\"" }, "grow": { "type": "boolean", "description": "sets how the flex grows in relation to other flexes of the tab." }, "scrolling": { "type": "OScrollOffsetTypes", "description": "Sets a custom blueprint for the tab control." }, "blueprint": { "type": "TabsBlueprint | BlueprintVariant", "description": "Applies the blueprint to the component." }, "disableBlueprint": { "type": "boolean", "description": "Disables the blueprint and use properties instead." }, "position": { "type": "top | bottom", "description": "The position of the horizontal tab.", "defaultValue": "\"top\"" } }, "slots": {} }, "o-tab": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "disabled": { "type": "boolean", "description": "Removed the ability to click or target the component.", "defaultValue": false }, "title": { "type": "string", "description": "The title of the tab." }, "notificationCount": { "type": "number", "description": "Show a notificaton count on the tab." }, "eager": { "type": "boolean", "description": "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior.", "defaultValue": false }, "icon": { "type": "TabIconModel", "description": "The icon of the tab." }, "variant": { "type": "OTabVariants", "description": "Applies a distinct style to the component." } }, "slots": { "itemRendering": { "type": "() => VNodeChild" } } }, "o-table": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "toned": { "type": "boolean" }, "fixedHeader": { "type": "boolean", "description": "Use the fixed-header prop together with the height prop to fix the header to the top of the table.", "defaultValue": false }, "height": { "type": "string | number", "description": "Use the height prop to set the height of the table." } }, "slots": {} }, "o-text": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "typography": { "type": "TextStyleType | TextStyleTypes", "description": "Applies a specific typography to be used. Default is text." }, "size": { "type": "TextStyleSize | TextStyleSizes", "description": "Applies a specific typography size to be used. Default is medium text." }, "colorType": { "type": "ColorTypes | ColorType", "description": "Applies a specific color type to be used. Default is onBase." }, "color": { "type": "string", "description": "Applies a specific color" }, "toned": { "type": "boolean", "description": "Applies a tonal color to the text.", "defaultValue": false }, "ignoreLineHeight": { "type": "boolean", "description": "Ignores line height. Aligns the text correct in buttons etc.", "defaultValue": false }, "bold": { "type": "boolean", "description": "Applies a bold style to the text. Can only be used with the typography text", "defaultValue": false }, "italic": { "type": "boolean", "description": "Applies a italic style to the text. Can only be used with the typography text", "defaultValue": false }, "wordBreak": { "type": "textWrapping", "description": "Specifies how the text should wrap." }, "textTransform": { "type": "textTransform", "description": "Specifies how the text should be transformed." }, "textDecoration": { "type": "textDecoration", "description": "Specifies how the text should be transformed." }, "as": { "type": "text | h1 | h2 | h3 | h4 | h5 | h6", "description": "Specifies how to render the text tag result will render" }, "whiteSpace": { "type": "normal | nowrap | pre | pre-wrap | pre-line", "description": "Specifies how white space inside text is handled" }, "align": { "type": "OTextAlignmentTypes", "description": "Specifiecs text alignment." }, "truncateLines": { "type": "number", "description": "Specifies if text should be truncated and number of lines before truncating." }, "blueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." } }, "slots": {} }, "o-textarea": { "emits": { "update:focused": { "type": "(value:boolean) => void", "description": "Emit when search input field is focused." }, "click:button": { "type": "(value:boolean) => void" } }, "models": { "modelValue": { "type": "string", "description": "The v-model of the component", "disableAutoEmit": true } }, "props": { "class": { "type": "String | String[]" }, "hint": { "type": "string", "description": "Displays hint text below the input when focused. Force this always open with the persistentHint property." }, "toned": { "type": "boolean" }, "persistentHint": { "type": "boolean", "description": "Forces hint to always be visible.", "defaultValue": false }, "label": { "type": "string", "description": "The label of the text area." }, "autofocus": { "type": "boolean", "description": "Enables autofocus.", "defaultValue": false }, "clearable": { "type": "boolean", "description": "Adds a clearable icon to the component.", "defaultValue": false }, "errorMessages": { "type": "string | string[]", "description": "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation." }, "disabled": { "type": "boolean", "description": "Removes the ability to click or target the input.", "defaultValue": false }, "rules": { "type": "ValidationRule[]", "description": "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string.", "defaultValue": "emptyRules" }, "placeholder": { "type": "string", "description": "Sets the input’s placeholder text." }, "readonly": { "type": "boolean", "description": "Puts input in readonly state.", "defaultValue": false }, "variant": { "type": "OTextAreaTypes", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" }, "autoGrow": { "type": "boolean", "description": "Automatically grows textarea to fit its content.", "defaultValue": false }, "rows": { "type": "number", "description": "Default row count.", "defaultValue": 5 }, "color": { "type": "ColorValue", "description": "Define the custom color for textarea." }, "textBlueprint": { "type": "TextBlueprint", "description": "Sets a custom blueprint for the text." } }, "slots": { "append-inner": { "type": "() => VNodeChild", "description": "Adds an item inside the input content." } } }, "o-time-picker": { "emits": {}, "models": { "modelValue": { "type": "string", "description": "The v-model value of the component.", "disableAutoEmit": true } }, "props": { "location": { "type": "OPosition", "description": "Specifies the component's location. Can combine by using a space separated string." }, "position": { "type": "static | relative | fixed | absolute | sticky", "description": "Sets the position for the component." }, "format": { "type": "ampm | 24hr", "description": "Defines the format of a time displayed in picker. Available options are ampm and 24hr.", "defaultValue": "\"ampm\"" } }, "slots": {} }, "o-toolbar": { "emits": { "click:close": { "type": "() => void" }, "click:back": { "type": "() => void" } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OToolbarVariants", "description": "Applies a distinct style to the component." }, "title": { "type": "string", "description": "The title of the toolbar" }, "subTitle": { "type": "string", "description": "Sub title of the toolbar" }, "icon": { "type": "IIcon", "description": "The icon of the toolbar." }, "toned": { "type": "boolean", "defaultValue": false }, "divider": { "type": "boolean", "description": "If true, the toolbar will have a bottom divider.", "defaultValue": false }, "closeButton": { "type": "boolean", "description": "If true, a close button will be rendered in the toolbar.", "defaultValue": false }, "backButton": { "type": "boolean", "description": "If true, a back button will be rendered in the toolbar.", "defaultValue": false } }, "slots": { "title": { "type": "() => VNodeChild" }, "customButtons": { "type": "() => VNodeChild" }, "prepend": { "type": "(params:) => VNodeChild", "description": "Adds an item outside the title and before title content." } } }, "o-tooltip": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "text": { "type": "string", "description": "The text of the tooltip." }, "activateOnLength": { "type": "number", "description": "Disabled if the text length is less than this value.", "defaultValue": 0 }, "openOnHover": { "type": "boolean", "description": "Opens the tooltip on hover.", "defaultValue": false }, "openOnClick": { "type": "boolean", "description": "Designates whether the tooltip should open on activator click.", "defaultValue": false }, "location": { "type": "OPosition", "description": "Specifies the component’s location. Can combine by using a space separated string", "defaultValue": "\"top end\"" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "o-treeviewv3": { "emits": { "update:active": { "type": "(items:T[]) => void" } }, "models": { "modelValue": { "type": "T[]", "description": "An array of selected items", "defaultValue": "defaultSelectedItems" }, "expanded": { "type": "T[]", "description": "An array of expanded items", "defaultValue": "defaultExpandedItems" } }, "props": { "items": { "type": "T[]", "description": "An array of items to display in the treeview. Is hierarchical and can contain children. Can also control expanded or not." }, "expandOnSelection": { "type": "boolean", "description": "Defines if the treeview should expand when the title row is selected. Default is false and the arrow has to be clicked to expand the children.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Changes select to multiple. Default is false.", "defaultValue": false }, "openAll": { "type": "boolean", "description": "When true will cause all branch nodes to be opened when component is mounted.", "defaultValue": false }, "batchChildrensDisplay": { "type": "number", "description": "Define how much children will be display in UI. Default value is 20", "defaultValue": 20 }, "itemTitle": { "type": "string | ", "description": "Property on supplied items that contains its title.", "defaultValue": "\"title\"" }, "itemValue": { "type": "string | ", "description": "Property on supplied items that contains its value.", "defaultValue": "\"id\"" }, "itemIcon": { "type": "string | ", "description": "Property on supplied items that contains its icon.", "defaultValue": "\"icon\"" }, "itemChildren": { "type": "string", "description": "Property on supplied items that contains its children.", "defaultValue": "\"children\"" }, "loadChildren": { "type": "(selectedNode:T) => void | Promise<void>", "description": "Load the children node in lazy load mode. Ensure that items with an empty children array if we want to load additional children using the load-children prop." }, "onMoveNode": { "type": "(item:T, currentPosition:number, newPosition:number) => void | Promise<void>", "description": "Define new position of the selected node after moving." }, "checkNodeToMove": { "type": "(item:T) => boolean", "description": "Define is selected node can be move." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value.", "defaultValue": "\"s\"" }, "indentation": { "type": "number | SpacingValue", "description": "Set the indentation of the treeview." } }, "slots": { "title": { "type": "(title:string) => VNodeChild", "description": "Appends content after label.." }, "appendInnerItem": { "type": "(value:TreewViewItemSlot<T>) => VNodeChild", "description": "Appends content after label.." }, "prepend": { "type": "(value:TreewViewItemSlot<T>) => VNodeChild", "description": "Prepends content before label.." } } }, "o-treeview": { "emits": { "update:active": { "type": "(items:Array<any>) => void" } }, "models": { "modelValue": { "type": "Array<any>", "description": "An array of selected items", "defaultValue": "defaultSelectedItems" }, "expanded": { "type": "Array<any>", "description": "An array of expanded items", "defaultValue": "defaultExpandedItems" } }, "props": { "items": { "type": "Array<any>", "description": "An array of items to display in the treeview. Is hierarchical and can contain children. Can also control expanded or not." }, "expandOnSelection": { "type": "boolean", "description": "Defines if the treeview should expand when the title row is selected. Default is false and the arrow has to be clicked to expand the children.", "defaultValue": false }, "multiple": { "type": "boolean", "description": "Changes select to multiple. Default is false.", "defaultValue": false }, "disableToggleSelection": { "type": "boolean", "description": "Disable toggle selection.", "defaultValue": false }, "batchChildrensDisplay": { "type": "number", "description": "Define how much children will be display in UI. Default value is 20", "defaultValue": 20 }, "itemTitle": { "type": "string | ", "description": "Property on supplied items that contains its title.", "defaultValue": "\"title\"" }, "itemIcon": { "type": "string | ", "description": "Property on supplied items that contains its icon.", "defaultValue": "\"icon\"" }, "itemValue": { "type": "string", "description": "Property on supplied items that contains its value.", "defaultValue": "\"id\"" }, "itemChildren": { "type": "string", "description": "Property on supplied items that contains its children.", "defaultValue": "\"children\"" }, "loadChildren": { "type": "(selectedNode:any, level:number) => void | Promise<void>", "description": "Load the children node in lazy load mode." }, "onMoveNode": { "type": "(item:any, currentPosition:number, newPosition:number) => void | Promise<void>", "description": "Define new position of the selected node after moving." }, "checkNodeToMove": { "type": "(item:any) => boolean", "description": "Define is selected node can be move." }, "padding": { "type": "Spacing | SpacingValue", "description": "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value." }, "indentation": { "type": "number | SpacingValue", "description": "Set the indentation of the treeview." }, "selectedNodeStyle": { "type": "ColorSchemaTypes", "description": "Set the style of the selected node." }, "variant": { "type": "navigation | default", "description": "Applies a distinct style to the component.", "defaultValue": "\"default\"" } }, "slots": { "appendInnerItem": { "type": "(item:any, index:Number) => VNodeChild", "description": "Define a custom item action appearance." }, "itemToolTip": { "type": "(item:any) => VNodeChild", "description": "Define tooltip for treeview icon" } } }, "o-validation": { "emits": {}, "models": {}, "props": { "validator": { "type": "IValidator", "description": "The validator.", "required": true }, "validationOn": { "type": "ValidationOnTypes", "description": "Changes the events in which validation occurs.", "defaultValue": "\"lazy submit\"" } }, "slots": {} }, "o-virtual-scroll": { "emits": {}, "models": {}, "props": { "maxHeight": { "type": "string | number", "description": "Sets the maximum height for the component." }, "maxWidth": { "type": "string | number", "description": "Sets the maximum width for the component." }, "minHeight": { "type": "string | number", "description": "Sets the minimum height for the component." }, "minWidth": { "type": "string | number", "description": "Sets the minimum width for the component." }, "width": { "type": "string | number", "description": "Sets the width for the component." }, "height": { "type": "string | number", "description": "Height of the component as a css value." }, "itemHeight": { "type": "string | number", "description": "Height in pixels of each item to display." }, "itemKey": { "type": "ItemValueType<T>", "description": "Should point to a property with a unique value for each item, if not set then item index will be used as a key which may result in unnecessary re-renders." }, "items": { "type": "T[]", "description": "The array of items to display.", "defaultValue": "emptyArray" } }, "slots": { "default": { "type": "(value:) => VNodeChild" } } }, "omfx-post-template": { "emits": { "openReply": { "type": "(postToReplyOn:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "cancelReply": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "openEdit": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "closeEdit": { "type": "(post:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void" }, "refresh": { "type": "(addedPost:boolean) => void" } }, "models": {}, "props": { "canShowEditDialogOnLoad": { "type": "boolean" }, "richTextSettings": { "type": "OmitProperties<IRichTextEditor,initialContent | onContentChange>" }, "currentUser": { "type": "ResolvedUserIdentity" }, "canLike": { "type": "() => boolean" }, "persistedPost": { "type": "IPersistedPost<IPostBaseWithContext<IPostBaseContext>>" }, "persistedPosts": { "type": "Array<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "enableMention": { "type": "boolean" }, "cardStyle": { "type": "LegacyThemeDefinition" }, "hideEdit": { "type": "boolean", "defaultValue": false }, "handleAddingPost": { "type": "(addingPost:IPostBaseWithContext<IPostBaseContext>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleUpdatingPost": { "type": "(updatingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleDeletingPost": { "type": "(deletingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleTogglingLike": { "type": "(togglingPost:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "handleSocialReacts": { "type": "(postToReact:IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, isReacts:boolean, reactionType:ReactionType) => Promise<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>" }, "customSlots": { "type": "IPostCustomSlots" }, "hideEditOption": { "type": "boolean", "defaultValue": false }, "getTopPostIds": { "type": "() => " }, "getUserHash": { "type": "() => " }, "topicPermissionDictionary": { "type": "" } }, "slots": {} }, "omfx-aboutuser": { "emits": {}, "models": {}, "props": { "user": { "type": "UserIdentity" } }, "slots": {} }, "omfx-property-block-v2": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-property-block-v2-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-emoticon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-mention-component": { "emits": {}, "models": { "userName": { "type": "UserIdentity | string" } }, "props": { "userLabel": { "type": "string" }, "url": { "type": "string" } }, "slots": {} }, "omfx-textcompletion-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-likeaction-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-comment-like-template": { "emits": { "openReply": { "type": "(commentToReplyOn:Comment) => Comment" }, "cancelReply": { "type": "(comment:Comment) => void" }, "refresh": { "type": "(addedComment:boolean) => void" } }, "models": {}, "props": { "comment": { "type": "Comment" }, "dynamicInput": { "type": "CommentLikeTemplateDynamicInput" }, "templateSettings": { "type": "CommentLikeTemplateSettings" }, "currentUser": { "type": "ResolvedUserIdentity" }, "canShowEditDialogOnLoad": { "type": "boolean" }, "canLike": { "type": "boolean" }, "additionalRoles": { "type": "Array<guid>" }, "backgroundColor": { "type": "ColorValue" }, "foregroundColor": { "type": "ColorValue" }, "textColor": { "type": "ColorValue" }, "hideEdit": { "type": "boolean" }, "readOnly": { "type": "boolean" } }, "slots": {} }, "omfx-like-listing-template": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": { "likes": { "type": "Array<ISocialReaction>" }, "socialReactionStylings": { "type": "Array<ISocialReactionStyling>" }, "currentSocialReaction": { "type": "ISocialReactionStyling" } }, "slots": {} }, "omfx-velcron-editor": { "emits": { "click:close": { "type": "() => true" }, "save": { "type": "(definition:VelcronAppDefinition) => true" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "definition": { "type": "VelcronAppDefinition" }, "mode": { "type": "store | return", "defaultValue": "\"store\"" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omnia-velcron-editor-action": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-renderer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-component-creator": { "emits": { "setup:context": { "type": "(context:VelcronRenderContext) => void" } }, "models": {}, "props": { "definition": { "type": "VelcronDefinition", "required": true }, "renderContext": { "type": "VelcronRenderContext", "required": true }, "containerClass": { "type": "object" }, "elementClass": { "type": "object" } }, "slots": {} }, "omfx-velcron-app": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-blade-builder": { "emits": { "close": { "type": "() => void" } }, "models": { "modelValue": { "type": "boolean" } }, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "selectedLayout": { "type": "VersionedLayout" }, "icon": { "type": "IIcon" }, "title": { "type": "string" }, "subTitle": { "type": "string", "defaultValue": "\"\"" }, "hideNavigation": { "type": "boolean" }, "sort": { "type": "(a:VersionedLayout, b:VersionedLayout) => number" }, "provider": { "type": "string" } }, "slots": { "navigation": { "type": "() => undefined" }, "bottomNavigationDrawer": { "type": "() => undefined" }, "prependNavigation": { "type": "() => undefined" }, "rightPanel": { "type": "() => undefined" } } }, "omfx-versioned-layout-creation-blade": { "emits": { "setLayout": { "type": "(layout:VersionedLayout) => void" } }, "models": {}, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "isBlade": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-versioned-layout-list-blade-builder": { "emits": {}, "models": {}, "props": { "settings": { "type": "VersionedLayoutBladeSettings" }, "bladeTitle": { "type": "string" } }, "slots": {} }, "omfx-versioned-layout-url-input": { "emits": { "urlSegmentChanged": { "type": "(urlSegment:string) => void" } }, "models": {}, "props": { "filled": { "type": "boolean" }, "urlSegment": { "type": "string" }, "appInstanceId": { "type": "guid" }, "ignoreFromLayoutId": { "type": "VersionedLayoutId" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-term-set-display": { "emits": {}, "models": { "modelValue": { "type": "SharePointTermSetPropertyValue" } }, "props": { "displaySettings": { "type": "SharePointTermSetPropertyDisplaySettings" }, "setupSettings": { "type": "SharePointTermSetPropertySetupSettings" }, "clickHandler": { "type": "" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "(items:Array<>) => []" }, "contentColor": { "type": "ColorValue" }, "separator": { "type": "string" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "appendedElement": { "type": "() => undefined" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-term-set-editor": { "emits": {}, "models": { "modelValue": { "type": "SharePointTermSetPropertyValue" } }, "props": { "displaySettings": { "type": "SharePointTermSetPropertyDisplaySettings" }, "editorSettings": { "type": "SharePointTermSetPropertyEditorSettings" }, "setupSettings": { "type": "SharePointTermSetPropertySetupSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-term-set-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<SharePointTermSetPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<SharePointTermSetPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<SharePointTermSetPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<SharePointTermSetPropertyDefinition>) => VNodeChild" } } }, "oa-businessprofile-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-settings-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-business-profile-permission-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-administrator-permission-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-authenticationscreen-blade": { "emits": {}, "models": {}, "props": { "businessProfileId": { "type": "string", "required": true } }, "slots": {} }, "oa-authenticationscreen-chrome": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-app-instance-rollup-base-view": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" }, "getApi": { "type": "(api:ViewApi) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-listview": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-listview-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupListViewSettings" } }, "props": { "selectableProperties": { "type": "EnterprisePropertyDefinition[]" } }, "slots": {} }, "omfx-app-instance-rollup-view-cardview": { "emits": { "followAppInstanceClicked": { "type": "(appInstanceInfoUser:AppInstanceInfoUser) => void" } }, "models": {}, "props": { "total": { "type": "number" }, "items": { "type": "AppInstanceInfo[]" }, "displaySettings": { "type": "AppInstanceRollupBlockDisplaySettings" }, "appInstanceUrlBuilder": { "type": "(appInstanceInfo:AppInstanceInfo) => string" }, "navigateToAppInstance": { "type": "(appInstanceInfo:AppInstanceInfo) => void" } }, "slots": {} }, "omfx-app-instance-rollup-view-cardview-settings": { "emits": {}, "models": { "modelValue": { "type": "AppInstanceRollupCardViewSettings" } }, "props": { "selectableProperties": { "type": "EnterprisePropertyDefinition[]" } }, "slots": {} }, "oa-publishing-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-teamwork-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-communities-apps-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-app-management-category": { "emits": {}, "models": {}, "props": { "category": { "type": "AppCategories", "required": true }, "title": { "type": "string" } }, "slots": {} }, "oa-app-definitions-listing": { "emits": {}, "models": {}, "props": { "appDefinitions": { "type": "AppDefinition[]", "required": true }, "title": { "type": "string" } }, "slots": {} }, "oa-theme-design-menu-journey": { "emits": {}, "models": {}, "props": { "targetResolverType": { "type": "string", "defaultValue": "defaultValue" } }, "slots": {} }, "omfx-theme-designer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-preset-menu": { "emits": { "click:close": { "type": "() => true" } }, "models": { "modelValue": { "type": "boolean" } }, "props": {}, "slots": { "activator": { "type": "() => VNodeChild" } } }, "oa-themes-selection-journey": { "emits": {}, "models": {}, "props": { "targetResolverType": { "type": "string" }, "isAdminTheme": { "type": "boolean" } }, "slots": {} }, "oa-themes-selection-journey-bp": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-journey-app": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-themes-selection-admin-journey-tenant": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-background-editor": { "emits": { "click:confirm": { "type": "(value:BackgroundDefinition) => void" } }, "models": { "modelValue": { "type": "BackgroundDefinition" } }, "props": { "variant": { "type": "EditorVariant" }, "fill": { "type": "boolean" }, "toned": { "type": "boolean" }, "border": { "type": "boolean" }, "colorType": { "type": "ColorPickerType" }, "individualRadiusSelection": { "type": "boolean" }, "individualBorderWidthSelection": { "type": "boolean" }, "elevation": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "enableDynamicColor": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-background-viewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-border-picker": { "emits": {}, "models": { "modelValue": { "type": "BorderStylingDefinition" } }, "props": { "individualRadiusSelection": { "type": "boolean" }, "variant": { "type": "BorderPickerVariant" }, "individualWidthSelection": { "type": "boolean" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "enableDynamicColor": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "toned": { "type": "boolean" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-border-preview": { "emits": {}, "models": {}, "props": { "backgroundFill": { "type": "string", "description": "The background fill of the component" } }, "slots": {} }, "omfx-button-style-picker": { "emits": { "update:colorSchema": { "type": "(value:ColorSchemaType | ColorSchema) => null" } }, "models": { "modelValue": { "type": "ButtonBlueprint | ButtonBlueprintVariant" } }, "props": { "label": { "type": "string" }, "variant": { "type": "default | journey | list", "defaultValue": "\"list\"" }, "placeholder": { "type": "string" }, "toned": { "type": "boolean" }, "customStyling": { "type": "boolean" }, "dynamicColorSchema": { "type": "ColorSchemaType | ColorSchema" }, "showSlots": { "type": "boolean" }, "blueprints": { "type": "ButtonBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "sampleText": { "type": "string" } }, "slots": {} }, "omfx-button-style-editor": { "emits": { "click:confirm": { "type": "(value:ButtonBlueprint) => void" } }, "models": { "modelValue": { "type": "ButtonBlueprint" } }, "props": { "variant": { "type": "EditorVariant" }, "buttonLabel": { "type": "string" }, "toned": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "definitionButton": { "type": "() => VNodeChild" } } }, "omfx-button-blueprints-viewer": { "emits": { "click:select": { "type": "(selection:ButtonBlueprintVariant) => true" }, "click:add": { "type": "(selection:ButtonBlueprintType) => true" } }, "models": { "modelValue": { "type": "ButtonBlueprints" } }, "props": { "variant": { "type": "ViewVariant" }, "toned": { "type": "boolean" }, "blueprintStrategy": { "type": "string" }, "editable": { "type": "boolean" } }, "slots": {} }, "omfx-chrome-layout-picker": { "emits": { "selection": { "type": "(selection:VersionedLayout) => void" } }, "models": { "modelValue": { "type": "number" } }, "props": { "label": { "type": "string" }, "variant": { "type": "ChromePickerVariant" } }, "slots": {} }, "omfx-color-pickerV2": { "emits": {}, "models": {}, "props": { "variant": { "type": "OSelectVariants | inline | journey", "description": "Applies a distinct style to the component." }, "toned": { "type": "boolean", "description": "If the component is toned" }, "disableColorToggle": { "type": "boolean", "description": "The color is not toggled if it selected twice" }, "type": { "type": "ColorPickerType", "description": "The type of the color picker" }, "dynamicColorSchemaType": { "type": "ColorSchemaType", "description": "The colors schema to use as the display color for a dynamic color picker where the colors follow the color schema of the component. " }, "enableDynamicColor": { "type": "boolean", "description": "If allowed to support dynamic color schemas. Dynamic color schemas follow the selected color of the parent colorschema." }, "disableCustomColor": { "type": "boolean", "description": "If not allowed to pick custom colors" }, "showPlaceholders": { "type": "boolean", "description": "If pladeholder colors should be shown" }, "showSystemColors": { "type": "boolean", "description": "If system colors should be shown" }, "opacity": { "type": "boolean", "description": "If it should be possible to set opacity on the color picker" }, "label": { "type": "string", "description": "Label to display for the color" }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void", "description": "Toolbarrenderer" } }, "slots": {} }, "omfx-color-preview": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-dynamic-color-indicator": { "emits": {}, "models": {}, "props": { "colorReference": { "type": "any" }, "dynamicColorSchemaType": { "type": "ColorSchemaType" }, "noIcon": { "type": "boolean" }, "width": { "type": "string" }, "size": { "type": "small | default" }, "height": { "type": "string" }, "hasDynamicColors": { "type": "boolean" } }, "slots": {} }, "omfx-color-schema-picker": { "emits": {}, "models": {}, "props": { "customSchema": { "type": "boolean", "description": "If allowed to pick custom color schemas" }, "enableDynamicColor": { "type": "boolean", "description": "If allowed to support dynamic color schemas. Dynamic color schemas follow the selected color of the parent colorschema." }, "defaultColorSchemaType": { "type": "ColorSchemaType", "description": "The color schema type of the dynamic color schema. If not set, the default color schema type is used." }, "showSlots": { "type": "boolean", "description": "If empty slots are shown in picker" }, "showDynamicSchemaIfEmpty": { "type": "boolean", "description": "If enabled, the color schema picker will show the dynamic color schema if the model value is empty." }, "disabled": { "type": "boolean", "description": "Removed the ability to interact with the component." } }, "slots": {} }, "omfx-color-schema-definition-picker": { "emits": {}, "models": { "modelValue": { "type": "ColorSchema" } }, "props": { "toned": { "type": "boolean" }, "items": { "type": "ColorSchema[]" }, "variant": { "type": "dialog | OSelectVariants | journey" }, "fallbackColorType": { "type": "ColorSchemaType" }, "label": { "type": "string" }, "selectionLabel": { "type": "string" }, "placeholder": { "type": "string" } }, "slots": { "activator": { "type": "() => VNode" } } }, "omfx-color-schema-viewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-color-schema-editor": { "emits": {}, "models": {}, "props": { "toolbarCallback": { "type": "(value:() => VNodeChild) => void", "description": "Toolbarrenderer" } }, "slots": {} }, "omfx-component-blueprints-viewer": { "emits": {}, "models": { "modelValue": { "type": "ComponentBlueprints" } }, "props": { "toned": { "type": "boolean" } }, "slots": {} }, "omfx-container-fill-picker": { "emits": {}, "models": {}, "props": { "allowCustom": { "type": "boolean", "description": "If allowed to pick custom" }, "showSlots": { "type": "boolean", "description": "If empty slots are shown in picker" }, "individualBorderWidthSelection": { "type": "boolean", "description": "If allowed to pick inidividual border width" }, "individualRadiusSelection": { "type": "boolean", "description": "If allowed to pick individual border radius" }, "label": { "type": "string", "description": "Label to display as heading" } }, "slots": {} }, "omfx-container-fill-style-editor": { "emits": { "click:select": { "type": "(variant:BlueprintVariant) => true" }, "click:add": { "type": "() => true" } }, "models": { "modelValue": { "type": "ContainerFillBlueprint" } }, "props": { "defaultColorSchemaType": { "type": "ColorSchemaType" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-container-fill-blueprints-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<ContainerFillBlueprints>) => true" } }, "models": { "modelValue": { "type": "ContainerFillBlueprints" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-fill-picker": { "emits": {}, "models": { "modelValue": { "type": "TextFillDefinitionValue" } }, "props": { "colorType": { "type": "ColorPickerType" }, "title": { "type": "string" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "createNewColorDynamic": { "type": "boolean" }, "singleColor": { "type": "boolean" }, "variant": { "type": "FillPickerVariant" }, "label": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-fill-preview": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-header-picker": { "emits": { "colorSchemaChanged": { "type": "(colorSchema:ColorSchemaType) => void" } }, "models": { "modelValue": { "type": "HeaderBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "dynamicColorSchema": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "blueprints": { "type": "HeaderBlueprints" }, "variant": { "type": "picker | list" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "previewTitle": { "type": "MultilingualString | string" }, "previewIcon": { "type": "IIcon" }, "customStyling": { "type": "boolean" }, "showSlots": { "type": "boolean" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-header-renderer": { "emits": {}, "models": {}, "props": { "blueprint": { "type": "HeaderBlueprint | BlueprintVariant" }, "state": { "type": "any" }, "text": { "type": "MultilingualString | string" }, "icon": { "type": "IIcon" }, "anchorName": { "type": "string" } }, "slots": {} }, "omfx-header-settings": { "emits": {}, "models": { "modelValue": { "type": "HeaderSettings" } }, "props": {}, "slots": {} }, "omfx-header-style-editor": { "emits": {}, "models": { "modelValue": { "type": "HeaderBlueprint" } }, "props": { "headerLabel": { "type": "string" }, "toned": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" }, "definitionButton": { "type": "() => VNodeChild" } } }, "omfx-icon-style-picker": { "emits": {}, "models": { "modelValue": { "type": "OIconSizes" } }, "props": { "icon": { "type": "IIcon" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "toned": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "variant": { "type": "PickerVariant" }, "label": { "type": "string" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-icon-style-editor": { "emits": {}, "models": { "modelValue": { "type": "IconBlueprint" } }, "props": { "icon": { "type": "IIcon" }, "defaultColorSchemaType": { "type": "ColorSchemaType" }, "variant": { "type": "EditorVariant" }, "toned": { "type": "boolean" }, "size": { "type": "OIconSizes" }, "simpleMode": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" }, "label": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-icon-blueprints-viewer": { "emits": { "click:select": { "type": "(size:OIconSizes) => true" } }, "models": {}, "props": { "blueprints": { "type": "IconBlueprints" }, "toned": { "type": "boolean" }, "variant": { "type": "ViewType" }, "label": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-input-style-picker": { "emits": {}, "models": { "modelValue": { "type": "InputBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "toned": { "type": "boolean" }, "blueprints": { "type": "InputBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "customStyling": { "type": "boolean" } }, "slots": {} }, "omfx-input-style-editor": { "emits": { "click:confirm": { "type": "(value:TabsBlueprint) => void" } }, "models": { "modelValue": { "type": "InputBlueprint" } }, "props": { "blueprintStrategy": { "type": "string" }, "showNameSelection": { "type": "boolean" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": {} }, "omfx-input-blueprint-viewer": { "emits": { "click:select": { "type": "() => true" } }, "models": {}, "props": { "blueprint": { "type": "InputBlueprint" }, "toned": { "type": "boolean" }, "variant": { "type": "EditorVariant" }, "label": { "type": "string" }, "sampleText": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-variant-placeholder": { "emits": {}, "models": {}, "props": { "toned": { "type": "boolean" }, "label": { "type": "string" }, "icon": { "type": "FontAwesomeIcon" } }, "slots": {} }, "omfx-spacing-picker": { "emits": {}, "models": { "modelValue": { "type": "Spacing", "description": "The v-model value of the component." } }, "props": { "class": { "type": "String | String[]" }, "scaleSelection": { "type": "boolean" }, "allowNegativeNumbers": { "type": "boolean" }, "defaultScale": { "type": "SpacingScale" }, "preset": { "type": "SpacingPreset" }, "label": { "type": "string" }, "toned": { "type": "boolean" }, "type": { "type": "T", "description": "Specify input type.", "defaultValue": "defaultTypeValue" }, "disableTop": { "type": "boolean" }, "disableBottom": { "type": "boolean" }, "disableLeft": { "type": "boolean" }, "disableRight": { "type": "boolean" } }, "slots": {} }, "omfx-spacing-viewer": { "emits": { "click:select": { "type": "(value:SpacingScale) => true" } }, "models": {}, "props": { "blueprint": { "type": "SpacingBlueprint" }, "variant": { "type": "Variant" }, "height": { "type": "string" } }, "slots": {} }, "omfx-spacing-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-spacing-blueprint-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<SpacingBlueprint>) => true" } }, "models": { "modelValue": { "type": "SpacingBlueprint" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-style-picker": { "emits": {}, "models": {}, "props": { "variant": { "type": "EditorVariant", "description": "The variant of the style picker" }, "colorSchemaTypePreview": { "type": "ColorSchemaType", "description": "The color schema type to use for preview" } }, "slots": {} }, "omfx-tab-style-picker": { "emits": {}, "models": { "modelValue": { "type": "TabsBlueprint | BlueprintVariant" } }, "props": { "label": { "type": "string" }, "toned": { "type": "boolean" }, "blueprints": { "type": "TabsBlueprints" }, "baseStrategy": { "type": "BlueprintsStrategyBase" }, "showSlots": { "type": "boolean" }, "customStyling": { "type": "boolean" } }, "slots": {} }, "omfx-tab-style-editor": { "emits": { "click:confirm": { "type": "(value:TabsBlueprint) => void" } }, "models": { "modelValue": { "type": "TabsBlueprint" } }, "props": { "variant": { "type": "EditorVariant" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-tab-blueprint-viewer": { "emits": { "click:select": { "type": "() => true" } }, "models": {}, "props": { "blueprint": { "type": "TabsBlueprint" }, "toned": { "type": "boolean" }, "label": { "type": "string" }, "selectable": { "type": "boolean" } }, "slots": {} }, "omfx-text-color-picker": { "emits": {}, "models": { "modelValue": { "type": "TextFillDefinitionValue" } }, "props": { "defaultColorSchemaType": { "type": "ColorSchemaType" }, "variant": { "type": "PickerVariant" }, "toned": { "type": "boolean" }, "label": { "type": "string" }, "customColor": { "type": "boolean" }, "showSlots": { "type": "boolean" }, "enableDynamicColor": { "type": "boolean" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-text-color-blueprints-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<TextFillBlueprint>) => true" } }, "models": { "modelValue": { "type": "TextFillBlueprints" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-text-style-picker": { "emits": {}, "models": { "modelValue": { "type": "TextStyleValue | number | TextStyleConfiguration | guid" } }, "props": { "customTyping": { "type": "boolean" }, "viewType": { "type": "ViewTypes" }, "previewType": { "type": "previewTypes" }, "filters": { "type": "Array<guid>" }, "textBlueprint": { "type": "TextBlueprint" }, "typographyBlueprint": { "type": "TypographyBlueprint" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "showSlots": { "type": "boolean" }, "clearable": { "type": "boolean" }, "ignoreStylingInSelection": { "type": "boolean" }, "toned": { "type": "boolean" }, "variant": { "type": "PickerVariant" }, "label": { "type": "string" }, "placeholder": { "type": "string" }, "sampleText": { "type": "string" } }, "slots": { "activator": { "type": "() => VNode" } } }, "omfx-text-style-viewer": { "emits": {}, "models": {}, "props": { "item": { "type": "TextStyleConfiguration | guid" }, "ignoreLineHeight": { "type": "boolean" }, "textColor": { "type": "string" } }, "slots": {} }, "omfx-theme-definition-picker": { "emits": { "item:selected": { "type": "(theme:ITemplateRegistration<ResolvedThemeDefinition> | guid) => true" } }, "models": { "modelValue": { "type": "ResolvedThemeDefinition | guid" } }, "props": { "variant": { "type": "ThemePickerVariant" }, "toned": { "type": "string" }, "label": { "type": "string" }, "enableClear": { "type": "boolean" }, "navigation": { "type": "boolean" }, "filter": { "type": "custom" }, "modelType": { "type": "ModelType" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-theme-definition-viewer": { "emits": {}, "models": {}, "props": { "definition": { "type": "ResolvedThemeDefinition" }, "selected": { "type": "boolean" } }, "slots": {} }, "omfx-theme-switcher": { "emits": {}, "models": {}, "props": { "variant": { "type": "ThemeSwitcherVariant" }, "label": { "type": "string" }, "adminTheme": { "type": "boolean" }, "showAccessibility": { "type": "boolean" }, "getApi": { "type": "(store:ReturnType<useThemeSwitcherStore>) => null" }, "border": { "type": "left | right | left right" }, "buttonBlueprint": { "type": "ButtonBlueprint | ButtonBlueprintVariant" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": { "activator": { "type": "Func<>" } } }, "omfx-theme-component-preview": { "emits": {}, "models": { "modelValue": { "type": "ResolvedThemeDefinition" } }, "props": { "hideColorSchemas": { "type": "boolean" }, "toned": { "type": "boolean" } }, "slots": {} }, "omfx-text-style-editor": { "emits": {}, "models": { "modelValue": { "type": "TextStyleDefinition" } }, "props": { "variant": { "type": "EditorVariant" }, "blueprint": { "type": "TypographyBlueprint" }, "textStyleType": { "type": "TextStyleType" }, "textStyleSize": { "type": "TextStyleSizes" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "sampleText": { "type": "string" }, "toolbarCallback": { "type": "(value:() => VNodeChild) => void" } }, "slots": { "activator": { "type": "() => VNodeChild" } } }, "omfx-typography-viewer": { "emits": { "click:select": { "type": "(typography:TextStyleType, size:TextStyleSizes) => true" }, "click:selectScale": { "type": "(scale:number) => true" } }, "models": {}, "props": { "blueprint": { "type": "TypographyBlueprint" }, "toned": { "type": "boolean" }, "showActivationStatus": { "type": "boolean" }, "activeScale": { "type": "number" }, "sampleText": { "type": "string" }, "variant": { "type": "Variant" }, "viewtype": { "type": "ViewTypes" }, "previewType": { "type": "previewTypes" }, "showSlots": { "type": "boolean" }, "breakpoint": { "type": "TextStyleBreakpointType" }, "editable": { "type": "boolean" } }, "slots": {} }, "omfx-typography-blueprint-picker": { "emits": { "select:template": { "type": "(variant:ITemplateRegistration<TypographyBlueprint>) => true" } }, "models": { "modelValue": { "type": "TypographyBlueprint" } }, "props": { "variant": { "type": "Variant" }, "label": { "type": "string" } }, "slots": {} }, "omfx-view-template-picker": { "emits": { "update:modelValue": { "type": "(renderer:VelcronRendererResolverReference) => void" } }, "models": { "modelValue": { "type": "VelcronRendererResolverReference" } }, "props": { "label": { "type": "string" }, "state": { "type": "any" }, "categoryFilters": { "type": "Array<guid>" }, "renderTypeFilters": { "type": "Array<guid>" } }, "slots": {} }, "omfx-enterpriseproperties-booleanfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-display": { "emits": {}, "models": { "modelValue": { "type": "string" } }, "props": { "settings": { "type": "" }, "property": { "type": "EnterprisePropertyDefinition" }, "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => undefined" } }, "slots": {} }, "omfx-enterpriseproperties-languagefield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-richtextfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-display": { "emits": {}, "models": { "modelValue": { "type": "Array<Tag>" } }, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "onTagClicked": { "type": "(tag:Tag) => void" }, "multiple": { "type": "boolean" }, "disabled": { "type": "boolean" }, "label": { "type": "string" }, "hideSelected": { "type": "boolean", "defaultValue": false }, "required": { "type": "boolean" }, "styles": { "type": "TagsFieldDisplayStyles" }, "clickableIcon": { "type": "IIcon" }, "appendedTagContents": { "type": "[]" } }, "slots": { "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => undefined" }, "appendedElement": { "type": "() => undefined" } } }, "omfx-enterpriseproperties-textfield-display": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-booleanfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-edit": { "emits": { "valueChanged": { "type": "(value:string) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyDateTimeItemSettings" }, "includeTime": { "type": "boolean" }, "icon": { "type": "string" }, "tooltip": { "type": "string" } }, "slots": {} }, "omfx-enterpriseproperties-languagefield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-numberfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-edit": { "emits": { "valueChanged": { "type": "(value:Array<Identity>) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyPersonItemSettings" } }, "slots": {} }, "omfx-enterpriseproperties-richtextfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-edit": { "emits": {}, "models": {}, "props": { "valueBind": { "type": "" }, "onValueChanged": { "type": "(value:Array<Tag>) => void" }, "property": { "type": "EnterprisePropertyDefinition" }, "disabled": { "type": "boolean" }, "promotedTagOptions": { "type": "PromotedTagOptions" }, "variant": { "type": "OSelectTypes" }, "settings": { "type": "EnterprisePropertyTagsItemSettings" }, "hideDetails": { "type": "boolean" } }, "slots": {} }, "omfx-enterpriseproperties-textfield-edit": { "emits": { "valueChanged": { "type": "(value:string) => void" } }, "models": {}, "props": { "valueBind": { "type": "" }, "disabled": { "type": "boolean" }, "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertyTextItemSettings" } }, "slots": {} }, "omfx-enterpriseproperties-extended-property-settings": { "emits": { "changeProperty": { "type": "(property:ExtendedPropertyEnterprisePropertyDefinition) => void" } }, "models": {}, "props": { "property": { "type": "ExtendedPropertyEnterprisePropertyDefinition", "required": true }, "styles": { "type": "ExtendedPropertySettingsStyles" } }, "slots": { "settings": { "type": "() => VNodeChild" } } }, "omfx-enterpriseproperties-booleanfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datafield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-datetimefield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-languagefield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-mediafield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-numberfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-personfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-richtextfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-tags-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-textfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-person-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "PersonFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-person-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-text-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TextFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-text-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-boolean-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "BooleanFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-boolean-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-datetime-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "DateTimeFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-datetime-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-number-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "NumberFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-number-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-tags-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TagsFilterEngineProperty" } }, "props": { "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>" }, "context": { "type": "FilterEngineContext", "required": true } }, "slots": {} }, "omfx-filterengine-tags-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-layout-developertools": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-editor-block-edit": { "emits": {}, "models": {}, "props": { "title": { "type": "string", "required": true }, "icon": { "type": "IIcon" }, "variant": { "type": "inline | panel", "defaultValue": "\"panel\"" }, "layoutItem": { "type": "LayoutItem" }, "renderBladeOnly": { "type": "boolean" } }, "slots": { "panel": { "type": "(baldeRenderer:BladeElement) => VNodeChild" } } }, "omfx-layout-editor-block-edit-panel": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-editor-canvas-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-media-gallery-dialog-slider": { "emits": { "close": { "type": "() => void" } }, "models": { "activeIndex": { "type": "number" } }, "props": { "media": { "type": "Array<MediaPickerMedia>" }, "showThumbnail": { "type": "boolean" } }, "slots": {} }, "omfx-media-gallery-display-photowall": { "emits": { "clickMedia": { "type": "(index:number) => void" } }, "models": { "media": { "type": "Array<MediaPickerMedia>" } }, "props": { "mediaClass": { "type": "string" }, "roundBorder": { "type": "boolean" }, "mediaJson": { "type": "string" }, "displayNumber": { "type": "number" }, "fill": { "type": "ContainerFillValue" }, "fillOpacity": { "type": "number" }, "dynamicColorSchema": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-media-gallery-selector": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-slidepanel-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "o-splitpane": { "emits": { "panelClick": { "type": "(event:PanelEventClick) => void", "description": "Emits when one of panels is clicked." }, "resized": { "type": "(sizes:SplitpaneSize[]) => void", "description": "Emits when pane components are resized." } }, "models": {}, "props": { "class": { "type": "String | String[]" }, "variant": { "type": "OSplitpanesVariation", "description": "Controls the orientation of the component.", "defaultValue": "\"vertical\"" }, "height": { "type": "string | number", "description": "The height of the component.", "defaultValue": "\"100%\"" }, "dblClickSplitter": { "type": "boolean", "description": "Double click a splitter to maximize the next pane.", "defaultValue": false }, "disabled": { "type": "boolean", "description": "Disabels the splitter", "defaultValue": false } }, "slots": {} }, "o-splitpane-item": { "emits": {}, "models": {}, "props": { "class": { "type": "String | String[]" }, "minSize": { "type": "number", "description": "The percentage of the split-panel item minimum size.", "defaultValue": 0 }, "maxSize": { "type": "number", "description": "The percentage of the split-panel item maximum size", "defaultValue": 100 }, "size": { "type": "number", "description": "The percentage of the split-panel item size." } }, "slots": {} }, "omfx-properties-birthday-display": { "emits": {}, "models": { "modelValue": { "type": "BirthdayPropertyValue" } }, "props": { "displaySettings": { "type": "BirthdayDisplaySettings", "required": true, "defaultValue": "defaultValue" }, "styles": { "type": "BirthdayDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-birthday-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<BirthdayPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<BirthdayPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<BirthdayPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<BirthdayPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-birthday-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-boolean-display": { "emits": {}, "models": { "modelValue": { "type": "BooleanPropertyValue" } }, "props": { "displaySettings": { "type": "BooleanDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-boolean-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-businessprofile-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<BusinessProfilePropertyDefinition>" } }, "props": { "displaySettings": { "type": "BusinessProfileDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-businessprofile-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-date-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<DatePropertyDefinition>" } }, "props": { "displaySettings": { "type": "DateDisplaySettings" }, "styles": { "type": "DateDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-date-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-date-time-display": { "emits": {}, "models": { "modelValue": { "type": "DateTimePropertyValue" } }, "props": { "displaySettings": { "type": "DateTimeDisplaySettings" }, "styles": { "type": "DateTimeDisplayStyles" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-date-time-editor": { "emits": {}, "models": { "modelValue": { "type": "DateTimePropertyValue" } }, "props": { "displaySettings": { "type": "DateTimeDisplaySettings" }, "editorSettings": { "type": "DateTimeEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-date-time-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<DateTimePropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<DateTimePropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<DateTimePropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<DateTimePropertyDefinition>) => VNodeChild" } } }, "omfx-properties-email-display": { "emits": {}, "models": { "modelValue": { "type": "EmailPropertyValue" } }, "props": { "displaySettings": { "type": "EmailDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-email-editor": { "emits": {}, "models": { "modelValue": { "type": "EmailPropertyValue" } }, "props": { "displaySettings": { "type": "EmailDisplaySettings" }, "editorSettings": { "type": "EmailEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-properties-html-display": { "emits": {}, "models": { "modelValue": { "type": "HtmlPropertyValue" } }, "props": { "displaySettings": { "type": "HtmlDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-html-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-html-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<HtmlPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<HtmlPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<HtmlPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<HtmlPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-identity-display": { "emits": {}, "models": { "modelValue": { "type": "IdentityPropertyValue" } }, "props": { "displaySettings": { "type": "IdentityPropertyDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "styles": { "type": "IdentityDisplayStyles" } }, "slots": { "left": { "type": "(resolvedIdentity:IResolvedIdentity) => VNodeChild" }, "right": { "type": "(resolvedIdentity:IResolvedIdentity) => VNodeChild" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-identity-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-identity-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<IdentityPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<IdentityPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<IdentityPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<IdentityPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-image-display": { "emits": {}, "models": { "modelValue": { "type": "ImagePropertyValue" } }, "props": { "displaySettings": { "type": "ImageDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-image-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<ImagePropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<ImagePropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<ImagePropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<ImagePropertyDefinition>) => VNodeChild" } } }, "omfx-properties-image-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-integer-display": { "emits": {}, "models": { "modelValue": { "type": "IntegerPropertyValue" } }, "props": { "displaySettings": { "type": "IntegerDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-integer-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-language-display": { "emits": {}, "models": { "modelValue": { "type": "LanguagePropertyValue" } }, "props": { "displaySettings": { "type": "LanguageDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-language-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-link-display": { "emits": {}, "models": { "modelValue": { "type": "LinkPropertyValue" } }, "props": { "displaySettings": { "type": "LinkDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-link-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-link-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<LinkPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<LinkPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<LinkPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<LinkPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-media-display": { "emits": {}, "models": { "modelValue": { "type": "MediaPropertyValue" } }, "props": { "displaySettings": { "type": "MediaDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-media-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-multilinetext-display": { "emits": {}, "models": { "modelValue": { "type": "MultilineTextPropertyValue" } }, "props": { "displaySettings": { "type": "MultilineTextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilinetext-editor": { "emits": {}, "models": { "modelValue": { "type": "MultilineTextPropertyValue", "disableAutoEmit": true } }, "props": { "displaySettings": { "type": "MultilineTextDisplaySettings" }, "editorSettings": { "type": "MultilineTextEditorSettings" }, "disabled": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilingualtext-display": { "emits": {}, "models": { "modelValue": { "type": "MultilingualTextPropertyValue" } }, "props": { "displaySettings": { "type": "MultilingualTextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-multilingualtext-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-phone-number-display": { "emits": {}, "models": { "modelValue": { "type": "PhoneNumberPropertyValue" } }, "props": { "displaySettings": { "type": "PhoneDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "styles": { "type": "MobileDisplayStyles" }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-phone-number-editor": { "emits": {}, "models": { "modelValue": { "type": "PhoneNumberPropertyValue" } }, "props": { "displaySettings": { "type": "PhoneDisplaySettings" }, "editorSettings": { "type": "PhoneEditorSettings" }, "disabled": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-phone-number-configuration": { "emits": {}, "models": { "modelValue": { "type": "PropertyConfiguration<PhoneNumberPropertyDefinition>", "required": true } }, "props": { "onConfigurationValid": { "type": "(validConfig:PropertyConfiguration<PhoneNumberPropertyDefinition>) => void", "required": true }, "showLockConfiguration": { "type": "boolean", "defaultValue": false }, "renderEditSettings": { "type": "boolean", "defaultValue": true }, "defaultConfiguration": { "type": "PropertyConfiguration<PhoneNumberPropertyDefinition>" }, "multilingualContext": { "type": "MultilingualContext" } }, "slots": { "append": { "type": "(item:PropertyConfiguration<PhoneNumberPropertyDefinition>) => VNodeChild" } } }, "omfx-properties-tags-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<TagsPropertyDefinition>" } }, "props": { "displaySettings": { "type": "TagsDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "clickableIcon": { "type": "IIcon" }, "appendedTagContents": { "type": "[]" }, "hideSelected": { "type": "boolean" }, "styles": { "type": "TagsFieldDisplayStyles" }, "contentColor": { "type": "ColorValue" }, "onTagClicked": { "type": "(tag:Tag) => void" }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": { "appendedElement": { "type": "() => undefined" }, "renderer": { "type": "(renderProps:) => VNodeChild" } } }, "omfx-properties-tags-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-text-display": { "emits": {}, "models": { "modelValue": { "type": "TextPropertyValue" } }, "props": { "displaySettings": { "type": "TextDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-text-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-time-display": { "emits": {}, "models": { "modelValue": { "type": "TimePropertyValue" } }, "props": { "displaySettings": { "type": "TimeDisplaySettings" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false }, "styles": { "type": "TimeDisplayStyles" } }, "slots": {} }, "omfx-properties-time-editor": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-properties-usertype-display": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<UserTypePropertyDefinition>" } }, "props": { "displaySettings": { "type": "PropertyDisplaySettingsType<UserTypePropertyDefinition>" }, "renderTextOnly": { "type": "boolean", "defaultValue": false }, "persistentLabels": { "type": "boolean", "defaultValue": false } }, "slots": {} }, "omfx-properties-usertype-editor": { "emits": {}, "models": { "modelValue": { "type": "PropertyValueType<UserTypePropertyDefinition>", "disableAutoEmit": true } }, "props": { "displaySettings": { "type": "UserTypeDisplaySettings" }, "editorSettings": { "type": "UserTypeEditorSettings" }, "disabled": { "type": "boolean" } }, "slots": {} }, "o-demo": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-demo-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-block": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-definition-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-velcron-properties-editor": { "emits": {}, "models": {}, "props": { "propertyEditors": { "type": "Array<VelcronEditor>", "description": "Limited property editors to render. Default all in the app definition are rendered." }, "hidePropertyMapped": { "type": "boolean", "description": "Does not render editors that can be property mapped" } }, "slots": {} }, "omfx-velcron-state-properties-editor": { "emits": { "value:enter": { "type": "(propertyEditorMapping:VelcronEditor, value:any) => true" }, "value:leave": { "type": "(propertyEditorMapping:VelcronEditor, value:any) => true" } }, "models": { "modelValue": { "type": "DynamicState" } }, "props": { "definition": { "type": "VelcronAppDefinition" }, "propertyEditors": { "type": "Array<VelcronEditor>" }, "hidePropertyMapped": { "type": "boolean" }, "location": { "type": "EditorLocation" }, "previewColorSchemaType": { "type": "ColorSchemaType" } }, "slots": {} }, "omfx-velcron-property-editor-creator": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-versioned-layout-checked-out-by-other-message": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywords-display": { "emits": {}, "models": { "modelValue": { "type": "Array<guid>" } }, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "lcid": { "type": "number", "defaultValue": 1033 }, "lang": { "type": "string", "defaultValue": "\"en-us\"" } }, "slots": { "appendedElement": { "type": "() => VNodeChild" }, "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => VNodeChild" } } }, "omfx-enterpriseproperties-taxonomy-display": { "emits": {}, "models": { "modelValue": { "type": "Array<guid>" } }, "props": { "settings": { "type": "EnterprisePropertiesBlockTaxonoyPropertiesSettings" }, "property": { "type": "EnterprisePropertyDefinition" }, "lcid": { "type": "number" }, "lang": { "type": "string" }, "clickHandler": { "type": "TaxonomyFieldDisplayClickHander" }, "appendMenuItems": { "type": "[]" }, "validateRenderTooltip": { "type": "" } }, "slots": { "wrapWithParentContent": { "type": "(internalName:string, propertyContent:undefined) => VNodeChild" }, "appendedElement": { "type": "() => VNodeChild" } } }, "omfx-enterpriseproperties-enterprisekeywords-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-edit": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywords-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-settings": { "emits": {}, "models": {}, "props": { "property": { "type": "EnterprisePropertyDefinition" }, "disabled": { "type": "boolean" } }, "slots": {} }, "omfx-enterpriseproperties-enterprisekeywordsfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterpriseproperties-taxonomyfield-value-definition": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-taxonomy-propertysettings": { "emits": {}, "models": { "modelValue": { "type": "TaxonomyFilterEngineProperty" } }, "props": { "context": { "type": "DbQueryFilterEngineContext", "required": true }, "propertyDefinitionAsHash": { "type": "Record<string,EnterprisePropertyDefinition>", "required": true } }, "slots": {} }, "omfx-filterengine-taxonomy-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-filterengine-extended-taxonomy-defaultvalue-input": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-businessprofile-language": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker-cropratios": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-mediapicker-scalingsettings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-redirect-manager": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-generalsettings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-tad-tenantregional": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-auditlogs-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-azuread-permissions-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-customemail-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-extensions-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-licenses-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenant-localization": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-seomanager-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-services-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-systemlogs-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-tenantcontact-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-chrome-editor-blade": { "emits": { "close": { "type": "() => void" } }, "models": {}, "props": {}, "slots": {} }, "omnia-color-schemas-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-blueprints-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-container-fills-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-fontmanager-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-spacing-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-templates-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-text-fills-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-textstyles-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omnia-typography-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-velcron-studio-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-placeholder": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-canvas-toolbar": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-device-previewer": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-onecolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-twocolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnpageicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-threecolumnheroicon": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-template-selector": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-background-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-spacing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-css": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-settings-targeting": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-title": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-block-title-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-image-background-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-journey-block-settings": { "emits": {}, "models": {}, "props": { "journeyInstance": { "type": "ILayoutCanvasTabInstance" } }, "slots": {} }, "omfx-layout-journey-menu-items": { "emits": {}, "models": {}, "props": { "items": { "type": "ILayoutCanvasJourneyMenuItemInstance[]", "defaultValue": "defaultItems" } }, "slots": { "prepend": { "type": "() => VNodeChild" }, "append": { "type": "() => VNodeChild" } } }, "omfx-layout-layout-settings-globalheader": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-layout-settings-blockheader": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-layout-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-clipboard": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-lock-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-general": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-spacing": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-style": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-css": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-targeting": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-header": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-section-settings-global": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-layout-tab-layout-settings": { "emits": {}, "models": {}, "props": { "items": { "type": "ILayoutCanvasExpansionItemInstance[]", "defaultValue": "defaultItems" } }, "slots": {} }, "omfx-layout-tab-block-settings": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-enterprise-glossary-link": { "emits": {}, "models": {}, "props": { "enterpriseGlossaryMappingId": { "type": "EnterpriseGlossaryMappingId", "required": true } }, "slots": {} }, "oa-appsettings-admin-journey": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "omfx-add-button": { "emits": { "handleClick": { "type": "(value:any) => void" } }, "models": {}, "props": { "title": { "type": "string" }, "description": { "type": "string" }, "icon": { "type": "string" } }, "slots": {} }, "omfx-font-picker": { "emits": {}, "models": {}, "props": {}, "slots": {} }, "oa-systemlogs-appinstancelog": { "emits": {}, "models": {}, "props": { "status": { "type": "number" } }, "slots": {} }, "oa-systemlogs-featureinstancelog": { "emits": {}, "models": {}, "props": { "status": { "type": "number" } }, "slots": {} }, "omnia-header": { "emits": {}, "models": {}, "props": {}, "slots": {} } };
6
6
  Object.keys(registrations).forEach(elementName => {
7
7
  api.register(elementName, registrations[elementName]);
8
8
  });