Socket
Socket
Sign inDemoInstall

spinque-angular-ui

Package Overview
Dependencies
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

spinque-angular-ui - npm Package Compare versions

Comparing version 13.2.0 to 14.0.2

api.service.d.ts

10

auth/package.json

@@ -6,7 +6,7 @@ {

},
"main": "../bundles/spinque-angular-ui-auth.umd.js",
"module": "../fesm2015/spinque-angular-ui-auth.js",
"es2015": "../fesm2015/spinque-angular-ui-auth.js",
"esm2015": "../esm2015/auth/spinque-angular-ui-auth.js",
"fesm2015": "../fesm2015/spinque-angular-ui-auth.js",
"module": "../fesm2015/spinque-angular-ui-auth.mjs",
"es2020": "../fesm2020/spinque-angular-ui-auth.mjs",
"esm2020": "../esm2020/auth/spinque-angular-ui-auth.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-auth.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-auth.mjs",
"typings": "spinque-angular-ui-auth.d.ts",

@@ -13,0 +13,0 @@ "sideEffects": false,

export * from './src/spinque-login-callback.component';
export * from './src/spinque-auth.service';
export * from './src/spinque-auth.config';
export * from './src/spinque-auth.module';
import { InjectionToken } from '@angular/core';
export interface SpinqueAuthConfig {
login_client_id?: string;
login_callback?: string;
client_id: string;
allow_unauthorized?: boolean;
}
export declare const SpinqueAuthConfigValue: InjectionToken<SpinqueAuthConfig>;

@@ -1,6 +0,5 @@

import { Location } from '@angular/common';
import { ModuleWithProviders } from '@angular/core';
import { SpinqueApiConfig, SpinqueRestService } from 'spinque-angular-ui';
import { Authenticator } from '@spinque/query-api';
import { SpinqueApiService } from 'spinque-angular-ui';
import { SpinqueAuthConfig } from './spinque-auth.config';
import { SpinqueAuthService } from './spinque-auth.service';
import * as i0 from "@angular/core";

@@ -14,7 +13,5 @@ import * as i1 from "./spinque-login-callback.component";

private authConfig;
private apiConfig;
private authService;
private rest;
private location;
constructor(authConfig: SpinqueAuthConfig, apiConfig: SpinqueApiConfig, authService: SpinqueAuthService, rest: SpinqueRestService, location: Location);
authenticator: Authenticator;
constructor(authConfig: SpinqueAuthConfig, rest: SpinqueApiService);
static forRoot(config: SpinqueAuthConfig): ModuleWithProviders<SpinqueAuthModule>;

@@ -21,0 +18,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueAuthModule, never>;

import { OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { SpinqueAuthService } from './spinque-auth.service';
import * as i0 from "@angular/core";

@@ -11,4 +10,3 @@ /**

private router;
private auth;
constructor(router: Router, auth: SpinqueAuthService);
constructor(router: Router);
ngOnInit(): void;

@@ -15,0 +13,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueLoginCallbackComponent, never>;

{
"peerDependencies": {
"lodash": "^4.17.21"
},
"main": "../bundles/spinque-angular-ui-facet.umd.js",
"module": "../fesm2015/spinque-angular-ui-facet.js",
"es2015": "../fesm2015/spinque-angular-ui-facet.js",
"esm2015": "../esm2015/facet/spinque-angular-ui-facet.js",
"fesm2015": "../fesm2015/spinque-angular-ui-facet.js",
"module": "../fesm2015/spinque-angular-ui-facet.mjs",
"es2020": "../fesm2020/spinque-angular-ui-facet.mjs",
"esm2020": "../esm2020/facet/spinque-angular-ui-facet.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-facet.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-facet.mjs",
"typings": "spinque-angular-ui-facet.d.ts",

@@ -11,0 +8,0 @@ "sideEffects": false,

@@ -5,3 +5,2 @@ export * from './src/facet-dropdown/facet-dropdown-close.directive';

export * from './src/facet-dropdown/facet-dropdown.service';
export * from './src/facet-expandable-tree/facet-expandable-tree.component';
export * from './src/facet-label/facet-label.component';

@@ -12,2 +11,1 @@ export * from './src/facet.module';

export * from './src/facet-toggle/facet-toggle.component';
export * from './src/facet-slider/facet-slider.component';

@@ -12,3 +12,3 @@ import { ElementRef } from '@angular/core';

*/
spinqueFacetDropdownTrigger: SpinqueFacetDropdownComponent;
spinqueFacetDropdownTrigger?: SpinqueFacetDropdownComponent;
constructor(elRef: ElementRef);

@@ -15,0 +15,0 @@ click(): void;

@@ -1,2 +0,2 @@

import { ElementRef, EventEmitter, OnInit } from '@angular/core';
import { ElementRef, EventEmitter, TemplateRef, OnInit } from '@angular/core';
import { SpinqueFacetDropdownService } from './facet-dropdown.service';

@@ -12,4 +12,4 @@ import { SpinqueFacetComponent } from '../facet-component.interface';

private media;
template: any;
facet: SpinqueFacetComponent;
template?: TemplateRef<any>;
facet?: SpinqueFacetComponent;
showActions: boolean;

@@ -16,0 +16,0 @@ close: EventEmitter<any>;

@@ -10,5 +10,5 @@ import { SpinqueFacetComponent } from '../facet-component.interface';

*/
facet: SpinqueFacetComponent;
facet?: SpinqueFacetComponent;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetLabelComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetLabelComponent, "spinque-facet-label", never, { "facet": "facet"; }, {}, never, ["*"]>;
}

