Ozone-mosaic NPM | npm.io

6.4.0 • Published 5 months ago

Install

Weekly downloads

170

License

ISC

Repository

Last release

5 months ago

ozone-mosaic

is an element that display ozone items in a mosaic view.

<ozone-mosaic item-data={{item}}>  </ozone-mosaic>

methods

searchInItems(searchString?:string) trigger quickSearch in the collection
requestSearch() start a new search base on attribute -searchString-.
customSearchQuery(requestQuery: SearchRequest) perform a custom search.
search(searchRequest: SearchQuery) start search query
saveSelectedItem(updatedData?:Item):Promise Save given item.
clear() empty collection

Events

results-found Fired when results are found by the API.

Mixin

Custom property	Description	Default
`--ozone-mosaic-item`	css mixin for the list of item	`{ box-sizing: border-box;width:300px;height:200px;margin:10px;display:flex;overflow: hidden;}`
`--ozone-mosaic-item-margins`	css mixin for the margin of previewContainer	`default 8px`

install

$ npm install --save ozone-mosaic

command

npm install: install project dependency.

npm run tsc: run typeScript compiler.

npm run build build application.

npm run test bundle test files with webpack and run test with webComponent tester.

npm run build:watch bundle test files with webpack and watch on changes.

npm run test:persist bundle test files with webpack and watch on changes.

npm run demo start demo app.

ozone-api-item ozone-api-request ozone-collection ozone-config ozone-default-client ozone-iron-list ozone-item-preview ozone-media-url ozone-search-helper ozone-type ozone-typescript-client taktik-polymer-typescript

@infinitebrahmanuniverse/nolb-oz @everything-registry/sub-chunk-2395 ozone-components-demo

5 months ago

9 months ago

9 months ago

11 months ago

1 year ago

11 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago