ozone-item-edit

This package contains several Webcomponents based on polymer V2 to edit an ozone item.

sub-components

ozone-item-edit: edit an ozone item.

ozone-edit-text-entry: edit ozone text field

ozone-edit-json-entry: edit ozone json field

ozone-edit-set-entry: edit ozone set field

ozone-edit-number-entry: edit ozone number field

ozone-localized-string: display ozone localized string

install

$ npm install --save ozone-item-edit

ozone-item-edit

usage

<ozone-item-edit item-data={{item}} invalid="{{invalid}}">  </ozone-item-edit>

attributes

itemData: GenericItem item to display. invalid: boolean true if the value is invalid.

methods

getUpdatedData: get the item with its modified fields.

Events:

value-changed: Trigger when a value has changed

ozone-edit-xxx

attributes

type: string ozone type of the entry value: string value of the field name: LocalizedString name of the field language: string language to use in LocalizedName disabled: boolean Set to true to disable this input. isModify: boolean if the value is modify, is value will change to true. invalid: boolean true if the value is invalid inputElement: Returns a reference to the input element.

events

value-changed: Triggered when a value has changed invalid-changed: Triggered when invalid attribute has changed

command

npm run tsc: run typeScript compiler.

npm run build build and bundle application with webpack.

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.