@@ -1,30 +0,26 @@

import { EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
import { EventEmitter, OnChanges, OnInit, SimpleChange, SimpleChanges, TemplateRef } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatSelectionListChange } from '@angular/material/list';
import { Query } from '@spinque/query-api';
import { BehaviorSubject, Observable } from 'rxjs';
import { SpinqueFacet, SpinqueQueryParameters, SpinqueQueryService, SpinqueQueryStack, SpinqueRestService } from 'spinque-angular-ui';
import { SpinqueApiService } from 'spinque-angular-ui';
import { SpinqueFacetComponent } from '../facet-component.interface';
import * as i0 from "@angular/core";
export declare class FacetMultiListComponent implements OnInit, OnChanges, SpinqueFacetComponent {
private rest;
private qs;
facetId: string;
facetParameters: SpinqueQueryParameters[];
queryStack: SpinqueQueryStack;
scrollOffset: number;
count: number;
private api;
queryStack: Query[];
sort: 'name' | 'score';
sortOrder: 'asc' | 'desc';
sortFn: (a: object, b: object) => number;
showScore: boolean;
templateRef: TemplateRef<any>;
sortFn?: (a: object, b: object) => number;
templateRef?: TemplateRef<any>;
search: boolean;
searchLabel: string;
initialState: 'selected' | 'deselected';
count: number;
scrollOffset: number;
showScore: boolean;
selected: string[];
optionMapping: (option: any) => any;
visible: boolean;
options: any[];
filteredOptions: any[];
selected: {
id: string;
title: string;
}[];
isLoading: boolean;

@@ -34,17 +30,7 @@ allLoaded: boolean;

error: any;
queryChange: BehaviorSubject<any>;
selectedChange: EventEmitter<{
facetId: string;
selected: {
id: string;
title: string;
}[];
}>;
deselectedChange: EventEmitter<{
facetId: string;
deselected: string[];
}>;
template: TemplateRef<any>;
optionMapping: (option: any) => any;
constructor(rest: SpinqueRestService, qs: SpinqueQueryService);
queryChange: BehaviorSubject<Query[]>;
selectedChange: EventEmitter<string[]>;
deselectedChange: EventEmitter<string[]>;
template?: TemplateRef<any>;
constructor(api: SpinqueApiService);
ngOnInit(): void;

@@ -54,10 +40,12 @@ ngOnChanges(changes: SimpleChanges): void;

update(): void;
hasRelevantChange(queryChange: any): boolean;
getFacetOptions(offset?: any): Observable<SpinqueFacet>;
compareOption(o1: any, o2: any): boolean;
selectionChange(o: any): void;
get facetId(): string;
hasRelevantChange(queryChange: SimpleChange): boolean;
isEqual(a: any, b: any): boolean;
getFacetOptions(offset?: number): Observable<any[]>;
compareOption(o1: any, o2: any): any;
selectionChange(event: MatSelectionListChange): void;
setSelection(options: any[]): void;
listScroll(event: any): void;
static ɵfac: i0.ɵɵFactoryDeclaration<FacetMultiListComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FacetMultiListComponent, "spinque-facet-multi-list", never, { "facetId": "facetId"; "facetParameters": "facetParameters"; "queryStack": "queryStack"; "scrollOffset": "scrollOffset"; "count": "count"; "sort": "sort"; "sortOrder": "sortOrder"; "sortFn": "sortFn"; "showScore": "showScore"; "templateRef": "templateRef"; "search": "search"; "searchLabel": "searchLabel"; "initialState": "initialState"; "optionMapping": "optionMapping"; }, { "selectedChange": "selectedChange"; "deselectedChange": "deselectedChange"; }, ["template"], never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FacetMultiListComponent, "spinque-facet-multi-list", never, { "queryStack": "queryStack"; "sort": "sort"; "sortOrder": "sortOrder"; "sortFn": "sortFn"; "templateRef": "templateRef"; "search": "search"; "searchLabel": "searchLabel"; "count": "count"; "scrollOffset": "scrollOffset"; "showScore": "showScore"; "selected": "selected"; "optionMapping": "optionMapping"; }, { "selectedChange": "selectedChange"; "deselectedChange": "deselectedChange"; }, ["template"], never>;
}
import { EventEmitter, TemplateRef } from '@angular/core';
import { SpinqueQueryStack } from 'spinque-angular-ui';
import { Query } from '@spinque/query-api';
import * as i0 from "@angular/core";

