@hcflgov/vue-esri-search

SearchBootstrap: DefineComponent<{}, {}, any>

<SearchBootstrap large hc-sources @results="myResultsHandler" />

featureLayerProps: { apiKey?: string; blendMode?: "color" | "average" | "color-burn" | "color-dodge" | "darken" | "destination-atop" | "destination-in" | "destination-out" | "destination-over" | "difference" | "exclusion" | "hard-light" | "hue" | "invert" | "lighten" | "lighter" | "luminosity" | "minus" | "multiply" | "normal" | "overlay" | "plus" | "reflect" | "saturation" | "screen" | "soft-light" | "source-atop" | "source-in" | "source-out" | "vivid-light" | "xor"; copyright?: string; customParameters?: any; definitionExpression?: string; displayField?: string; dynamicDataSource?: { type: "map-layer"; mapLayerId: number; gdbVersion: string; constructor: Function; toString: () => string; toLocaleString: () => string; valueOf: () => Object; hasOwnProperty: (v: PropertyKey) => boolean; isPrototypeOf: (v: Object) => boolean; propertyIsEnumerable: (v: PropertyKey) => boolean; } | { type: "data-layer"; dataSource: { type: string; workspaceId: string; dataSourceName: string; gdbVersion: string; constructor: Function; toString: () => string; toLocaleString: () => string; valueOf: () => Object; hasOwnProperty: (v: PropertyKey) => boolean; isPrototypeOf: (v: Object) => boolean; propertyIsEnumerab...; editingEnabled?: boolean; effect?: string | any[]; elevationInfo?: { mode: "on-the-ground" | "relative-to-ground" | "absolute-height" | "relative-to-scene"; offset?: number | undefined; featureExpressionInfo?: { expression?: string | undefined; ... 6 more ...; propertyIsEnumerable: (v: PropertyKey) => boolean; } | undefined; ... 7 more ...; propertyIsEnumerable: (v: PropertyKey) =>...; featureEffect?: { excludedEffect?: string | any[] | undefined; excludedLabelsVisible?: boolean | undefined; filter?: { distance?: number | undefined; geometry?: { hasM?: boolean | undefined; hasZ?: boolean | undefined; spatialReference?: { ...; } | undefined; } | undefined; ... 4 more ...; where?: string | undefined; } | undefined;...; featureReduction?: { clusterMaxSize?: string | number | undefined; clusterMinSize?: string | number | undefined; clusterRadius?: string | number | undefined; labelingInfo?: { allowOverrun?: boolean | undefined; ... 11 more ...; where?: string | undefined; }[] | undefined; labelsVisible?: boolean | undefined; popupEnabled?: boolean | u... | { type: "selection"; }; fields?: { alias?: string | undefined; defaultValue?: any; description?: string | undefined; domain?: { codedValues?: { name: string; code: string | number; constructor: Function; toString: () => string; ... 4 more ...; propertyIsEnumerable: (v: PropertyKey) => boolean; }[] | undefined; name?: string | undefined; type: "code...[]; floorInfo?: { floorField?: string | undefined; }; formTemplate?: { description?: string | undefined; elements?: { description?: string | undefined; label?: string | undefined; visibilityExpression?: string | undefined; }[] | undefined; expressionInfos?: { ...; }[] | undefined; title?: string | undefined; }; fullExtent?: { mmax?: number | undefined; mmin?: number | undefined; xmax?: number | undefined; xmin?: number | undefined; ymax?: number | undefined; ymin?: number | undefined; zmax?: number | undefined; zmin?: number | undefined; hasM?: boolean | undefined; hasZ?: boolean | undefined; spatialReference?: { ...; } | undefined; }; gdbVersion?: string; geometryType?: "point" | "multipoint" | "polyline" | "polygon" | "multipatch" | "mesh"; hasM?: boolean; hasZ?: boolean; historicMoment?: string | number | { toString: () => string; toDateString: () => string; toTimeString: () => string; toLocaleString: { (): string; (locales?: string | string[] | undefined, options?: DateTimeFormatOptions | undefined): string; }; ... 39 more ...; [Symbol.toPrimitive]: { ...; }; }; id?: string; labelingInfo?: { allowOverrun?: boolean | undefined; deconflictionStrategy?: "none" | "static" | undefined; labelExpression?: string | undefined; labelExpressionInfo?: { value?: string | undefined; ... 8 more ...; propertyIsEnumerable: (v: PropertyKey) => boolean; } | undefined; ... 8 more ...; where?: string | undefined; }[]; labelsVisible?: boolean; layerId?: number; legendEnabled?: boolean; listMode?: "show" | "hide" | "hide-children"; maxScale?: number; minScale?: number; objectIdField?: string; opacity?: number; orderBy?: { field?: string | undefined; valueExpression?: string | undefined; order?: "ascending" | "descending" | undefined; constructor: Function; toString: () => string; toLocaleString: () => string; valueOf: () => Object; hasOwnProperty: (v: PropertyKey) => boolean; isPrototypeOf: (v: Object) => boolean; propertyIsEnumera...[]; outFields?: string[]; popupEnabled?: boolean; popupTemplate?: { actions?: ({ image?: string | undefined; active?: boolean | undefined; className?: string | undefined; disabled?: boolean | undefined; id?: string | undefined; title?: string | undefined; type: "button"; visible?: boolean | undefined; } | { ...; })[] | { ...; } | undefined; ... 9 more ...; title?: string | ... 2 m...; portalItem?: { access?: "public" | "private" | "shared" | "org" | undefined; accessInformation?: string | undefined; apiKey?: string | undefined; avgRating?: number | undefined; categories?: string[] | undefined; ... 23 more ...; url?: string | undefined; }; refreshInterval?: number; renderer?: { authoringInfo?: { classificationMethod?: "equal-interval" | "defined-interval" | "manual" | "natural-breaks" | "quantile" | "standard-deviation" | undefined; colorRamp?: {} | undefined; ... 14 more ...; visualVariables?: { ...; }[] | undefined; } | undefined; }; returnM?: boolean; returnZ?: boolean; screenSizePerspectiveEnabled?: boolean; source?: { aggregateGeometries?: any; attributes?: any; geometry?: { hasM?: boolean | undefined; hasZ?: boolean | undefined; spatialReference?: { imageCoordinateSystem?: any; wkid?: number | undefined; wkt?: string | undefined; } | undefined; } | undefined; layer?: { ...; } | undefined; popupTemplate?: { ...; } | undefined; ...[] | { on: { (type: "after-add", listener: CollectionAfterAddEventHandler<GraphicProperties>): IHandle; (type: "after-changes", listener: CollectionAfterChangesEventHandler<...>): IHandle; (type: "after-remove", listener: CollectionAfterRemoveEventHandler<...>): IHandle; (type: "before-add", listener: CollectionBeforeAdd...; sourceJSON?: any; spatialReference?: { imageCoordinateSystem?: any; wkid?: number | undefined; wkt?: string | undefined; }; templates?: { description?: string | undefined; drawingTool?: "none" | "point" | "polygon" | "auto-complete-polygon" | "circle" | "ellipse" | "freehand" | "line" | "rectangle" | "arrow" | "triangle" | ... 4 more ... | undefined; name?: string | undefined; prototype?: any; thumbnail?: { ...; } | undefined; }[]; timeExtent?: { end?: string | number | { toString: () => string; toDateString: () => string; toTimeString: () => string; toLocaleString: { (): string; (locales?: string | string[] | undefined, options?: DateTimeFormatOptions | undefined): string; }; ... 39 more ...; [Symbol.toPrimitive]: { ...; }; } | undefined; start?: string |...; timeInfo?: { endField?: string | undefined; fullTimeExtent?: { end?: string | number | { toString: () => string; toDateString: () => string; toTimeString: () => string; toLocaleString: { (): string; (locales?: string | string[] | undefined, options?: DateTimeFormatOptions | undefined): string; }; ... 39 more ...; [Symbol.toPri...; timeOffset?: { unit?: "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "weeks" | "months" | "years" | "decades" | "centuries" | undefined; value?: number | undefined; }; title?: string; typeIdField?: string; types?: { domains?: { [x: string]: { codedValues?: { name: string; code: string | number; constructor: Function; toString: () => string; toLocaleString: () => string; valueOf: () => Object; hasOwnProperty: (v: PropertyKey) => boolean; isPrototypeOf: (v: Object) => boolean; propertyIsEnumerable: (v: PropertyKey) => boolean; ...[]; url?: string; useViewTime?: boolean; visible?: boolean } = ...

features: { data: { aggregateGeometries: any; attributes: any; geometry: { readonly cache: any; readonly extent: { readonly center: { latitude: number; longitude: number; m: number; readonly type: "point"; x: number; y: number; z: number; ... 17 more ...; toJSON: () => any; }; ... 33 more ...; toJSON: () => any; }; ... 12 more ...; t...[]; error?: { [x: number]: string; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; ... 44 more ...; [Symbol.iterator]: () => IterableIterator<...>; }; loading: boolean } = ...

input: Ref<string> = ...

activeSource: ComputedRef<undefined | { layer: { url: string; displayField: string; outFields?: string[] | undefined; }; minSuggestCharacters?: number; name: string; placeholder: string; searchFields: string[] } | { layer?: undefined; minSuggestCharacters?: number; name: string; placeholder: string; singleLineFieldName?: string; url: string }> = ...

esriSearchWidget: ComputedRef<widgetsSearch> = ...

searchProps: { activeMenu?: "none" | "suggestion" | "source" | "warning"; activeSourceIndex?: number; allPlaceholder?: string; autoSelect?: boolean; container?: string | HTMLElement; disabled?: boolean; goToOverride?: GoToOverride; iconClass?: string; id?: string; includeDefaultSources?: boolean | Function; label?: string; locationEnabled?: boolean; maxResults?: number; maxSuggestions?: number; minSuggestCharacters?: number; popupEnabled?: boolean; popupTemplate?: { actions?: ({ image?: string | undefined; active?: boolean | undefined; className?: string | undefined; disabled?: boolean | undefined; id?: string | undefined; title?: string | undefined; type: "button"; visible?: boolean | undefined; } | { ...; })[] | { ...; } | undefined; ... 9 more ...; title?: string | ... 2 m...; portal?: { access?: "public" | "private" | undefined; allSSL?: boolean | undefined; authMode?: "anonymous" | "auto" | "immediate" | undefined; authorizedCrossOriginDomains?: string[] | undefined; ... 56 more ...; vectorBasemapGalleryGroupQuery?: string | undefined; }; resultGraphicEnabled?: boolean; searchAllEnabled?: boolean; searchTerm?: string; sources?: ({ layer: { url: string; displayField: string; outFields?: string[] | undefined; }; searchFields: string[]; name: string; placeholder: string; minSuggestCharacters?: number | undefined; } | { url: string; layer?: undefined; singleLineFieldName?: string | undefined; name: string; placeholder: string; minSuggestCharacters?: number | undefined; })[]; suggestionsEnabled?: boolean; view?: { background?: { color?: string | number[] | { a: number; b: number; g: number; r: number; clone: () => Color; setColor: (color: any) => Color; toCss: (includeAlpha?: boolean | undefined) => string; toHex: () => string; toJSON: () => any; toRgb: () => number[]; toRgba: () => number[]; } | undefined; } | undefined; .... | { alphaCompositingEnabled?: boolean | undefined; analyses?: ({ endPoint: { latitude: number; longitude: number; m: number; readonly type: "point"; x: number; y: number; z: number; clone: () => Point; ... 16 more ...; toJSON: () => any; }; startPoint: { ...; }; unit: SystemOrLengthUnit; clone: () => DirectLineMeasure...; viewModel?: { activeSourceIndex?: number | undefined; allPlaceholder?: string | undefined; autoSelect?: boolean | undefined; defaultSymbol?: { color?: string | number[] | { a: number; b: number; g: number; ... 7 more ...; toRgba: () => number[]; } | undefined; } | undefined; ... 17 more ...; goToOverride?: GoToOverride | undefi...; visible?: boolean } = ...

searchResults: { data: { extent: { readonly center: { latitude: number; longitude: number; m: number; readonly type: "point"; x: number; y: number; z: number; clone: () => Point; copy: (other: Point) => void; distance: (other: Point) => number; ... 14 more ...; toJSON: () => any; }; ... 33 more ...; toJSON: () => any; }; ... 9 more ...; p...[]; error?: { [x: number]: string; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; ... 44 more ...; [Symbol.iterator]: () => IterableIterator<...>; }; loading: boolean; status?: { [x: number]: string; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; ... 44 more ...; [Symbol.iterator]: () => IterableIterator<...>; } } = ...

suggestions: { data: { key: string; text: string; sourceIndex: number; constructor: Function; toString: () => string; toLocaleString: () => string; valueOf: () => Object; hasOwnProperty: (v: PropertyKey) => boolean; isPrototypeOf: (v: Object) => boolean; propertyIsEnumerable: (v: PropertyKey) => boolean; }[]; error?: { [x: number]: string; toString: () => string; charAt: (pos: number) => string; charCodeAt: (index: number) => number; concat: (...strings: string[]) => string; indexOf: (searchString: string, position?: number | undefined) => number; ... 44 more ...; [Symbol.iterator]: () => IterableIterator<...>; }; loading: boolean } = ...

uniqSuggestions: ComputedRef<SuggestResult[]> = ...