@@ -10,39 +10,26 @@ /**

/**
* The ID of the facet to display
* The QueryStack to get the facet options for
*/
facetId: string;
/**
* The text to display in the toggle button
*/
label: string;
/**
* The property to sort the options on
*/
queryStack: Query[];
sort: 'name' | 'score';
/**
* The order (ascending or descending) to sort the items in
*/
sortOrder: 'asc' | 'desc';
sortFn: (a: object, b: object) => number;
sortFn?: (a: object, b: object) => number;
search: boolean;
searchLabel: string;
count: number;
scrollOffset: number;
showScore: boolean;
selected: string[];
optionMapping: (input: any) => any;
/**
* The QueryStack to get the facet options for
* The text to display in the toggle button
*/
queryStack: SpinqueQueryStack;
showScore: boolean;
label?: string;
/**
* Emits when the selection of the facet has changed
*/
selectedChange: EventEmitter<{
facetId: string;
selected: {
id: string;
title: string;
}[];
}>;
template: TemplateRef<any>;
optionMapping: (input: any) => any;
search: boolean;
searchLabel: string;
selectedChange: EventEmitter<string[]>;
templateRef?: TemplateRef<any>;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetToggleComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetToggleComponent, "spinque-facet-toggle", never, { "facetId": "facetId"; "label": "label"; "sort": "sort"; "sortOrder": "sortOrder"; "sortFn": "sortFn"; "queryStack": "queryStack"; "showScore": "showScore"; "optionMapping": "optionMapping"; "search": "search"; "searchLabel": "searchLabel"; }, { "selectedChange": "selectedChange"; }, ["template"], never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetToggleComponent, "spinque-facet-toggle", never, { "queryStack": "queryStack"; "sort": "sort"; "sortOrder": "sortOrder"; "sortFn": "sortFn"; "search": "search"; "searchLabel": "searchLabel"; "count": "count"; "scrollOffset": "scrollOffset"; "showScore": "showScore"; "selected": "selected"; "optionMapping": "optionMapping"; "label": "label"; }, { "selectedChange": "selectedChange"; }, ["templateRef"], never>;
}
import * as i0 from "@angular/core";
import * as i1 from "./facet-multi-list/facet-multi-list.component";
import * as i2 from "./facet-expandable-tree/facet-expandable-tree.component";
import * as i3 from "./facet-label/facet-label.component";
import * as i4 from "./facet-dropdown/facet-overlay.component";
import * as i5 from "./facet-dropdown/facet-dropdown.component";
import * as i6 from "./facet-dropdown/facet-dropdown-close.directive";
import * as i7 from "./facet-dropdown/facet-dropdown-trigger.directive";
import * as i8 from "./facet-toggle/facet-toggle.component";
import * as i9 from "./facet-slider/facet-slider.component";
import * as i10 from "@angular/common";
import * as i11 from "@angular/forms";
import * as i12 from "@angular/flex-layout";
import * as i13 from "@angular/material/list";
import * as i14 from "@angular/material/input";
import * as i15 from "@angular/material/button";
import * as i16 from "@angular/material/progress-spinner";
import * as i17 from "@angular/material/form-field";
import * as i18 from "@angular/material/icon";
import * as i19 from "@angular/material/slider";
import * as i20 from "spinque-angular-ui/expandable-tree";
import * as i2 from "./facet-label/facet-label.component";
import * as i3 from "./facet-dropdown/facet-overlay.component";
import * as i4 from "./facet-dropdown/facet-dropdown.component";
import * as i5 from "./facet-dropdown/facet-dropdown-close.directive";
import * as i6 from "./facet-dropdown/facet-dropdown-trigger.directive";
import * as i7 from "./facet-toggle/facet-toggle.component";
import * as i8 from "@angular/common";
import * as i9 from "@angular/forms";
import * as i10 from "@angular/flex-layout";
import * as i11 from "@angular/material/list";
import * as i12 from "@angular/material/input";
import * as i13 from "@angular/material/button";
import * as i14 from "@angular/material/progress-spinner";
import * as i15 from "@angular/material/form-field";
import * as i16 from "@angular/material/icon";
import * as i17 from "@angular/material/slider";
export declare class SpinqueFacetModule {
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<SpinqueFacetModule, [typeof i1.FacetMultiListComponent, typeof i2.FacetExpandableTreeComponent, typeof i3.SpinqueFacetLabelComponent, typeof i4.SpinqueFacetOverlayComponent, typeof i5.SpinqueFacetDropdownComponent, typeof i6.SpinqueFacetDropdownCloseDirective, typeof i7.SpinqueFacetDropdownTriggerDirective, typeof i8.SpinqueFacetToggleComponent, typeof i9.SpinqueFacetSliderComponent], [typeof i10.CommonModule, typeof i11.FormsModule, typeof i11.ReactiveFormsModule, typeof i12.FlexModule, typeof i12.FlexLayoutModule, typeof i13.MatListModule, typeof i14.MatInputModule, typeof i15.MatButtonModule, typeof i16.MatProgressSpinnerModule, typeof i17.MatFormFieldModule, typeof i18.MatIconModule, typeof i19.MatSliderModule, typeof i20.SpinqueExpandableTreeModule], [typeof i1.FacetMultiListComponent, typeof i2.FacetExpandableTreeComponent, typeof i3.SpinqueFacetLabelComponent, typeof i4.SpinqueFacetOverlayComponent, typeof i5.SpinqueFacetDropdownComponent, typeof i6.SpinqueFacetDropdownCloseDirective, typeof i7.SpinqueFacetDropdownTriggerDirective, typeof i8.SpinqueFacetToggleComponent, typeof i9.SpinqueFacetSliderComponent]>;
static ɵmod: i0.ɵɵNgModuleDeclaration<SpinqueFacetModule, [typeof i1.FacetMultiListComponent, typeof i2.SpinqueFacetLabelComponent, typeof i3.SpinqueFacetOverlayComponent, typeof i4.SpinqueFacetDropdownComponent, typeof i5.SpinqueFacetDropdownCloseDirective, typeof i6.SpinqueFacetDropdownTriggerDirective, typeof i7.SpinqueFacetToggleComponent], [typeof i8.CommonModule, typeof i9.FormsModule, typeof i9.ReactiveFormsModule, typeof i10.FlexModule, typeof i10.FlexLayoutModule, typeof i11.MatListModule, typeof i12.MatInputModule, typeof i13.MatButtonModule, typeof i14.MatProgressSpinnerModule, typeof i15.MatFormFieldModule, typeof i16.MatIconModule, typeof i17.MatSliderModule], [typeof i1.FacetMultiListComponent, typeof i2.SpinqueFacetLabelComponent, typeof i3.SpinqueFacetOverlayComponent, typeof i4.SpinqueFacetDropdownComponent, typeof i5.SpinqueFacetDropdownCloseDirective, typeof i6.SpinqueFacetDropdownTriggerDirective, typeof i7.SpinqueFacetToggleComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<SpinqueFacetModule>;
}
{
"name": "spinque-angular-ui",
"version": "13.2.0",
"version": "14.0.2",
"description": "Library containing Angular components to rapidly develop applications on top of Spinque APIs.",

@@ -20,25 +20,125 @@ "author": "Spinque B.V.",

"peerDependencies": {
"@angular/animations": "^12.2.6",
"@angular/cdk": "^12.2.6",
"@angular/common": "~12.2.6",
"@angular/core": "~12.2.6",
"@angular/flex-layout": "^12.0.0-beta.35",
"@angular/forms": "~12.2.6",
"@angular/material": "^12.2.6",
"@angular/platform-browser": "~12.2.6",
"@angular/platform-browser-dynamic": "~12.2.6",
"rxjs": "~6.6.7"
"@angular/animations": "~13.3.8",
"@angular/cdk": "~13.3.7",
"@angular/common": "~13.3.8",
"@angular/core": "~13.3.8",
"@angular/flex-layout": "^13.0.0-beta.38",
"@angular/forms": "~13.3.8",
"@angular/material": "~13.3.7",
"@angular/platform-browser": "~13.3.8",
"@angular/platform-browser-dynamic": "~13.3.8",
"rxjs": "~7.4.0",
"@spinque/query-api": "^0.9.3"
},
"module": "fesm2015/spinque-angular-ui.mjs",
"es2020": "fesm2020/spinque-angular-ui.mjs",
"esm2020": "esm2020/spinque-angular-ui.mjs",
"fesm2020": "fesm2020/spinque-angular-ui.mjs",
"fesm2015": "fesm2015/spinque-angular-ui.mjs",
"typings": "spinque-angular-ui.d.ts",
"exports": {
"./package.json": {
"default": "./package.json"
},
".": {
"types": "./spinque-angular-ui.d.ts",
"esm2020": "./esm2020/spinque-angular-ui.mjs",
"es2020": "./fesm2020/spinque-angular-ui.mjs",
"es2015": "./fesm2015/spinque-angular-ui.mjs",
"node": "./fesm2015/spinque-angular-ui.mjs",
"default": "./fesm2020/spinque-angular-ui.mjs"
},
"./auth": {
"types": "./auth/spinque-angular-ui-auth.d.ts",
"esm2020": "./esm2020/auth/spinque-angular-ui-auth.mjs",
"es2020": "./fesm2020/spinque-angular-ui-auth.mjs",
"es2015": "./fesm2015/spinque-angular-ui-auth.mjs",
"node": "./fesm2015/spinque-angular-ui-auth.mjs",
"default": "./fesm2020/spinque-angular-ui-auth.mjs"
},
"./facet": {
"types": "./facet/spinque-angular-ui-facet.d.ts",
"esm2020": "./esm2020/facet/spinque-angular-ui-facet.mjs",
"es2020": "./fesm2020/spinque-angular-ui-facet.mjs",
"es2015": "./fesm2015/spinque-angular-ui-facet.mjs",
"node": "./fesm2015/spinque-angular-ui-facet.mjs",
"default": "./fesm2020/spinque-angular-ui-facet.mjs"
},
"./result-base": {
"types": "./result-base/spinque-angular-ui-result-base.d.ts",
"esm2020": "./esm2020/result-base/spinque-angular-ui-result-base.mjs",
"es2020": "./fesm2020/spinque-angular-ui-result-base.mjs",
"es2015": "./fesm2015/spinque-angular-ui-result-base.mjs",
"node": "./fesm2015/spinque-angular-ui-result-base.mjs",
"default": "./fesm2020/spinque-angular-ui-result-base.mjs"
},
"./result-list": {
"types": "./result-list/spinque-angular-ui-result-list.d.ts",
"esm2020": "./esm2020/result-list/spinque-angular-ui-result-list.mjs",
"es2020": "./fesm2020/spinque-angular-ui-result-list.mjs",
"es2015": "./fesm2015/spinque-angular-ui-result-list.mjs",
"node": "./fesm2015/spinque-angular-ui-result-list.mjs",
"default": "./fesm2020/spinque-angular-ui-result-list.mjs"
},
"./result-statistics": {
"types": "./result-statistics/spinque-angular-ui-result-statistics.d.ts",
"esm2020": "./esm2020/result-statistics/spinque-angular-ui-result-statistics.mjs",
"es2020": "./fesm2020/spinque-angular-ui-result-statistics.mjs",
"es2015": "./fesm2015/spinque-angular-ui-result-statistics.mjs",
"node": "./fesm2015/spinque-angular-ui-result-statistics.mjs",
"default": "./fesm2020/spinque-angular-ui-result-statistics.mjs"
},
"./router-outlet": {
"types": "./router-outlet/spinque-angular-ui-router-outlet.d.ts",
"esm2020": "./esm2020/router-outlet/spinque-angular-ui-router-outlet.mjs",
"es2020": "./fesm2020/spinque-angular-ui-router-outlet.mjs",
"es2015": "./fesm2015/spinque-angular-ui-router-outlet.mjs",
"node": "./fesm2015/spinque-angular-ui-router-outlet.mjs",
"default": "./fesm2020/spinque-angular-ui-router-outlet.mjs"
},
"./scroll": {
"types": "./scroll/spinque-angular-ui-scroll.d.ts",
"esm2020": "./esm2020/scroll/spinque-angular-ui-scroll.mjs",
"es2020": "./fesm2020/spinque-angular-ui-scroll.mjs",
"es2015": "./fesm2015/spinque-angular-ui-scroll.mjs",
"node": "./fesm2015/spinque-angular-ui-scroll.mjs",
"default": "./fesm2020/spinque-angular-ui-scroll.mjs"
},
"./search-field": {
"types": "./search-field/spinque-angular-ui-search-field.d.ts",
"esm2020": "./esm2020/search-field/spinque-angular-ui-search-field.mjs",
"es2020": "./fesm2020/spinque-angular-ui-search-field.mjs",
"es2015": "./fesm2015/spinque-angular-ui-search-field.mjs",
"node": "./fesm2015/spinque-angular-ui-search-field.mjs",
"default": "./fesm2020/spinque-angular-ui-search-field.mjs"
},
"./snippet": {
"types": "./snippet/spinque-angular-ui-snippet.d.ts",
"esm2020": "./esm2020/snippet/spinque-angular-ui-snippet.mjs",
"es2020": "./fesm2020/spinque-angular-ui-snippet.mjs",
"es2015": "./fesm2015/spinque-angular-ui-snippet.mjs",
"node": "./fesm2015/spinque-angular-ui-snippet.mjs",
"default": "./fesm2020/spinque-angular-ui-snippet.mjs"
},
"./sort-toggle": {
"types": "./sort-toggle/spinque-angular-ui-sort-toggle.d.ts",
"esm2020": "./esm2020/sort-toggle/spinque-angular-ui-sort-toggle.mjs",
"es2020": "./fesm2020/spinque-angular-ui-sort-toggle.mjs",
"es2015": "./fesm2015/spinque-angular-ui-sort-toggle.mjs",
"node": "./fesm2015/spinque-angular-ui-sort-toggle.mjs",
"default": "./fesm2020/spinque-angular-ui-sort-toggle.mjs"
},
"./state": {
"types": "./state/spinque-angular-ui-state.d.ts",
"esm2020": "./esm2020/state/spinque-angular-ui-state.mjs",
"es2020": "./fesm2020/spinque-angular-ui-state.mjs",
"es2015": "./fesm2015/spinque-angular-ui-state.mjs",
"node": "./fesm2015/spinque-angular-ui-state.mjs",
"default": "./fesm2020/spinque-angular-ui-state.mjs"
}
},
"sideEffects": false,
"dependencies": {
"hammerjs": "^2.0.8",
"immer": "^4.0.2",
"tslib": "^2.0.0"
},
"main": "bundles/spinque-angular-ui.umd.js",
"module": "fesm2015/spinque-angular-ui.js",
"es2015": "fesm2015/spinque-angular-ui.js",
"esm2015": "esm2015/spinque-angular-ui.js",
"fesm2015": "fesm2015/spinque-angular-ui.js",
"typings": "spinque-angular-ui.d.ts",
"sideEffects": false
"tslib": "^2.3.0"
}
}

@@ -1,4 +0,2 @@

export * from './spinque-core.module';
export * from './spinque-api.config';
export * from './spinque-rest.service';
export * from './spinque-query.service';
export * from './spinque-angular-ui.module';
export * from './api.service';

@@ -1,19 +0,24 @@

# Spinque UI Components for Angular
# SpinqueAngularUi
Build your own search application with the Spinque UI Components for Angular.
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.
## Introduction
## Code scaffolding
This library provides reusable components to be used with the [Angular framework](http://angular.io/) for web applications.
These components allow you to quickly build a working search application for a Spinque API.
Run `ng generate component component-name --project spinque-angular-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project spinque-angular-ui`.
> Note: Don't forget to add `--project spinque-angular-ui` or else it will be added to the default project in your `angular.json` file.
## Motivation
## Build
Rapid prototyping is key when designing good search applications.
It allows for the interactive exploration of ideas and user testing as a feedback mechanism.
Run `ng build spinque-angular-ui` to build the project. The build artifacts will be stored in the `dist/` directory.
Read more on [searchdesign.org](https://searchdesign.org).
## Publishing
## Getting started
After building your library with `ng build spinque-angular-ui`, go to the dist folder `cd dist/spinque-angular-ui` and run `npm publish`.
See our [Getting Started Guide](https://docs.spinque.com/2.5/applications/angular.html) on the Spinque Documentation website if you're building your first project with Spinque Angular Components.
## Running unit tests
Run `ng test spinque-angular-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
{
"main": "../bundles/spinque-angular-ui-result-base.umd.js",
"module": "../fesm2015/spinque-angular-ui-result-base.js",
"es2015": "../fesm2015/spinque-angular-ui-result-base.js",
"esm2015": "../esm2015/result-base/spinque-angular-ui-result-base.js",
"fesm2015": "../fesm2015/spinque-angular-ui-result-base.js",
"module": "../fesm2015/spinque-angular-ui-result-base.mjs",
"es2020": "../fesm2020/spinque-angular-ui-result-base.mjs",
"esm2020": "../esm2020/result-base/spinque-angular-ui-result-base.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-result-base.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-result-base.mjs",
"typings": "spinque-angular-ui-result-base.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
import { SpinqueQueryStack, SpinqueRestService, SpinqueResultItem } from 'spinque-angular-ui';
import { Observable } from 'rxjs';
import { Query, ResultsResponse } from '@spinque/query-api';
import { SpinqueApiService } from 'spinque-angular-ui';
import * as i0 from "@angular/core";

@@ -9,3 +11,3 @@ /**

export declare class SpinqueResultComponentBase implements OnChanges {
rest: SpinqueRestService;
api: SpinqueApiService;
allLoaded: boolean;

@@ -24,3 +26,3 @@ isLoading: boolean;

*/
queryStack: SpinqueQueryStack;
queryStack?: Query[];
loaded: EventEmitter<{

@@ -32,13 +34,8 @@ count: number;

*/
itemMapping: (item: SpinqueResultItem) => any;
constructor(rest: SpinqueRestService);
itemMapping: (item: any) => any;
constructor(api: SpinqueApiService);
ngOnChanges(changes: SimpleChanges): void;
getResults(offset?: number): import("rxjs").Observable<{
items: any[];
type: string[];
count: number;
offset: number;
}>;
getResults(queries: Query[], offset?: number): Observable<ResultsResponse>;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueResultComponentBase, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<SpinqueResultComponentBase, never, never, { "count": "count"; "queryStack": "queryStack"; "itemMapping": "itemMapping"; }, { "loaded": "loaded"; }, never>;
}

@@ -5,7 +5,7 @@ {

},
"main": "../bundles/spinque-angular-ui-result-list.umd.js",
"module": "../fesm2015/spinque-angular-ui-result-list.js",
"es2015": "../fesm2015/spinque-angular-ui-result-list.js",
"esm2015": "../esm2015/result-list/spinque-angular-ui-result-list.js",
"fesm2015": "../fesm2015/spinque-angular-ui-result-list.js",
"module": "../fesm2015/spinque-angular-ui-result-list.mjs",
"es2020": "../fesm2020/spinque-angular-ui-result-list.mjs",
"esm2020": "../esm2020/result-list/spinque-angular-ui-result-list.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-result-list.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-result-list.mjs",
"typings": "spinque-angular-ui-result-list.d.ts",

@@ -12,0 +12,0 @@ "sideEffects": false,

@@ -5,9 +5,9 @@ import { TemplateRef } from '@angular/core';

showAll: boolean;
items: any[];
items?: any[];
limit: number;
showLabel: string;
hideLabel: string;
templateVariable: TemplateRef<any>;
templateVariable?: TemplateRef<any>;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueExpandableListComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueExpandableListComponent, "spinque-expandable-list", never, { "items": "items"; "limit": "limit"; "showLabel": "showLabel"; "hideLabel": "hideLabel"; }, {}, ["templateVariable"], never>;
}
import { OnChanges, SimpleChanges } from '@angular/core';
import { SpinqueResultItem } from 'spinque-angular-ui';
import { ResultItem } from '@spinque/query-api';
import * as i0 from "@angular/core";
export declare class SpinqueResultItemComponent implements OnChanges {
item: SpinqueResultItem;
placeholderItem: SpinqueResultItem;
showProbability: any;
item?: any;
placeholderItem?: ResultItem;
showProbability: boolean;
labelProps: string[];
attributes: any;
private attributes?;
constructor();
ngOnChanges(changes: SimpleChanges): void;
resultFormatter(value: any): string;
resultTemplate(value: any): string;
expand(event: MouseEvent): void;
getTitle(v: any): string;
isArray(a: any): boolean;
isString(s: any): boolean;
isNumber(s: any): boolean;
isObject(s: any): boolean;
entries<T>(object: {
isArray(a: any): a is any[];
isString(s: any): s is string;
isNumber(s: any): s is number;
isObject(s: any): s is Object;
entries<T>(obj: {
[key: string]: T;
}): [string, T][];
}): [string, T][] | undefined;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueResultItemComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueResultItemComponent, "spinque-result-item", never, { "item": "item"; "placeholderItem": "placeholderItem"; "showProbability": "showProbability"; }, {}, never, never>;
}
import { OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
import { SpinqueRestService } from 'spinque-angular-ui';
import { SpinqueApiService } from 'spinque-angular-ui';
import { SpinqueResultComponentBase } from 'spinque-angular-ui/result-base';

@@ -7,8 +7,9 @@ import { SpinqueScroll } from 'spinque-angular-ui/scroll';

export declare class SpinqueResultListComponent extends SpinqueResultComponentBase implements OnChanges {
template: TemplateRef<any>;
scroll: SpinqueScroll;
api: SpinqueApiService;
template?: TemplateRef<any>;
scroll?: SpinqueScroll;
scrollOffset: number;
errorTitle: string;
errorBody: string;
constructor(rest: SpinqueRestService);
constructor(api: SpinqueApiService);
ngOnChanges(changes: SimpleChanges): void;

@@ -15,0 +16,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueResultListComponent, never>;

{
"main": "../bundles/spinque-angular-ui-result-statistics.umd.js",
"module": "../fesm2015/spinque-angular-ui-result-statistics.js",
"es2015": "../fesm2015/spinque-angular-ui-result-statistics.js",
"esm2015": "../esm2015/result-statistics/spinque-angular-ui-result-statistics.js",
"fesm2015": "../fesm2015/spinque-angular-ui-result-statistics.js",
"module": "../fesm2015/spinque-angular-ui-result-statistics.mjs",
"es2020": "../fesm2020/spinque-angular-ui-result-statistics.mjs",
"esm2020": "../esm2020/result-statistics/spinque-angular-ui-result-statistics.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-result-statistics.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-result-statistics.mjs",
"typings": "spinque-angular-ui-result-statistics.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

import { OnChanges, SimpleChanges } from '@angular/core';
import { SpinqueRestService, SpinqueStatistics, SpinqueQueryStack } from 'spinque-angular-ui';
import { Query, StatisticsResponse } from '@spinque/query-api';
import { SpinqueApiService } from 'spinque-angular-ui';
import * as i0 from "@angular/core";

@@ -8,9 +9,10 @@ /**

export declare class SpinqueResultStatisticsComponent implements OnChanges {
private rest;
statistics?: SpinqueStatistics;
queryStack?: SpinqueQueryStack;
constructor(rest: SpinqueRestService);
private api;
queryStack?: Query[];
label: string;
statistics?: StatisticsResponse;
constructor(api: SpinqueApiService);
ngOnChanges(changes: SimpleChanges): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueResultStatisticsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueResultStatisticsComponent, "spinque-result-statistics", never, { "queryStack": "queryStack"; }, {}, never, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueResultStatisticsComponent, "spinque-result-statistics", never, { "queryStack": "queryStack"; "label": "label"; }, {}, never, never>;
}
{
"main": "../bundles/spinque-angular-ui-router-outlet.umd.js",
"module": "../fesm2015/spinque-angular-ui-router-outlet.js",
"es2015": "../fesm2015/spinque-angular-ui-router-outlet.js",
"esm2015": "../esm2015/router-outlet/spinque-angular-ui-router-outlet.js",
"fesm2015": "../fesm2015/spinque-angular-ui-router-outlet.js",
"module": "../fesm2015/spinque-angular-ui-router-outlet.mjs",
"es2020": "../fesm2020/spinque-angular-ui-router-outlet.mjs",
"esm2020": "../esm2020/router-outlet/spinque-angular-ui-router-outlet.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-router-outlet.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-router-outlet.mjs",
"typings": "spinque-angular-ui-router-outlet.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

{
"main": "../bundles/spinque-angular-ui-scroll.umd.js",
"module": "../fesm2015/spinque-angular-ui-scroll.js",
"es2015": "../fesm2015/spinque-angular-ui-scroll.js",
"esm2015": "../esm2015/scroll/spinque-angular-ui-scroll.js",
"fesm2015": "../fesm2015/spinque-angular-ui-scroll.js",
"module": "../fesm2015/spinque-angular-ui-scroll.mjs",
"es2020": "../fesm2020/spinque-angular-ui-scroll.mjs",
"esm2020": "../esm2020/scroll/spinque-angular-ui-scroll.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-scroll.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-scroll.mjs",
"typings": "spinque-angular-ui-scroll.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

{
"main": "../bundles/spinque-angular-ui-search-field.umd.js",
"module": "../fesm2015/spinque-angular-ui-search-field.js",
"es2015": "../fesm2015/spinque-angular-ui-search-field.js",
"esm2015": "../esm2015/search-field/spinque-angular-ui-search-field.js",
"fesm2015": "../fesm2015/spinque-angular-ui-search-field.js",
"module": "../fesm2015/spinque-angular-ui-search-field.mjs",
"es2020": "../fesm2020/spinque-angular-ui-search-field.mjs",
"esm2020": "../esm2020/search-field/spinque-angular-ui-search-field.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-search-field.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-search-field.mjs",
"typings": "spinque-angular-ui-search-field.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

import { EventEmitter, OnInit, TemplateRef, SimpleChanges, OnChanges } from '@angular/core';
import { FormControl } from '@angular/forms';
import { Query, ResultItem } from '@spinque/query-api';
import { Observable } from 'rxjs';
import { SpinqueResultItem, SpinqueRestService, SpinqueQuery } from 'spinque-angular-ui';
import { SpinqueApiService } from 'spinque-angular-ui';
import * as i0 from "@angular/core";

@@ -10,11 +11,11 @@ /**

export declare class SpinqueSearchFieldComponent implements OnInit, OnChanges {
private rest;
private api;
/**
* Set the value of the input field
*/
value: string;
value?: string;
/**
* Assumes that the top endpoint in the query is the endpoint to use for suggest
*/
query: SpinqueQuery;
query?: Query;
/**

@@ -36,10 +37,10 @@ * Name of the parameter in the suggest endpoint to fill with the query when suggesting

search: EventEmitter<string>;
template: TemplateRef<any>;
autocompleteControl: FormControl;
autocomplete$: Observable<any>;
template: TemplateRef<any> | null;
autocompleteControl?: FormControl;
autocomplete$?: Observable<any>;
/**
* Mapping from SpinqueResultItem to string
*/
itemToText: (item: SpinqueResultItem) => string;
constructor(rest: SpinqueRestService);
itemToText: (item: ResultItem) => string;
constructor(api: SpinqueApiService);
ngOnInit(): void;

@@ -46,0 +47,0 @@ ngOnChanges(changes: SimpleChanges): void;

@@ -5,7 +5,7 @@ {

},
"main": "../bundles/spinque-angular-ui-snippet.umd.js",
"module": "../fesm2015/spinque-angular-ui-snippet.js",
"es2015": "../fesm2015/spinque-angular-ui-snippet.js",
"esm2015": "../esm2015/snippet/spinque-angular-ui-snippet.js",
"fesm2015": "../fesm2015/spinque-angular-ui-snippet.js",
"module": "../fesm2015/spinque-angular-ui-snippet.mjs",
"es2020": "../fesm2020/spinque-angular-ui-snippet.mjs",
"esm2020": "../esm2020/snippet/spinque-angular-ui-snippet.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-snippet.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-snippet.mjs",
"typings": "spinque-angular-ui-snippet.d.ts",

@@ -12,0 +12,0 @@ "sideEffects": false,

@@ -10,3 +10,3 @@ import * as i0 from "@angular/core";

*/
getSnippet(text: string, needle?: string, size?: number): string;
getSnippet(text: string, needle?: string, _size?: number): string;
/**

@@ -13,0 +13,0 @@ * Highlight a needle in a piece of text

{
"main": "../bundles/spinque-angular-ui-sort-toggle.umd.js",
"module": "../fesm2015/spinque-angular-ui-sort-toggle.js",
"es2015": "../fesm2015/spinque-angular-ui-sort-toggle.js",
"esm2015": "../esm2015/sort-toggle/spinque-angular-ui-sort-toggle.js",
"fesm2015": "../fesm2015/spinque-angular-ui-sort-toggle.js",
"module": "../fesm2015/spinque-angular-ui-sort-toggle.mjs",
"es2020": "../fesm2020/spinque-angular-ui-sort-toggle.mjs",
"esm2020": "../esm2020/sort-toggle/spinque-angular-ui-sort-toggle.mjs",
"fesm2020": "../fesm2020/spinque-angular-ui-sort-toggle.mjs",
"fesm2015": "../fesm2015/spinque-angular-ui-sort-toggle.mjs",
"typings": "spinque-angular-ui-sort-toggle.d.ts",

@@ -8,0 +8,0 @@ "sideEffects": false,

@@ -13,3 +13,3 @@ import { EventEmitter } from '@angular/core';

options: SpinqueSortOption[];
active: SpinqueSortOption;
active?: SpinqueSortOption;
sortChange: EventEmitter<SpinqueSortOption>;

@@ -16,0 +16,0 @@ /**

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc