├── _config.yml ├── docs_output ├── events │ ├── zg-body-api-events.json │ ├── zg-button-api-events.json │ ├── zg-caption-api-events.json │ ├── zg-checkbox-api-events.json │ ├── zg-colgroup-api-events.json │ ├── zg-dialog-api-events.json │ ├── zg-element-api-events.json │ ├── zg-filter-api-events.json │ ├── zg-focus-api-events.json │ ├── zg-foot-api-events.json │ ├── zg-footer-api-events.json │ ├── zg-head-api-events.json │ ├── zg-icon-api-events.json │ ├── zg-input-api-events.json │ ├── zg-menu-api-events.json │ ├── zg-no-data-api-events.json │ ├── zg-pager-api-events.json │ ├── zg-param-api-events.json │ ├── zg-search-api-events.json │ ├── zg-select-api-events.json │ ├── zg-source-api-events.json │ ├── zg-status-api-events.json │ ├── zg-text-api-events.json │ ├── zg-tooltip-api-events.json │ ├── zg-column-resize-api-events.json │ ├── zg-control-bar-api-events.json │ ├── zg-editor-row-api-events.json │ ├── zg-head-cell-api-events.json │ ├── zg-load-mask-api-events.json │ ├── zg-menu-group-api-events.json │ ├── zg-option-list-api-events.json │ ├── zg-selector-mask-api-events.json │ ├── zg-separator-api-events.json │ ├── zg-watermark-api-events.json │ ├── zg-frozen-colgroup-api-events.json │ ├── zg-layout-controls-api-events.json │ ├── zg-header-api-events.json │ ├── zg-menu-item-api-events.json │ ├── zg-column-api-events.json │ ├── zg-card-api-events.json │ ├── zg-record-api-events.json │ ├── zg-row-api-events.json │ └── zg-data-api-events.json ├── elements │ ├── members │ │ ├── zg-body-api-members.json │ │ ├── zg-cell-api-members.json │ │ ├── zg-focus-api-members.json │ │ ├── zg-foot-api-members.json │ │ ├── zg-footer-api-members.json │ │ ├── zg-head-api-members.json │ │ ├── zg-header-api-members.json │ │ ├── zg-no-data-api-members.json │ │ ├── zg-row-api-members.json │ │ ├── zg-search-api-members.json │ │ ├── zg-status-api-members.json │ │ ├── zg-tooltip-api-members.json │ │ ├── zg-colgroup-api-members.json │ │ ├── zg-control-bar-api-members.json │ │ ├── zg-editor-row-api-members.json │ │ ├── zg-head-cell-api-members.json │ │ ├── zg-load-mask-api-members.json │ │ ├── zg-menu-group-api-members.json │ │ ├── zg-menu-item-api-members.json │ │ ├── zg-separator-api-members.json │ │ ├── zg-frozen-colgroup-api-members.json │ │ ├── zg-layout-controls-api-members.json │ │ ├── zg-selector-mask-api-members.json │ │ ├── zg-filter-api-members.json │ │ ├── zg-checkbox-api-members.json │ │ ├── zg-source-api-members.json │ │ ├── zg-menu-api-members.json │ │ ├── zg-icon-api-members.json │ │ ├── zg-caption-api-members.json │ │ ├── zg-input-api-members.json │ │ ├── zg-select-api-members.json │ │ ├── zg-dialog-api-members.json │ │ ├── zg-card-api-members.json │ │ ├── zg-button-api-members.json │ │ ├── zg-text-api-members.json │ │ ├── zg-pager-api-members.json │ │ └── zg-data-api-members.json │ ├── slots │ │ ├── zg-card-api-slots.json │ │ ├── zg-text-api-slots.json │ │ ├── zg-footer-api-slots.json │ │ ├── zg-icon-api-slots.json │ │ ├── zg-source-api-slots.json │ │ ├── zg-dialog-api-slots.json │ │ ├── zg-no-data-api-slots.json │ │ ├── zg-checkbox-api-slots.json │ │ ├── zg-column-api-slots.json │ │ ├── zg-menu-item-api-slots.json │ │ ├── zg-load-mask-api-slots.json │ │ ├── zg-data-api-slots.json │ │ ├── zg-colgroup-api-slots.json │ │ ├── zing-grid-api-slots.json │ │ ├── zg-menu-api-slots.json │ │ ├── zg-input-api-slots.json │ │ ├── zg-menu-group-api-slots.json │ │ ├── zg-button-api-slots.json │ │ ├── zg-caption-api-slots.json │ │ ├── zg-pager-api-slots.json │ │ └── slots.json │ ├── css │ │ ├── zg-load-mask-api-css-vars.json │ │ ├── zg-select-mask-api-css-vars.json │ │ ├── zg-selector-mask-api-css-vars.json │ │ ├── zg-column-resize-api-css-vars.json │ │ ├── zg-icon-api-css-vars.json │ │ ├── zg-footer-api-css-vars.json │ │ ├── zg-text-api-css-vars.json │ │ ├── zg-separator-api-css-vars.json │ │ ├── zg-header-api-css-vars.json │ │ ├── zg-foot-api-css-vars.json │ │ ├── zg-menu-api-css-vars.json │ │ ├── zg-focus-api-css-vars.json │ │ ├── zg-editor-row-api-css-vars.json │ │ ├── zg-control-bar-api-css-vars.json │ │ ├── zg-search-api-css-vars.json │ │ ├── zg-watermark-api-css-vars.json │ │ ├── zg-no-data-api-css-vars.json │ │ ├── zg-card-api-css-vars.json │ │ ├── zg-option-list-api-css-vars.json │ │ └── zg-body-api-css-vars.json │ ├── table │ │ ├── th-api-members.json │ │ ├── col-api-members.json │ │ ├── tr-api-members.json │ │ ├── table-api-members.json │ │ └── table.json │ └── cssparts │ │ ├── cssparts.json │ │ └── zg-dialog-api-css-parts.json ├── methods │ ├── zg-card-api-methods.json │ ├── zg-filter-api-methods.json │ ├── zg-no-data-api-methods.json │ ├── zg-theme-api-methods.json │ ├── zg-foot-api-methods.json │ ├── zg-head-api-methods.json │ ├── zg-caption-api-methods.json │ ├── zg-icon-api-methods.json │ ├── zg-source-api-methods.json │ ├── zg-search-api-methods.json │ ├── zg-dialog-api-methods.json │ ├── zg-sorter-api-methods.json │ ├── zg-layout-api-methods.json │ ├── zg-selector-api-methods.json │ ├── zg-viewport-api-methods.json │ ├── zg-menu-api-methods.json │ ├── zg-cell-api-methods.json │ ├── zg-editor-api-methods.json │ ├── zg-row-api-methods.json │ └── zg-pager-api-methods.json ├── themes │ └── theme.json └── objectMethods │ └── methods.json ├── index-commonjs.js ├── es5.js ├── es6.js ├── index.js ├── dist └── zinggrid.zip ├── npm_runkit_example.js ├── zinggrid.1.2.1.nupkg ├── .gitignore ├── LICENSE.md ├── examples ├── index.html └── index-modules.html ├── package.json ├── package.nuspec ├── .github └── workflows │ ├── notify-services-of-publish.yml │ ├── publish.yml │ └── create-version-tag.yml └── README.md /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-cayman -------------------------------------------------------------------------------- /docs_output/events/zg-body-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-button-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-caption-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-checkbox-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-colgroup-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-dialog-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-element-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-filter-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-focus-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-foot-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-footer-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-head-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-icon-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-input-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-menu-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-no-data-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-pager-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-param-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-search-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-select-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-source-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-status-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-text-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-tooltip-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-column-resize-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-control-bar-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-editor-row-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-head-cell-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-load-mask-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-menu-group-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-option-list-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-selector-mask-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-separator-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-watermark-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-body-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-cell-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-focus-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-foot-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-footer-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-head-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-header-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-no-data-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-row-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-search-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-status-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-tooltip-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-frozen-colgroup-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/events/zg-layout-controls-api-events.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /index-commonjs.js: -------------------------------------------------------------------------------- 1 | require('./dist/zinggrid.min.js'); 2 | -------------------------------------------------------------------------------- /docs_output/elements/members/zg-colgroup-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-control-bar-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-editor-row-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-head-cell-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-load-mask-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-menu-group-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-menu-item-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-separator-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-frozen-colgroup-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-layout-controls-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-selector-mask-api-members.json: -------------------------------------------------------------------------------- 1 | [] -------------------------------------------------------------------------------- /es5.js: -------------------------------------------------------------------------------- 1 | import './dist/zinggrid.es5.min.js'; 2 | export default ZingGrid; -------------------------------------------------------------------------------- /es6.js: -------------------------------------------------------------------------------- 1 | import './dist/zinggrid.es6.min.js'; 2 | export default ZingGrid; -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | import './dist/zinggrid.min.js'; 2 | export default ZingGrid; 3 | -------------------------------------------------------------------------------- /dist/zinggrid.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ZingGrid/zinggrid/HEAD/dist/zinggrid.zip -------------------------------------------------------------------------------- /npm_runkit_example.js: -------------------------------------------------------------------------------- 1 | /* import ZingGrid */ 2 | import ZingGrid from 'zinggrid'; 3 | -------------------------------------------------------------------------------- /zinggrid.1.2.1.nupkg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ZingGrid/zinggrid/HEAD/zinggrid.1.2.1.nupkg -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ._* 2 | .DS_Store 3 | .idea 4 | .node-version 5 | .Trashes 6 | .vscode 7 | bower_components 8 | node_modules 9 | -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-card-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGCard","fullName":"zg-card-","description":"Card content.","tagName":"zg-card","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/DTFGSFSC"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-text-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGText","fullName":"zg-text-","description":"Text value.","tagName":"zg-text","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/S457MZ0K"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-footer-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGFooter","fullName":"zg-footer-","description":"Footer content.","tagName":"zg-footer","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/ELK8HPP7"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-icon-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"icon","memberof":"ZGIcon","fullName":"zg-icon-icon","description":"Icon content.","tagName":"zg-icon","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HXO5TC18"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-source-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGSource","fullName":"zg-source-","description":"Source content.","tagName":"zg-source","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HG4UZIWP"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-dialog-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGDialog","fullName":"zg-dialog-","description":"Dialog body content.","tagName":"zg-dialog","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/VLWUT2WH"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-no-data-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGNoData","fullName":"zg-no-data-","description":"No data content.","tagName":"zg-no-data","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/YV6Q0X73"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-checkbox-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGCheckbox","fullName":"zg-checkbox-","description":"Checkbox label.","tagName":"zg-checkbox","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/SH25MCV3"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-column-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGColumn","fullName":"zg-column-","description":"Custom column content.","tagName":"zg-column","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OOLHCF4S"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-menu-item-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGMenuItem","fullName":"zg-menu-item-","description":"Menu item content.","tagName":"zg-menu-item","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-load-mask-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGLoadMask","fullName":"zg-load-mask-","description":"Loading mask content.","tagName":"zg-load-mask","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/ZSS16AE8"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-data-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGData","fullName":"zg-data-","description":"Data content that only accepts data configuration options (ZGParams).","tagName":"zg-data","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/183V66K9"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-colgroup-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGColgroup","fullName":"zg-colgroup-","description":"Colgroup content that only accepts columns (ZGColumns).","tagName":"zg-colgroup","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/39UJTCFI"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-filter-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"cellindex","description":"The index of the cell with the filter","type":"Number","fullName":"zg-filter-cellindex","demoLink":"","default":"","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":""}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zing-grid-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZingGrid","fullName":"zing-grid-","description":"Grid content or configuration that accepts `` elements that are allowed to be manually inserted.","tagName":"zing-grid","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/BWRQHMEU"}] -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | All of the code within the ZingGrid software is developed and copyrighted by ZingSoft, Inc., and may not be copied, 2 | replicated, or used in any other software or application without prior permission from ZingGrid. All usage must coincide with the 3 | ZingGrid End User License Agreement which can be requested by email at support@zingsoft.com. -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-menu-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGMenu","fullName":"zg-menu-","description":"Menu content. Overwrites default menu when `[replace]` is present, else appends to the end of the default menu.\nAccepts ZGMenuGroup, ZGMenuItem, and ZGSeparator to construct custom menu.","tagName":"zg-menu","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-load-mask-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGLoadMask","fullName":"zg-load-mask--zg-load-mask-color","name":"--zg-load-mask-color","description":"Sets the font color of the loading text","demoLink":"https://app.zingsoft.com/demos/embed/YTE2VZ54","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"#fff","tagName":"zg-load-mask","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-checkbox-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"checked","description":"Presence of attribute determines if the checkbox is checked","type":"Boolean","fullName":"zg-checkbox-checked","demoLink":"https://app.zingsoft.com/demos/create/W64KXNUL","default":"\"\"","acceptedValues":["N/A"],"displayValues":["N/A"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-checkbox"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-source-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"position","description":"Indicates where to position the source","type":"String","fullName":"zg-source-position","demoLink":"https://app.zingsoft.com/demos/create/7EDEO4QO","default":"\"bottom\"","acceptedValues":["Enum"],"displayValues":["\"top\"","\"bottom\"","\"both\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-source"}] -------------------------------------------------------------------------------- /docs_output/elements/table/th-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"data-zg-frozen-column","description":"Presence of attribute freezes the column.","type":"String","fullName":"th-dataZgFrozenColumn","demoLink":"https://app.zingsoft.com/demos/create/4ZZ7XCMF","default":"''","acceptedValues":["Enum"],"displayValues":["\"\"","\"left\"","\"right\"","..."],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgth"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-input-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGInput","fullName":"zg-input-","description":"Content after input field.","tagName":"zg-input","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/BCCS88WC"},{"name":"input","memberof":"ZGInput","fullName":"zg-input-input","description":"Content before input field.","tagName":"zg-input","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/AQ8IBZOX"}] -------------------------------------------------------------------------------- /docs_output/elements/table/col-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"data-zg-*","description":"Sets a ZGColumn attribute (Ex. data-zg-type corresponds to the ZGColumn[type] attribute).","type":"String","fullName":"col-dataZg*","demoLink":"https://app.zingsoft.com/demos/create/U0VGP809","default":"''","acceptedValues":"","displayValues":["\"type\"","\"index\"","\"hidden\"","..."],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgcol"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-menu-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"replace","description":"Presence of attribute replaces the default context menu with a custom menu.\nIf `replace` is not set, the custom menu will be appended to the end of the default menu.","type":"Boolean","fullName":"zg-menu-replace","demoLink":"https://app.zingsoft.com/demos/create/57Z2RG8B","default":"\"\"","acceptedValues":["N/A"],"displayValues":["N/A"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-menu"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-menu-group-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"zgMenuGroupItems","memberof":"ZGMenuGroup","fullName":"zg-menu-group-zgMenuGroupItems","description":"Menu group items that only accepts menu items (ZGMenuItems).","tagName":"zg-menu-group","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"},{"name":"zgMenuGroupLabel","memberof":"ZGMenuGroup","fullName":"zg-menu-group-zgMenuGroupLabel","description":"Menu group label.","tagName":"zg-menu-group","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-card-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"setCardTemplate","description":"Sets the id to reference an external `template` to be used as ``","type":null,"demoLink":"https://app.zingsoft.com/demos/create/9JC1MBG2","acceptedValues":[],"displayValues":["templateId"],"params":[{"type":"String","description":"Value of id to use the card template.","name":"id"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setCardTemplate","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-button-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGButton","fullName":"zg-button-","description":"Button content.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OOQFSK8A"},{"name":"icon","memberof":"ZGButton","fullName":"zg-button-icon","description":"Button icon. Replaces the default slot.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/2YF9ASJA"},{"name":"label","memberof":"ZGButton","fullName":"zg-button-label","description":"Button label. Use to add a label when using the \"icon\" slot.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/42K3LC1G"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-icon-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"name","description":"Sets the icon type of ``","type":"String","fullName":"zg-icon-name","demoLink":"https://app.zingsoft.com/demos/create/3Z0S4888","default":"\"\"","acceptedValues":[""],"displayValues":["\"cancelrecord\"","\"checked\"","\"checkmark\"","\"close\"","\"down\"","\"edit\"","\"editrecord\"","\"duplicaterecord\"","\"firstpage\"","\"lastpage\"","\"layoutcard\"","\"layoutrow\"","\"link\"","\"menu\"","\"nextpage\"","\"outsidearrow\"","\"prevpage\"","\"reload\"","\"remove\"","\"removerecord\"","\"search\"","\"sort\"","\"submitrecord\"","\"unchecked\"","\"up\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-icon"}] -------------------------------------------------------------------------------- /docs_output/events/zg-header-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"header:click","description":"Fires event when click on a header cell.","demoLink":"https://app.zingsoft.com/demos/create/ENV6PPDP","returns":[{"type":"String","description":"The current cell index.","name":"ZGData.cellIndex"},{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"String","description":"The value of the cell.","name":"ZGData.text"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-header","fullName":"zg-header-event-header_click","category":"Event"}] -------------------------------------------------------------------------------- /examples/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-caption-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGCaption","fullName":"zg-caption-","description":"Caption title.","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/D318SEAQ"},{"name":"message","memberof":"ZGCaption","fullName":"zg-caption-message","description":"Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HYG6DBP6"},{"name":"tool","memberof":"ZGCaption","fullName":"zg-caption-tool","description":"Caption toolbar, which is added to the rightmost of caption by default.","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OM7DR9U5"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-caption-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"align","description":"The alignment of content in the caption","type":"String","fullName":"zg-caption-align","demoLink":"https://app.zingsoft.com/demos/create/3VUT9XVS","default":"\"start\"","acceptedValues":["Enum"],"displayValues":["\"start\"","\"left\"","\"right\"","\"center\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-caption"},{"name":"position","description":"Indicates where to position the caption","type":"String","fullName":"zg-caption-position","demoLink":"https://app.zingsoft.com/demos/create/GYOV88PD","default":"\"top\"","acceptedValues":["Enum"],"displayValues":["\"top\"","\"bottom\"","\"both\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-caption"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-select-mask-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGSelectMask","fullName":"zg-select-mask--zg-select-mask-opacity","name":"--zg-select-mask-opacity","description":"Sets the opacity of select mask","demoLink":"https://app.zingsoft.com/demos/create/1UHOVY9H","cssRefLink":"https://www.w3.org/TR/css-color-3/#opacity","default":".1","tagName":"zg-select-mask","category":"CSS Variable"},{"memberof":"ZGSelectMask","fullName":"zg-select-mask--zg-select-mask-background","name":"--zg-select-mask-background","description":"Styles the background of select mask","demoLink":"https://app.zingsoft.com/demos/create/IRMA1ZQW","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-secondary)","tagName":"zg-select-mask","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-selector-mask-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGSelectorMask","fullName":"zg-selector-mask--zg-selector-mask-opacity","name":"--zg-selector-mask-opacity","description":"Sets the opacity of selector mask","demoLink":"https://app.zingsoft.com/demos/create/1UHOVY9H","cssRefLink":"https://www.w3.org/TR/css-color-3/#opacity","default":".1","tagName":"zg-selector-mask","category":"CSS Variable"},{"memberof":"ZGSelectorMask","fullName":"zg-selector-mask--zg-selector-mask-background","name":"--zg-selector-mask-background","description":"Styles the background of selector mask","demoLink":"https://app.zingsoft.com/demos/create/WNZ6POC7","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-secondary)","tagName":"zg-selector-mask","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-filter-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getFilter","description":"Gets the value of the `filter` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/TEXBT9XY","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getFilter","category":"Method"},{"name":"setFilter","description":"Sets the `filter` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/KIU4DT58","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setFilter","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-no-data-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getNodata","description":"Gets the value of the `no-data` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/TYZ4FVJL","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getNodata","category":"Method"},{"name":"setNoData","description":"Sets the `no-data` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/CX509ALI","acceptedValues":[],"displayValues":["\"No Records\""],"params":[{"type":"String","description":"Message to display when there is no data","name":"value"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setNoData","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-theme-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getTheme","description":"Gets the value of the `theme` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/WG9V99WB","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getTheme","category":"Method"},{"name":"setTheme","description":"Sets the `theme` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/DIUE56EF","acceptedValues":[],"displayValues":["default","android","ios","dark","customTheme"],"params":[{"type":"String","description":"Value to indicate which theme to set","name":"theme"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setTheme","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-foot-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getFootClass","description":"Gets the value of the `foot-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/69TCOD2T","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getFootClass","category":"Method"},{"name":"setFootClass","description":"Sets the `foot-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/1RMHW3K5","acceptedValues":[],"displayValues":["\"userClassName\"","\"functionName\""],"params":[{"type":"String","description":"class name or function name","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setFootClass","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-head-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getHeadClass","description":"Gets the value of the `head-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/RCEOBKBU","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getHeadClass","category":"Method"},{"name":"setHeadClass","description":"Sets the `head-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/SKKUJT7I","acceptedValues":[],"displayValues":["\"userClassName\"","\"functionName\""],"params":[{"type":"String","description":"Class name or function name","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setHeadClass","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-caption-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getCaption","description":"Gets the value of the `caption` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/04GHY1VD","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getCaption","category":"Method"},{"name":"setCaption","description":"Set the caption text","type":null,"demoLink":"https://app.zingsoft.com/demos/create/CD0S26IB","acceptedValues":[],"displayValues":["Hello World"],"params":[{"type":"String","description":"Text to set the caption to. If no string is passed, it will remove the caption.","name":"sCaption"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setCaption","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-icon-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getIconSet","description":"Gets the value of the `icon-set` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/1VT44D59","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getIconSet","category":"Method"},{"name":"setIconSet","description":"Sets the `icon-set` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/QETBJ2WO","acceptedValues":[],"displayValues":["\"fa\"","\"fontawesome\"","\"font-awesome\"","\"custom\""],"params":[{"type":"String","description":"Icon set to use in the grid","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setIconSet","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-source-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getSource","description":"Gets the value of the `source` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/A4BZ8WAS","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute."}],"tagName":"zing-grid","fullName":"zing-grid-method-getSource","category":"Method"},{"name":"setSource","description":"Sets the `source` attribute. Not to be confused with `src` attribute, the `source` attribute is for citation.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/Z6CMG9G0","acceptedValues":[],"displayValues":["\"Source: Wikipedia\""],"params":[{"type":"String","description":"Source of the data in the grid","name":"value"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setSource","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/zg-pager-api-slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGPager","fullName":"zg-pager-","description":"Pager content. If used with the other pager slot, the content is placed beneath the other slots.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"center","memberof":"ZGPager","fullName":"zg-pager-center","description":"Pager content placed in the center.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"left","memberof":"ZGPager","fullName":"zg-pager-left","description":"Pager content placed in the left.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"right","memberof":"ZGPager","fullName":"zg-pager-right","description":"Pager content placed in the right.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"}] -------------------------------------------------------------------------------- /docs_output/events/zg-menu-item-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"menu-item:click","description":"Fires the event when custom menu item is clicked.","demoLink":"https://app.zingsoft.com/demos/create/B7HRCHKV","returns":[{"type":"Object","description":"The DOM cell.","name":"ZGData.DOMCell"},{"type":"Object","description":"The relevant DOM cell.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"Object","description":"Reference to the grid.","name":"ZGData.grid"},{"type":"Object","description":"The relevant header.","name":"ZGData.header"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"}],"dependency":"The 'menu:click' event listener must be added to the custom menu item.","tagName":"zg-menu-item","fullName":"zg-menu-item-event-menu-item_click","category":"Event"}] -------------------------------------------------------------------------------- /examples/index-modules.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 12 | 13 |

Must have localhost running for modules on file system to work

14 | 15 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "zinggrid", 3 | "version": "2.1.5", 4 | "description": "ZingGrid - A fully-featured, native, web-component, data table and grid for Javascript applications.", 5 | "main": "index-commonjs.js", 6 | "module": "index.js", 7 | "exports": { 8 | ".": { 9 | "import": "./index.js", 10 | "require": "./index-commonjs.js" 11 | } 12 | }, 13 | "customElements": "zing-grid.json", 14 | "types": "index.d.ts", 15 | "runkitExampleFilename": "npm_runkit_example.js", 16 | "author": "ZingSoft", 17 | "repository": { 18 | "type": "git", 19 | "url": "https://github.com/zinggrid/zinggrid" 20 | }, 21 | "scripts": { 22 | "build:nuget": "nuget pack" 23 | }, 24 | "homepage": "https://www.zinggrid.com/docs/your-first-grid", 25 | "browser": "ZingGrid", 26 | "keywords": [ 27 | "zinggrid", 28 | "grid", 29 | "datatable", 30 | "data table", 31 | "javascript", 32 | "javascript grid", 33 | "data-table", 34 | "zingsoft" 35 | ] 36 | } 37 | -------------------------------------------------------------------------------- /docs_output/elements/table/tr-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"data-zg-frozen-row","description":"Presence of attribute freezes the row.","type":"String","fullName":"tr-dataZgFrozenRow","demoLink":"https://app.zingsoft.com/demos/create/IQGCC5M2","default":"''","acceptedValues":["Enum"],"displayValues":["\"\"","\"top\"","\"bottom\"","..."],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtr"},{"name":"data-zg-head-row","description":"Presence of attribute specifies row as a header row.","type":"String","fullName":"tr-dataZgHeadRow","demoLink":"https://app.zingsoft.com/demos/create/1FYIPXA7","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtr"},{"name":"data-zg-ignore-row","description":"Presence of attribute ignores the row.","type":"String","fullName":"tr-dataZgIgnoreRow","demoLink":"https://app.zingsoft.com/demos/create/JURIYIKE","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtr"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-input-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"action","description":"The built-in behavior and display of the input. Gets and sets the associated grid property.","type":"String","fullName":"zg-input-action","demoLink":"https://app.zingsoft.com/demos/create/M64BDXP3","default":"\"\"","acceptedValues":["Enum"],"displayValues":["\"currpage\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-input"},{"name":"type","description":"The type of the input if not using a built-in action","type":"String","fullName":"zg-input-type","demoLink":"https://app.zingsoft.com/demos/create/T37LYIM7","default":"\"text\"","acceptedValues":[""],"displayValues":["\"password\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-input"},{"name":"value","description":"The value of the input","type":"String","fullName":"zg-input-value","demoLink":"https://app.zingsoft.com/demos/create/AF5361VU","default":"\"\"","acceptedValues":[""],"displayValues":["\"6\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-input"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-select-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"action","description":"The actions of the select dropdown. The current option is pagesize.","type":"String","fullName":"zg-select-action","demoLink":"https://app.zingsoft.com/demos/create/GZQR41UB","default":"\"\"","acceptedValues":["\"pagesize\""],"displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-select"},{"name":"options","description":"The comma separated string list of options to go into the Select Element","type":"String","fullName":"zg-select-options","demoLink":"https://app.zingsoft.com/demos/create/GZQR41UB","default":"\"5,15,50\"","acceptedValues":["Any comma separated String list"],"displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-select"},{"name":"value","description":"The default value of the select dropdown","type":"String","fullName":"zg-select-value","demoLink":"https://app.zingsoft.com/demos/create/GZQR41UB","default":"\"\"","acceptedValues":["\"5\""],"displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-select"}] -------------------------------------------------------------------------------- /package.nuspec: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | zinggrid 5 | 1.2.1 6 | A fully-featured, native, web-component, data table and grid for Javascript applications. 7 | ZingSoft Inc 8 | https://www.zinggrid.com/pricing 9 | https://www.zinggrid.com 10 | ZingGrid grid datatable javascript javascript-grid data-table CRUD CRUD-grid zingsoft zingchart 11 | false 12 | https://www.zingchart.com/assets/img/zing-logo.svg 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /docs_output/methods/zg-search-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getSearch","description":"Gets the value of the `search` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/JWOQCJXO","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getSearch","category":"Method"},{"name":"searchGrid","description":"Searches the grid with the search term indicated","type":null,"demoLink":"https://app.zingsoft.com/demos/create/DDUW15BM","acceptedValues":[],"displayValues":["John Doe"],"params":[{"type":"String","description":"Search term","name":"search"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-searchGrid","category":"Method"},{"name":"setSearch","description":"Sets the `search` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LO0ZU5OQ","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setSearch","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-dialog-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"closeDialog","description":"Closes currently opened dialogs","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LKSPSD0C","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-closeDialog","category":"Method"},{"name":"customizeDialog","description":"Customizes the user's dialog","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LTM0L1OZ","acceptedValues":[],"displayValues":[],"params":[{"type":"String","description":"The type of dialog to customize. If you set as null, the config will be applied to all dialogs.\nOptions are:\n
    \n
  • record-create\n
  • record-delete\n
  • record-info\n
  • record-update\n
  • view-error\n
  • view-info\n
  • view-success\n
  • view-warn\n
  • zg-version\n
","name":"type"},{"type":"Object","description":"Options for the data retrieval. Options are:\n
    \n
  • cancel: Text for the Cancel Button\n
  • confirm: Text for the Confirm Button\n
  • title: The Title to display on the Dialog\n
","name":"config"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-customizeDialog","category":"Method"}] -------------------------------------------------------------------------------- /.github/workflows/notify-services-of-publish.yml: -------------------------------------------------------------------------------- 1 | 2 | # Name is optional and if present must be used 3 | # in the url path for badges 4 | name: Trigger Site and CDN Build 5 | 6 | # only run when a release has been "published" 7 | on: 8 | release: 9 | types: [released, prereleased] 10 | 11 | jobs: 12 | dispatch: 13 | name: Dispatch Event 14 | runs-on: ubuntu-latest 15 | strategy: 16 | matrix: 17 | node-version: [16.14] 18 | 19 | steps: 20 | # push dev (stage) version of site 21 | - name: Dispatch Site Build 22 | uses: peter-evans/repository-dispatch@v1 23 | with: 24 | # personal access tokens are under admin@zingsoft.com github account 25 | token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 26 | repository: zingsoftinc/zinggrid-com 27 | event-type: new-zg-version 28 | client-payload: '{"ref": "${{ github.ref }}", "version": "${GITHUB_REF/refs\/tags\//}"}' 29 | # push master (live) branch of site 30 | # - name: Dispatch CDN Build 31 | # uses: peter-evans/repository-dispatch@v1 32 | # with: 33 | # # personal access tokens are under admin@zingsoft.com github account 34 | # token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 35 | # repository: zingsoftinc/zinggrid-cdn 36 | # event-type: new-zg-version 37 | # client-payload: '{"ref": "${{ github.ref }}", "version": "${GITHUB_REF/refs\/tags\//}"}' -------------------------------------------------------------------------------- /docs_output/elements/css/zg-column-resize-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGColumnResize","fullName":"zg-column-resize--zg-column-resize-background","name":"--zg-column-resize-background","description":"Sets the background of the resize handle","demoLink":"https://app.zingsoft.com/demos/create/GY8NY03F","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"none","tagName":"zg-column-resize","category":"CSS Variable"},{"memberof":"ZGColumnResize","fullName":"zg-column-resize--zg-column-resize-height","name":"--zg-column-resize-height","description":"Sets the height of the resize handle","demoLink":"https://app.zingsoft.com/demos/create/18NKOWQO","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"40%","tagName":"zg-column-resize","category":"CSS Variable"},{"memberof":"ZGColumnResize","fullName":"zg-column-resize--zg-column-resize-top","name":"--zg-column-resize-top","description":"Sets the top position of the resize handle","demoLink":"https://app.zingsoft.com/demos/create/02YVWHW2","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-top","default":"30%","tagName":"zg-column-resize","category":"CSS Variable"},{"memberof":"ZGColumnResize","fullName":"zg-column-resize--zg-column-resize-width","name":"--zg-column-resize-width","description":"Sets the width of the resize handle","demoLink":"https://app.zingsoft.com/demos/create/2BTZFOU2","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"4px","tagName":"zg-column-resize","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-icon-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGIcon","fullName":"zg-icon--zg-icon-height","name":"--zg-icon-height","description":"Sets the height of icon. Also set width using --zg-icon-width to scale icon.","demoLink":"https://app.zingsoft.com/demos/create/35ELYFHO","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"Browser's default value","tagName":"zg-icon","category":"CSS Variable"},{"memberof":"ZGIcon","fullName":"zg-icon--zg-icon-width","name":"--zg-icon-width","description":"Sets the width of icon. Also set height using --zg-icon-height to scale icon.","demoLink":"https://app.zingsoft.com/demos/create/QN5FK1OU","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"Browser's default value","tagName":"zg-icon","category":"CSS Variable"},{"memberof":"ZGIcon","fullName":"zg-icon--zg-icon-init-fill","name":"--zg-icon-init-fill","description":"Sets fill color of icon when element has\n[init] attribute. This indicates that column is sortable.\nThe [init] is removed when column is sorted.","demoLink":"https://app.zingsoft.com/demos/create/K3C0AD5K","cssRefLink":"https://www.w3.org/TR/fill-stroke-3/#propdef-fill","default":"Browser's default value","tagName":"zg-icon","category":"CSS Variable"},{"memberof":"ZGIcon","fullName":"zg-icon--zg-icon-color","name":"--zg-icon-color","description":"Sets the fill color of icon","demoLink":"https://app.zingsoft.com/demos/create/QP3CK186","cssRefLink":"https://www.w3.org/TR/fill-stroke-3/#propdef-fill","default":"var(--theme-color-primary)","tagName":"zg-icon","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-dialog-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"cancel","description":"Callback method to call on custom dialog when the dialog's \"cancel\"\nbutton is clicked","type":"String","fullName":"zg-dialog-cancel","demoLink":"https://app.zingsoft.com/demos/create/XBVNL7I6","default":"N/A","acceptedValues":[""],"displayValues":["\"functionName\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-dialog"},{"name":"confirm","description":"Callback method to call on custom dialog when the dialog's \"confirm\"\nbutton is clicked","type":"String","fullName":"zg-dialog-confirm","demoLink":"https://app.zingsoft.com/demos/create/JYVD3V6H","default":"N/A","acceptedValues":[""],"displayValues":["\"functionName\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-dialog"},{"name":"label","description":"Sets the dialog's header 'label' text","type":"String","fullName":"zg-dialog-label","demoLink":"https://app.zingsoft.com/demos/create/NMCHC24M","default":"\"\"","acceptedValues":[""],"displayValues":["\"Are you sure you want to continue?\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-dialog"},{"name":"open","description":"The presence of the specification-standard `open` attribute designates whether the dialog is shown or hidden","type":"String","fullName":"zg-dialog-open","demoLink":"https://app.zingsoft.com/demos/create/0L3OPPLM","default":"\"\"","acceptedValues":["N/A"],"displayValues":["N/A"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-dialog"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-sorter-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getSort","description":"Gets the value of the `sort` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/U5OIQ6AQ","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getSort","category":"Method"},{"name":"getSorter","description":"Gets the value of the `sorter` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/ET4L3N1D","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getSorter","category":"Method"},{"name":"setSort","description":"Sets the `sort` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/AAVOU37N","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Boolean value to indicate add or remove","name":"types"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setSort","category":"Method"},{"name":"setSorter","description":"Sets the `sorter` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/AAVOU37N","acceptedValues":[],"displayValues":["fncName"],"params":[{"type":"Boolean | String","description":"String value to indicate reference to custom sorter function","name":"types"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setSorter","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-layout-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getLayout","description":"Gets the value of the `layout` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/JQLUGDKY","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getLayout","category":"Method"},{"name":"getLayoutControls","description":"Gets the value of the `layout-controls` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/M2RYZHR1","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getLayoutControls","category":"Method"},{"name":"setLayout","description":"Sets the `layout` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/HD3VJYUL","acceptedValues":[],"displayValues":["\"row\"","\"card\""],"params":[{"type":"Enum","description":"Value to indicate the grid layout","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setLayout","category":"Method"},{"name":"setLayoutControls","description":"Sets the `layout-controls` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/8C4VKP9O","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setLayoutControls","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-card-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"editor","description":"Sets the custom editor","type":"function","fullName":"zg-card-editor","demoLink":"https://app.zingsoft.com/demos/create/9U5NHFD0","default":"\"\"","acceptedValues":[""],"displayValues":["\"editorVariable\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-card"},{"name":"editor-template","description":"Points to an external template element to be used as the template for the card's editor.","type":"function","fullName":"zg-card-editorTemplate","demoLink":"https://app.zingsoft.com/demos/create/ZZE452WJ","default":"\"\"","acceptedValues":[""],"displayValues":["\"templateId\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-card"},{"name":"renderer","description":"The return value of the method is set as the innerHTML of ``. If nothing is returned,\nit will not change the currently rendered card. The method takes the paramters `data`, `domCard`, and `rowObject`.","type":"function","fullName":"zg-card-renderer","demoLink":"https://app.zingsoft.com/demos/create/B9BRAX0F","default":"\"\"","acceptedValues":[""],"displayValues":["\"

Card content

\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-card"},{"name":"renderer-template","description":"Points to an external template element to be used as the template for the card's render.","type":"function","fullName":"zg-card-rendererTemplate","demoLink":"https://app.zingsoft.com/demos/create/ZBBH3JRQ","default":"\"\"","acceptedValues":[""],"displayValues":["\"myTemplateId\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-card"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-footer-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGFooter","fullName":"zg-footer--zg-footer-background","name":"--zg-footer-background","description":"Styles the background of footer","demoLink":"https://app.zingsoft.com/demos/create/0EVTA5YN","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"0","tagName":"zg-footer","category":"CSS Variable"},{"memberof":"ZGFooter","fullName":"zg-footer--zg-footer-border-bottom","name":"--zg-footer-border-bottom","description":"Styles the bottom border of footer","demoLink":"https://app.zingsoft.com/demos/create/PUY88M0U","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-footer-border, 0)","tagName":"zg-footer","category":"CSS Variable"},{"memberof":"ZGFooter","fullName":"zg-footer--zg-footer-border-left","name":"--zg-footer-border-left","description":"Styles the left border of footer","demoLink":"https://app.zingsoft.com/demos/create/V3H9QB6G","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-footer-border, 0)","tagName":"zg-footer","category":"CSS Variable"},{"memberof":"ZGFooter","fullName":"zg-footer--zg-footer-border-right","name":"--zg-footer-border-right","description":"Styles the right border of footer","demoLink":"https://app.zingsoft.com/demos/create/TAJ68HA9","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-footer-border, 0)","tagName":"zg-footer","category":"CSS Variable"},{"memberof":"ZGFooter","fullName":"zg-footer--zg-footer-border-top","name":"--zg-footer-border-top","description":"Styles the top border of footer","demoLink":"https://app.zingsoft.com/demos/create/FMUNXOES","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-footer-border, 0)","tagName":"zg-footer","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-selector-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getSelectedRows","description":"Returns an array of selected rows","type":null,"demoLink":"https://app.zingsoft.com/demos/create/SQV8GJ9Q","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Array","description":"Selected Data"}],"tagName":"zing-grid","fullName":"zing-grid-method-getSelectedRows","category":"Method"},{"name":"getSelector","description":"Gets the value of the `selector` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LGD8NBIH","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getSelector","category":"Method"},{"name":"select","description":"Selects one or more cells","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LPX2VU11","acceptedValues":[],"displayValues":["(1, 1)"],"params":[{"type":"String","description":"Row of cell to select","name":"rowIndex"},{"type":"String","description":"Column of cell to select","name":"colIndex"},{"type":"String","description":"Optional end cell row for multi-cell selection","name":"endRowIndex"},{"type":"String","description":"Optional end cell column for multi-cell selection","name":"endColIndex"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-select","category":"Method"},{"name":"setSelector","description":"Sets the `selector` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/646X7HUT","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setSelector","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/table/table-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"data-zg-*","description":"Sets a ZingGrid attribute (Ex. data-zg-pager corresponds to the ZingGrid[pager] attribute).","type":"String","fullName":"table-dataZg*","demoLink":"https://app.zingsoft.com/demos/create/4B88GO9T","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtable"},{"name":"data-zg-data-format","description":"Specifies if the grid should copy the full html value of the data rows or just the text data.","type":"String","fullName":"table-dataZgDataFormat","demoLink":"https://app.zingsoft.com/demos/create/1P30R7BU","default":"'text'","acceptedValues":["Enum"],"displayValues":["\"html\"","\"text\""],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"},{"name":"data-zg-head-format","description":"Specifies if the grid should copy the full html value of the head row or just the text data.","type":"String","fullName":"table-dataZgHeadFormat","demoLink":"https://app.zingsoft.com/demos/create/J05M9GZ8","default":"'text'","acceptedValues":["Enum"],"displayValues":["\"html\"","\"text\""],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"},{"name":"id","description":"The id of the table. Use this value in `ZingGrid[data]` to specify as the data source.","type":"String","fullName":"table-id","demoLink":"https://app.zingsoft.com/demos/create/5CLZWFUH","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtable"},{"name":"is","description":"Set to \"zing-grid\" to convert this
into a grid.","type":"String","fullName":"table-is","demoLink":"https://app.zingsoft.com/demos/create/4QLMFFPR","default":"''","acceptedValues":["Enum"],"displayValues":"","values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-text-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGText","fullName":"zg-text--zg-text-color","name":"--zg-text-color","description":"Sets the font color of text","demoLink":"https://app.zingsoft.com/demos/create/6MC0B6AC","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-text","category":"CSS Variable"},{"memberof":"ZGText","fullName":"zg-text--zg-text-font-family","name":"--zg-text-font-family","description":"Sets the font family of text","demoLink":"https://app.zingsoft.com/demos/create/0WX0EZZ8","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"Browser's default value","tagName":"zg-text","category":"CSS Variable"},{"memberof":"ZGText","fullName":"zg-text--zg-text-font-size","name":"--zg-text-font-size","description":"Sets the font size of text","demoLink":"https://app.zingsoft.com/demos/create/R9RX1WRC","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-text","category":"CSS Variable"},{"memberof":"ZGText","fullName":"zg-text--zg-text-font-style","name":"--zg-text-font-style","description":"Sets the font style of text","demoLink":"https://app.zingsoft.com/demos/create/LE7Z8B73","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"Browser's default value","tagName":"zg-text","category":"CSS Variable"},{"memberof":"ZGText","fullName":"zg-text--zg-text-font-weight","name":"--zg-text-font-weight","description":"Sets the font weight of text","demoLink":"https://app.zingsoft.com/demos/create/J9EWFRHT","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"Browser's default value","tagName":"zg-text","category":"CSS Variable"},{"memberof":"ZGText","fullName":"zg-text--zg-text-line-height","name":"--zg-text-line-height","description":"Sets the line height of text","demoLink":"https://app.zingsoft.com/demos/create/W14MFSEF","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":".8","tagName":"zg-text","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-button-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"action","description":"Sets the action of the button","type":"String","fullName":"zg-button-action","demoLink":"https://app.zingsoft.com/demos/create/91NN585A","default":"\"\"","acceptedValues":["Enum"],"displayValues":["\"cancel\"","\"cancelrecord\"","\"checkbox\"","\"copycell\"","\"createrecord\"","\"createrecordend\"","\"createrecordstart\"","\"deselect\"","\"duplicaterecord\"","\"editcell\"","\"editrecord\"","\"editrow\"","\"firstpage\"","\"fixedmenu\"","\"freezecolumnleft\"","\"freezecolumnright\"","\"unfreezecolumn\"","\"hidecolumn\"","\"freezerowtop\"","\"freezerowbottom\"","\"unfreezerow\"","\"getselection\"","\"insertrecord\"","\"layoutrow\"","\"layoutcard\"","\"resetstate\"","\"lastpage\"","\"menu\"","\"nextpage\"","\"pastecell\"","\"prevpage\"","\"reload\"","\"removerecord\"","\"search\"","\"selectcell\"","\"selectrow\"","\"sortcolumn\"","\"submitrecord\"","\"about\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-button"},{"name":"disabled","description":"Presence of attribute determines if the button is disabled or not","type":"Boolean","fullName":"zg-button-disabled","demoLink":"https://app.zingsoft.com/demos/create/MIQE2B6K","default":"\"\"","acceptedValues":["N/A"],"displayValues":["N/A"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-button"},{"name":"icon","description":"Sets the icon for the button","type":"String","fullName":"zg-button-icon","demoLink":"https://app.zingsoft.com/demos/create/2YF9ASJA","default":"\"\"","acceptedValues":[""],"displayValues":["\"cancel\"","\"cancelrecord\"","\"checked\"","\"checkmark\"","\"close\"","\"createrecord\"","\"down\"","\"duplicaterecord\"","\"edit\"","\"editrecord\"","\"error\"","\"error-tmp\"","\"firstpage\"","\"fixedmenu\"","\"info\"","\"lastpage\"","\"layoutcard\"","\"layoutrow\"","\"link\"","\"menu\"","\"nextpage\"","\"outsidearrow\"","\"prevpage\"","\"reload\"","\"remove\"","\"removerecord\"","\"search\"","\"submitrecord\"","\"success\"","\"unchecked\"","\"up\"","\"warning\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-button"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-text-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"value","description":"Specifies what value to generate in text field. Current built-in options are\npager-related information.","type":"String","fullName":"zg-text-value","demoLink":"https://app.zingsoft.com/demos/create/JVDZATK6","default":"\"\"","acceptedValues":["currpage","pagecount","pagesize","startrow","endrow","rowcount"],"displayValues":["\"currpage\"","\"pagecount\"","\"pagesize\"","\"startrow\"","\"endrow\"","\"rowcount\""],"values":[{"name":"currpage","parent":"value","description":"Display the current page of the grid.","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-currpage","category":"Attribute Value"},{"name":"pagecount","parent":"value","description":"Displays the total amount of pages in the grid","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-pagecount","category":"Attribute Value"},{"name":"pagesize","parent":"value","description":"Displays the current `page-size` of the grid","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-pagesize","category":"Attribute Value"},{"name":"startrow","parent":"value","description":"Displays the current starting row index, of the current page, in the grid","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-startrow","category":"Attribute Value"},{"name":"endrow","parent":"value","description":"Displays the current end row index, of the current page, in the grid","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-endrow","category":"Attribute Value"},{"name":"rowcount","parent":"value","description":"Displays the total amount of rows in the grid","relatedAttributes":["pager"],"displayValues":"","type":"","advancedFeature":"","group":"","tagName":"zg-text","fullName":"zg-text-value-rowcount","category":"Attribute Value"}],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-text"}] -------------------------------------------------------------------------------- /docs_output/events/zg-column-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"column:click","description":"Fires event when click on a column.","demoLink":"https://app.zingsoft.com/demos/create/G1LTDI56","returns":[{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-column","fullName":"zg-column-event-column_click","category":"Event"},{"name":"column:filter","description":"Fires the event when a column is filtered.","demoLink":"https://app.zingsoft.com/demos/create/8FMB5J78","returns":[{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"String","description":"The index that the filter is applied to e.g. \"firstName\".","name":"ZGData.filterIndex"},{"type":"String","description":"The current filter value.","name":"ZGData.filterValue"}],"dependency":"The `filter` attribute is required on the `zing-grid` tag.","tagName":"zg-column","fullName":"zg-column-event-column_filter","category":"Event"},{"name":"column:mouseout","description":"Fires event when mouseout on a column.","demoLink":"https://app.zingsoft.com/demos/create/YUGN3NN0","returns":[{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-column","fullName":"zg-column-event-column_mouseout","category":"Event"},{"name":"column:mouseover","description":"Fires event when mouseover on a column.","demoLink":"https://app.zingsoft.com/demos/create/ZLKD91AZ","returns":[{"type":"String","description":"The column index e.g. \"firstName\".","name":"ZGData.fieldIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-column","fullName":"zg-column-event-column_mouseover","category":"Event"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-separator-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-border","name":"--zg-separator-border","description":"Styles the border of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/RNVZ20TC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-separator","category":"CSS Variable"},{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-border-bottom","name":"--zg-separator-border-bottom","description":"Styles the bottom border of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/LUS0AQM5","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-separator-border, 1px solid var(--theme-border-color))","tagName":"zg-separator","category":"CSS Variable"},{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-border-left","name":"--zg-separator-border-left","description":"Styles the left border of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/1644TNHT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-separator-border, 0)","tagName":"zg-separator","category":"CSS Variable"},{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-border-right","name":"--zg-separator-border-right","description":"Styles the right border of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/0E92TO7L","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-separator-border, 1px solid var(--theme-border-color))","tagName":"zg-separator","category":"CSS Variable"},{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-border-top","name":"--zg-separator-border-top","description":"Styles the top border of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/VLP6EXTJ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-separator-border, 0)","tagName":"zg-separator","category":"CSS Variable"},{"memberof":"ZGSeparator","fullName":"zg-separator--zg-separator-margin","name":"--zg-separator-margin","description":"Sets the margin of separator in the menu","demoLink":"https://app.zingsoft.com/demos/create/M1YEHDNJ","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"5px 0","tagName":"zg-separator","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-viewport-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getViewport","description":"Gets the value of the `viewport` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/CUZ59D72","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getViewport","category":"Method"},{"name":"getViewportPause","description":"Gets the value of the `viewport-pause` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/PQ4W6VOP","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getViewportPause","category":"Method"},{"name":"getViewportStop","description":"Gets the value of the `viewport-stop` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/4KCRBHE2","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getViewportStop","category":"Method"},{"name":"getViewportTypes","description":"Gets the value of the `viewport-types` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/OEUI9GPO","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getViewportTypes","category":"Method"},{"name":"setViewportPause","description":"Sets the `viewport-pause` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/Z6CMG9G0","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setViewportPause","category":"Method"},{"name":"setViewportStop","description":"Sets the `viewport-stop` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/AFCCMG4D","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setViewportStop","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/events/zg-card-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"card:click","description":"Fires the `card:click` and `record:click` event when a click occurs on a record (card).","demoLink":"https://app.zingsoft.com/demos/create/3I2P58D2","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-card","fullName":"zg-card-event-card_click","category":"Event"},{"name":"card:mouseout","description":"Fires the event when mouse is moved out a record (card).","demoLink":"https://app.zingsoft.com/demos/create/FDY5N5W2","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-card","fullName":"zg-card-event-card_mouseout","category":"Event"},{"name":"card:mouseover","description":"Fires the event when mouse is moved over a record (card).","demoLink":"https://app.zingsoft.com/demos/create/OOMRFHVT","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-card","fullName":"zg-card-event-card_mouseover","category":"Event"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-header-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGHeader","fullName":"zg-header--zg-header-background","name":"--zg-header-background","description":"Styles the background of header","demoLink":"https://app.zingsoft.com/demos/create/RNK9KGL1","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border","name":"--zg-header-border","description":"Styles the border of header","demoLink":"https://app.zingsoft.com/demos/create/D3AD1LTZ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border-bottom","name":"--zg-header-border-bottom","description":"Styles the bottom border of header","demoLink":"https://app.zingsoft.com/demos/create/ZOYVLTTM","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-header-border, 0)","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border-left","name":"--zg-header-border-left","description":"Styles the left border of header","demoLink":"https://app.zingsoft.com/demos/create/AMLDCFOE","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-header-border, 0)","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border-right","name":"--zg-header-border-right","description":"Styles the right border of header","demoLink":"https://app.zingsoft.com/demos/create/XCB64506","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-header-border, 0)","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border-top","name":"--zg-header-border-top","description":"Styles the top border of header","demoLink":"https://app.zingsoft.com/demos/create/7UN98I97","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-header-border, 0)","tagName":"zg-header","category":"CSS Variable"},{"memberof":"ZGHeader","fullName":"zg-header--zg-header-border-radius","name":"--zg-header-border-radius","description":"Applies border radius to header","demoLink":"https://app.zingsoft.com/demos/create/J5P8R36J","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"0","tagName":"zg-header","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-pager-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"page-size","description":"Sets the number of records or rows to display per page","type":"Number","fullName":"zg-pager-pageSize","demoLink":"https://app.zingsoft.com/demos/create/81Z219UH","default":"50","acceptedValues":[""],"displayValues":["10"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"},{"name":"page-size-card","description":"Sets the number of cards to display per page when in card mode","type":"Number","fullName":"zg-pager-pageSizeCard","demoLink":"https://app.zingsoft.com/demos/create/686MIOTN","default":"page-size value","acceptedValues":[""],"displayValues":["10"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"},{"name":"page-size-row","description":"Sets the number of rows to display per page when in row mode","type":"Number","fullName":"zg-pager-pageSizeRow","demoLink":"https://app.zingsoft.com/demos/create/97IV0UWT","default":"page-size value","acceptedValues":[""],"displayValues":["10"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"},{"name":"pagerButtonLimit","description":"Determines max number of page buttons to display. Default is 5.","type":"Number","fullName":"zg-pager-pagerButtonLimit","demoLink":"","default":"","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":""},{"name":"pagerType","description":"Determines which type of pagination to use, input or buttons","type":"String","fullName":"zg-pager-pagerType","demoLink":"https://app.zingsoft.com/demos/create/H7FW1HCJ","default":"''","acceptedValues":["Enum"],"displayValues":["\"button-text\"","\"button-arrows\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"},{"name":"position","description":"Indicates where to position the pager","type":"String","fullName":"zg-pager-position","demoLink":"https://app.zingsoft.com/demos/create/S32UQ3Q4","default":"\"bottom\"","acceptedValues":["Enum"],"displayValues":["\"top\"","\"bottom\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"},{"name":"size-options","description":"Sets the options for page size in `zg-option-list`","type":"String","fullName":"zg-pager-sizeOptions","demoLink":"https://app.zingsoft.com/demos/create/SHG55V21","default":"\"5,10,50\"","acceptedValues":[""],"displayValues":["\"2,4,6\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-pager"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-menu-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"closeContextMenu","description":"Closes currently opened contextmenu.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/KAFDGIDP","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-closeContextMenu","category":"Method"},{"name":"getColumnsControl","description":"Gets the value of the `columns-control` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/F9GK3NR8","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getColumnsControl","category":"Method"},{"name":"getContextMenu","description":"Gets the value of the `context-menu` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/F9GK3NR8","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String | Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getContextMenu","category":"Method"},{"name":"getStaticMenu","description":"Gets the value of the `static-menu` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/MW02GB99","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getStaticMenu","category":"Method"},{"name":"setContextMenu","description":"Sets the `context-menu` attribute.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/IFD5DPS2","acceptedValues":[],"displayValues":["true","false","contextMenuId"],"params":[{"type":"Boolean | String","description":"Boolean value to indicate add or remove, or string value to indicate reference to id of context-menu.","name":"types"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setContextMenu","category":"Method"},{"name":"setStaticMenu","description":"Sets the `static-menu` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/VUHZSZMM","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setStaticMenu","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/cssparts/cssparts.json: -------------------------------------------------------------------------------- 1 | [{"name":"body","memberof":"ZGDialog","fullName":"zg-dialog-body","description":"Dialog body.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/EK65UO7U"},{"name":"body-content-wrapper","memberof":"ZGDialog","fullName":"zg-dialog-body-content-wrapper","description":"Dialog content wrapper that wraps around editor labels and inputs.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/GJKR3QY7"},{"name":"body-error","memberof":"ZGDialog","fullName":"zg-dialog-body-error","description":"Dialog error message that appears top of dialog body.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/4JQQ92CM"},{"name":"dialog","memberof":"ZGDialog","fullName":"zg-dialog-dialog","description":"Dialog mask or overlay.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/VSRY8A7U"},{"name":"footer","memberof":"ZGDialog","fullName":"zg-dialog-footer","description":"Dialog footer consisting of footer buttons (cancel and confirm).","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/Z6G6DH34"},{"name":"footer-cancel","memberof":"ZGDialog","fullName":"zg-dialog-footer-cancel","description":"Dialog footer cancel button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/XEHSKCF1"},{"name":"footer-confirm","memberof":"ZGDialog","fullName":"zg-dialog-footer-confirm","description":"Dialog footer confirm button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/0DA3B68E"},{"name":"form","memberof":"ZGDialog","fullName":"zg-dialog-form","description":"Dialog form consisting of header, body, and footer.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/JZHY0E6C"},{"name":"header","memberof":"ZGDialog","fullName":"zg-dialog-header","description":"Dialog header consisting of header label and close button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/NXELV9QJ"},{"name":"header-close","memberof":"ZGDialog","fullName":"zg-dialog-header-close","description":"Dialog header close button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/74YFFADI"},{"name":"header-label","memberof":"ZGDialog","fullName":"zg-dialog-header-label","description":"Dialog header label.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/O3F93CPG"}] -------------------------------------------------------------------------------- /docs_output/elements/cssparts/zg-dialog-api-css-parts.json: -------------------------------------------------------------------------------- 1 | [{"name":"body","memberof":"ZGDialog","fullName":"zg-dialog-body","description":"Dialog body.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/EK65UO7U"},{"name":"body-content-wrapper","memberof":"ZGDialog","fullName":"zg-dialog-body-content-wrapper","description":"Dialog content wrapper that wraps around editor labels and inputs.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/GJKR3QY7"},{"name":"body-error","memberof":"ZGDialog","fullName":"zg-dialog-body-error","description":"Dialog error message that appears top of dialog body.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/4JQQ92CM"},{"name":"dialog","memberof":"ZGDialog","fullName":"zg-dialog-dialog","description":"Dialog mask or overlay.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/VSRY8A7U"},{"name":"footer","memberof":"ZGDialog","fullName":"zg-dialog-footer","description":"Dialog footer consisting of footer buttons (cancel and confirm).","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/Z6G6DH34"},{"name":"footer-cancel","memberof":"ZGDialog","fullName":"zg-dialog-footer-cancel","description":"Dialog footer cancel button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/XEHSKCF1"},{"name":"footer-confirm","memberof":"ZGDialog","fullName":"zg-dialog-footer-confirm","description":"Dialog footer confirm button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/0DA3B68E"},{"name":"form","memberof":"ZGDialog","fullName":"zg-dialog-form","description":"Dialog form consisting of header, body, and footer.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/JZHY0E6C"},{"name":"header","memberof":"ZGDialog","fullName":"zg-dialog-header","description":"Dialog header consisting of header label and close button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/NXELV9QJ"},{"name":"header-close","memberof":"ZGDialog","fullName":"zg-dialog-header-close","description":"Dialog header close button.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/74YFFADI"},{"name":"header-label","memberof":"ZGDialog","fullName":"zg-dialog-header-label","description":"Dialog header label.","tagName":"zg-dialog","category":"CSS Parts","demoLink":"https://app.zingsoft.com/demos/create/O3F93CPG"}] -------------------------------------------------------------------------------- /docs_output/elements/members/zg-data-api-members.json: -------------------------------------------------------------------------------- 1 | [{"name":"adapter","description":"Adapter is a shortcut to set known options for specific third party datasets. Currently supports `graphql` and `firebase`.\nDevelopers could register their own custom adapters. For more information on custom adapters, visit Guides > ZingGrid Object > registerAdapter().","type":"String","fullName":"zg-data-adapter","demoLink":"https://app.zingsoft.com/demos/create/36KGT9LR","default":"\"\"","acceptedValues":[""],"displayValues":["\"firebase\"","\"graphql\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-data"},{"name":"data","description":"Data for the grid presented as an array or object. If set as an attribute value, the\ndata needs to be in JSON format.","type":"Object","fullName":"zg-data-data","demoLink":"https://app.zingsoft.com/demos/create/BXPENKMP","default":"\"\"","acceptedValues":[""],"displayValues":["[{\"firstName\": \"John\", \"lastName\": \"Doe\"}]"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-data"},{"name":"id-key","description":"In the case of non-key based objects, the idKey can be set to indicate the id to send back to the datasource on CRUD commands.\nFor example, if the READ URL was https://zinggrid-named.firebaseio.com/ then the UPDATE would be https://zinggrid-named.firebaseio.com/VALUE_OF_IDKEY.","type":"String","fullName":"zg-data-idKey","demoLink":"https://app.zingsoft.com/demos/create/NKCF2H81","default":"\"id\"","acceptedValues":[""],"displayValues":["\"state\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-data"},{"name":"options","description":"Used to set ``, the configuration data for ``. This should never be used directly as an attribute and\nis meant for object instantiation and for setting in JavaScript.","type":"Object","fullName":"zg-data-options","demoLink":"https://app.zingsoft.com/demos/create/9AODYVJT","default":"{}","acceptedValues":[""],"displayValues":["{\"idKey\":\"state\",\"sortDirKey\":\"_order\",\"sortDir\":\"desc\",\"sortByKey\":\"_sort\",\"sortBy\":\"capital\",\"src\":\"https://zinggrid-named.firebaseio.com/\"}"],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-data"},{"name":"src","description":"Specifies the absolute or relative URL to fetch data from to populate the grid","type":"String","fullName":"zg-data-src","demoLink":"https://app.zingsoft.com/demos/create/R2K22X2Q","default":"\"\"","acceptedValues":[""],"displayValues":["\"https://url-to-your-api\""],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zg-data"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-foot-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-background","name":"--zg-foot-background","description":"Styles the background of grid foot","demoLink":"https://app.zingsoft.com/demos/create/5NW1UUJB","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-border","name":"--zg-foot-border","description":"Styles the border of grid foot","demoLink":"https://app.zingsoft.com/demos/create/GJKYV9E6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-border-bottom","name":"--zg-foot-border-bottom","description":"Styles the bottom border of grid foot","demoLink":"https://app.zingsoft.com/demos/create/FRJXV4YB","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-foot-border, 0)","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-border-left","name":"--zg-foot-border-left","description":"Styles the left border of grid foot","demoLink":"https://app.zingsoft.com/demos/create/VYNWYDXA","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-foot-border, 0)","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-border-right","name":"--zg-foot-border-right","description":"Styles the right border of grid foot","demoLink":"https://app.zingsoft.com/demos/create/4YL86H63","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-foot-border, 0)","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-border-top","name":"--zg-foot-border-top","description":"Styles the top border of grid foot","demoLink":"https://app.zingsoft.com/demos/create/906SOMMP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-foot-border, 0)","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-height","name":"--zg-foot-height","description":"Sets the height of grid foot","demoLink":"https://app.zingsoft.com/demos/create/NIOBJEMN","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"auto","tagName":"zg-foot","category":"CSS Variable"},{"memberof":"ZGFoot","fullName":"zg-foot--zg-foot-padding","name":"--zg-foot-padding","description":"Sets the padding of grid foot","demoLink":"https://app.zingsoft.com/demos/create/XA3FXCSI","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0","tagName":"zg-foot","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/events/zg-record-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"record:click","description":"Fires the `row:click` and `record:click` event when a click occurs on a record (row).","demoLink":"https://app.zingsoft.com/demos/create/YAZ15POU","returns":[{"type":"Object","description":"The cell click details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The current layout of the grid, card or row.","name":"ZGData.layout"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-record","fullName":"zg-record-event-record_click","category":"Event"},{"name":"record:mouseout","description":"Fires when the mouse cursor leaves the record (row).","demoLink":"https://app.zingsoft.com/demos/create/4O4TXH1M","returns":[{"type":"Object","description":"The cell click details.","name":"ZGData.cell"},{"type":"String","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The current layout of the grid, card or row.","name":"ZGData.layout"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-record","fullName":"zg-record-event-record_mouseout","category":"Event"},{"name":"record:mouseover","description":"Fires when the mouse cursor enter the record (row).","demoLink":"https://app.zingsoft.com/demos/create/CM6R6738","returns":[{"type":"Object","description":"The cell click details.","name":"ZGData.cell"},{"type":"String","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The current layout of the grid, card or row.","name":"ZGData.layout"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-record","fullName":"zg-record-event-record_mouseover","category":"Event"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-menu-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-background","name":"--zg-menu-background","description":"Styles background of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/H302IPDV","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's defaul value","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-border","name":"--zg-menu-border","description":"Styles the border of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/L29XD0SG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-border-bottom","name":"--zg-menu-border-bottom","description":"Styles the bottom border of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/BP6Q1ONR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-menu-border, 1px solid var(--theme-border-color))","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-border-left","name":"--zg-menu-border-left","description":"Styles the left border of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/YTOQWH4D","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-menu-border, 1px solid var(--theme-border-color))","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-border-right","name":"--zg-menu-border-right","description":"Styles the right border of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/9PZS6F7O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-menu-border, 1px solid var(--theme-border-color))","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-border-top","name":"--zg-menu-border-top","description":"Styles the top border of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/60VFS9X7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-menu-border, 1px solid var(--theme-border-color))","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-box-shadow","name":"--zg-menu-box-shadow","description":"Applies a box shadow to menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/8KM669HT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"0 3px 3px #ccc","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-font-size","name":"--zg-menu-font-size","description":"Sets the font size of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/H08WWNC4","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"0.8rem","tagName":"zg-menu","category":"CSS Variable"},{"memberof":"ZGMenu","fullName":"zg-menu--zg-menu-padding","name":"--zg-menu-padding","description":"Sets the padding of menu dropdown","demoLink":"https://app.zingsoft.com/demos/create/O1VERLUD","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0","tagName":"zg-menu","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-focus-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-border","name":"--zg-focus-border","description":"Styles the border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/OBOGAYLI","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"2px solid var(--theme-color-primary)","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-border-bottom","name":"--zg-focus-border-bottom","description":"Sets the bottom border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/UKS4GLIB","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-focus-border, 2px solid var(--theme-color-primary))","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-bottom-transform","name":"--zg-focus-bottom-transform","description":"Sets the transform of bottom border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/463BLSLE","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-border-left","name":"--zg-focus-border-left","description":"Sets the left border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/0S69YQQ1","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-focus-border, 2px solid var(--theme-color-primary))","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-left-transform","name":"--zg-focus-left-transform","description":"Sets the transform of left border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/KZ23KZP1","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-border-right","name":"--zg-focus-border-right","description":"Sets the right border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/RCL5RW0I","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-focus-border, 2px solid var(--theme-color-primary))","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-right-transform","name":"--zg-focus-right-transform","description":"Sets the transform of right border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/C5WLZKW8","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-border-top","name":"--zg-focus-border-top","description":"Sets the top border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/XNXNZ5X2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-focus-border, 2px solid var(--theme-color-primary))","tagName":"zg-focus","category":"CSS Variable"},{"memberof":"ZGFocus","fullName":"zg-focus--zg-focus-top-transform","name":"--zg-focus-top-transform","description":"Sets the transform of top border of cells on focus","demoLink":"https://app.zingsoft.com/demos/create/FU5AB2MU","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"none","tagName":"zg-focus","category":"CSS Variable"}] -------------------------------------------------------------------------------- /.github/workflows/publish.yml: -------------------------------------------------------------------------------- 1 | 2 | # Name is optional and if present must be used 3 | # in the url path for badges 4 | name: Publish Live to NPM 5 | 6 | # only run when a release has been "published" 7 | # https://docs.github.com/en/actions/reference/events-that-trigger-workflows#release 8 | on: 9 | release: 10 | types: [published] 11 | 12 | jobs: 13 | 14 | # publish to npm on release 15 | publish-npm: 16 | name: NPM Publish 17 | runs-on: ubuntu-latest 18 | strategy: 19 | matrix: 20 | node-version: [16.14] 21 | 22 | steps: 23 | - name: Set Tag Version ENV Variable 24 | run: echo "ZG_VERSION=${GITHUB_REF/refs\/tags\//}" >> $GITHUB_ENV 25 | - name: Checkout Repository 26 | if: github.event.release.prerelease == false 27 | uses: actions/checkout@v3 28 | with: 29 | ref: refs/heads/master 30 | - name: Checkout Repository Tag Branch 31 | if: github.event.release.prerelease == true 32 | uses: actions/checkout@v3 33 | with: 34 | ref: 'canary/${{ env.ZG_VERSION }}' 35 | - name: Use Node.js ${{ matrix.node-version }} 36 | uses: actions/setup-node@v3 37 | with: 38 | node-version: ${{ matrix.node-version }} 39 | registry-url: https://registry.npmjs.org/ 40 | - name: Update Package.json Version 41 | if: github.event.release.prerelease == false 42 | # https://docs.github.com/en/developers/webhooks-and-events/webhook-events-and-payloads#create 43 | # git commit implicitly called by npm version 44 | run: | 45 | git config --local user.email "admin@zingsoft.com" 46 | git config --local user.name "ZingSoft Admin" 47 | npm version --allow-same-version ${{env.ZG_VERSION}} 48 | git push https://zingsoftadmin:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/zinggrid/zinggrid.git HEAD:master --force 49 | - name: Update Package.json Version Canary 50 | if: github.event.release.prerelease == true 51 | # https://docs.github.com/en/developers/webhooks-and-events/webhook-events-and-payloads#create 52 | # git commit implicitly called by npm version 53 | run: | 54 | git config --local user.email "admin@zingsoft.com" 55 | git config --local user.name "ZingSoft Admin" 56 | npm version --allow-same-version ${{env.ZG_VERSION}} 57 | git push https://zingsoftadmin:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/zinggrid/zinggrid.git 58 | - name: Publish Canary TagTo NPM 59 | if: github.event.release.prerelease == true 60 | run: npm publish --tag canary --access public 61 | env: 62 | NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}} 63 | - name: Publish To NPM 64 | if: github.event.release.prerelease == false 65 | run: npm publish --access public 66 | env: 67 | NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}} 68 | 69 | # publish-nuget: 70 | # name: Nuget Publish 71 | # needs: publish-npm 72 | # runs-on: ubuntu-latest 73 | # strategy: 74 | # matrix: 75 | # node-version: [16.14] 76 | 77 | # steps: 78 | # - uses: actions/checkout@v3 79 | # - name: Install nuget 80 | # run: sudo apt-get update -y && sudo apt-get install -y nuget 81 | # - name: Pack nuget Package 82 | # run: npm run build:nuget 83 | # # More info on dotnet nuget push here -> https://docs.microsoft.com/en-us/dotnet/core/tools/dotnet-nuget-push 84 | # @todo dotnet nuget push broken in CI 85 | # - name: Push package to nuget 86 | # run: dotnet nuget push **/*.nupkg -k ${{ secrets.NUGET_TOKEN }} -s https://api.nuget.org/v3/index.json 87 | -------------------------------------------------------------------------------- /docs_output/methods/zg-cell-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"cell","description":"Fetches the targeted cell.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/9V1HEXS9","acceptedValues":[],"displayValues":["(3, 1)"],"params":[{"type":"Number","description":"The index of the row to fetch.","name":"rowContainerIndex"},{"type":"Number","description":"The index of the column fetch.","name":"columnContainerIndex"}],"returns":[{"type":"Object","description":"Cell object."}],"tagName":"zing-grid","fullName":"zing-grid-method-cell","category":"Method"},{"name":"getCellBreak","description":"Get the value of the `cell-break` attribute.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/42WUY40K","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute."}],"tagName":"zing-grid","fullName":"zing-grid-method-getCellBreak","category":"Method"},{"name":"getCellClass","description":"Gets the value of the `cell-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/D8CBCK3M","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getCellClass","category":"Method"},{"name":"getCells","description":"Fetches all cells","type":null,"demoLink":"https://app.zingsoft.com/demos/create/22GBE0CZ","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Array","description":"Cell objects"}],"tagName":"zing-grid","fullName":"zing-grid-method-getCells","category":"Method"},{"name":"getColumnDrag","description":"Gets the value of the `column-drag` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/U12DZX8D","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getColumnDrag","category":"Method"},{"name":"getDefaultDisplay","description":"Gets the value of the `default-display` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/340BIUIA","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String | Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getDefaultDisplay","category":"Method"},{"name":"setCellBreak","description":"Sets the `cell-break` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/EGRW7XUA","acceptedValues":[],"displayValues":["\"all\"","\"ellipsis\"","\"word\""],"params":[{"type":"Enum","description":"Type of cell-break","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setCellBreak","category":"Method"},{"name":"setCellClass","description":"Sets the `cell-class` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/ED2M6MQ4","acceptedValues":[],"displayValues":["\"userClassName\"","\"functionName\""],"params":[{"type":"String","description":"Class name or function name","name":"type"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setCellClass","category":"Method"},{"name":"setDefaultDisplay","description":"Sets the `default-display` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/ZI6UH1A5","acceptedValues":[],"displayValues":["\"N/A\""],"params":[{"type":"String","description":"Value to use as default cell display if data is undefined or null","name":"value"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setDefaultDisplay","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/events/zg-row-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"row:click","description":"Fires the `row:click` and `record:click` event when a click occurs on a record (row).","demoLink":"https://app.zingsoft.com/demos/create/6VM972JP","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-row","fullName":"zg-row-event-row_click","category":"Event"},{"name":"row:frozen","description":"Fires when the frozen row state changes","demoLink":"","returns":[{"type":"Object","description":"An array of rows frozen in the modified area (top/bottom)","name":"ZGData.frozenRows"},{"type":"String","description":"The area the frozen state was changed (top or bottom)","name":"ZGData.area"},{"type":"Number","description":"The count of rows frozen in the modified area.","name":"ZGData.currentFrozenRows"}],"dependency":"","tagName":"zg-row","fullName":"zg-row-event-row_frozen","category":"Event"},{"name":"row:mouseout","description":"Fires the event when mouse is moved out a record (row).","demoLink":"https://app.zingsoft.com/demos/create/FDY5N5W2","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-row","fullName":"zg-row-event-row_mouseout","category":"Event"},{"name":"row:mouseover","description":"Fires the event when mouse is moved over a record (row).","demoLink":"https://app.zingsoft.com/demos/create/OOMRFHVT","returns":[{"type":"Object","description":"The cell event details.","name":"ZGData.cell"},{"type":"Object","description":"The full data object for the row.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index.","name":"ZGData.rowIndex"},{"type":"Object","description":"A reference to the custom ZingGrid internal event.","name":"ZGEvent"},{"type":"Object","description":"A reference to the DOM element.","name":"ZGTarget"}],"dependency":"","tagName":"zg-row","fullName":"zg-row-event-row_mouseover","category":"Event"},{"name":"row:select","description":"Fires when the row selector changes","demoLink":"https://app.zingsoft.com/demos/create/GUHGHX28","returns":[{"type":"String","description":"An array of currently selected rows","name":"ZGData.selectedRows"},{"type":"Object","description":"The full data object for the row selected/unselected.","name":"ZGData.data"},{"type":"String","description":"The unique identifier for the row selected/unselected, this identifier never changes.","name":"ZGData.recordIndex"},{"type":"Number","description":"The current row index of the selected/unselected row.","name":"ZGData.rowIndex"},{"type":"Boolean","description":"Boolean indicating if the current row was checked or unchecked","name":"ZGData.checked"}],"dependency":"A `selector` column must exist","tagName":"zg-row","fullName":"zg-row-event-row_select","category":"Event"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-editor-row-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-background","name":"--zg-editor-row-input-background","description":"Styles the background of editor row","demoLink":"https://app.zingsoft.com/demos/create/3EBBN3A3","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"#f5f5f5","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-border","name":"--zg-editor-row-input-border","description":"Styles the border of editor row","demoLink":"https://app.zingsoft.com/demos/create/O48B8R6Z","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid rgba(82, 168, 236, 0.8)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-border-bottom","name":"--zg-editor-row-input-border-bottom","description":"Styles the bottom border of editor row","demoLink":"https://app.zingsoft.com/demos/create/9P6CXB0Q","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-editor-row-input-border, 1px solid rgba(82, 168, 236, 0.8))","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-border-left","name":"--zg-editor-row-input-border-left","description":"Styles the left border of editor row","demoLink":"https://app.zingsoft.com/demos/create/VF347SF8","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-editor-row-input-border, 0)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-border-right","name":"--zg-editor-row-input-border-right","description":"Styles the right border of editor row","demoLink":"https://app.zingsoft.com/demos/create/8OAHGLVE","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-editor-row-input-border, 0)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-border-top","name":"--zg-editor-row-input-border-top","description":"Styles the top border of editor row","demoLink":"https://app.zingsoft.com/demos/create/MA8A06J7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-editor-row-input-border, 0)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-color","name":"--zg-editor-row-input-color","description":"Sets the font color of editor row","demoLink":"https://app.zingsoft.com/demos/create/QYZBZUVA","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-editor-row-input-color, #fff)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-padding","name":"--zg-editor-row-input-padding","description":"Sets the padding of editor row","demoLink":"https://app.zingsoft.com/demos/create/9Q07P5B1","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"12px 15px","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-background_focus","name":"--zg-editor-row-input-background_focus","description":"Styles the background of editor row input on focus","demoLink":"https://app.zingsoft.com/demos/create/TUH8OZBD","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-lighter)","tagName":"zg-editor-row","category":"CSS Variable"},{"memberof":"ZGEditorRow","fullName":"zg-editor-row--zg-editor-row-input-box-shadow_focus","name":"--zg-editor-row-input-box-shadow_focus","description":"Applies a box shadow behind editor row input on focus","demoLink":"https://app.zingsoft.com/demos/create/NAS5WQHN","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"inset 0 0 5px #ccc","tagName":"zg-editor-row","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/table/table.json: -------------------------------------------------------------------------------- 1 | {"table":{"elementDescription":"`
` is native element that arranges data into columns and rows, which ZingGrid can use as a data source.","members":[{"name":"data-zg-*","description":"Sets a ZingGrid attribute (Ex. data-zg-pager corresponds to the ZingGrid[pager] attribute).","type":"String","fullName":"table-dataZg*","demoLink":"https://app.zingsoft.com/demos/create/4B88GO9T","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtable"},{"name":"data-zg-data-format","description":"Specifies if the grid should copy the full html value of the data rows or just the text data.","type":"String","fullName":"table-dataZgDataFormat","demoLink":"https://app.zingsoft.com/demos/create/1P30R7BU","default":"'text'","acceptedValues":["Enum"],"displayValues":["\"html\"","\"text\""],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"},{"name":"data-zg-head-format","description":"Specifies if the grid should copy the full html value of the head row or just the text data.","type":"String","fullName":"table-dataZgHeadFormat","demoLink":"https://app.zingsoft.com/demos/create/J05M9GZ8","default":"'text'","acceptedValues":["Enum"],"displayValues":["\"html\"","\"text\""],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"},{"name":"id","description":"The id of the table. Use this value in `ZingGrid[data]` to specify
as the data source.","type":"String","fullName":"table-id","demoLink":"https://app.zingsoft.com/demos/create/5CLZWFUH","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtable"},{"name":"is","description":"Set to \"zing-grid\" to convert this
into a grid.","type":"String","fullName":"table-is","demoLink":"https://app.zingsoft.com/demos/create/4QLMFFPR","default":"''","acceptedValues":["Enum"],"displayValues":"","values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtable"}]},"th":{"elementDescription":"`` is native element that represents a table row.","members":[{"name":"data-zg-frozen-row","description":"Presence of attribute freezes the row.","type":"String","fullName":"tr-dataZgFrozenRow","demoLink":"https://app.zingsoft.com/demos/create/IQGCC5M2","default":"''","acceptedValues":["Enum"],"displayValues":["\"\"","\"top\"","\"bottom\"","..."],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgtr"},{"name":"data-zg-head-row","description":"Presence of attribute specifies row as a header row.","type":"String","fullName":"tr-dataZgHeadRow","demoLink":"https://app.zingsoft.com/demos/create/1FYIPXA7","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtr"},{"name":"data-zg-ignore-row","description":"Presence of attribute ignores the row.","type":"String","fullName":"tr-dataZgIgnoreRow","demoLink":"https://app.zingsoft.com/demos/create/JURIYIKE","default":"''","acceptedValues":"","displayValues":"","values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgtr"}]},"col":{"elementDescription":"`` is native element that represents a column in a table.","members":[{"name":"data-zg-*","description":"Sets a ZGColumn attribute (Ex. data-zg-type corresponds to the ZGColumn[type] attribute).","type":"String","fullName":"col-dataZg*","demoLink":"https://app.zingsoft.com/demos/create/U0VGP809","default":"''","acceptedValues":"","displayValues":["\"type\"","\"index\"","\"hidden\"","..."],"values":[],"category":"Attribute","tsType":"","internalDocs":"","tagName":"zgcol"}]}} -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [ZingGrid](https://www.zinggrid.com) 2 | 3 | ![](https://img.shields.io/npm/dw/zinggrid) 4 | ![](https://img.shields.io/npm/v/zinggrid) 5 | 6 | ![](https://img.shields.io/david/zinggrid/zinggrid) 7 | ![](https://img.shields.io/david/peer/zinggrid/zinggrid) 8 | ![](https://img.shields.io/david/dev/zinggrid/zinggrid) 9 | 10 | ZingGrid is a Javascript library for rendering grids and data tables. Our main focus is on fast, responsive, and customizable grids utilizing ES6 and native web components. Our goal is to solve the problem of creating a CRUD grid in under five minutes. With an appropriate REST endpoint, this is easily achievable. 11 | 12 | 13 | [![](http://capture.zingsoft.com/99d1fb9abf6d/download/Screen%252520Recording%2525202019-09-10%252520at%25252001.45%252520PM.gif)](https://www.zinggrid.com/docs/your-first-grid) 14 | 15 | ### Include the library 16 | 17 | 18 | ***Include the library through script tag*** 19 | 20 | ```html 21 | 22 | ``` 23 | 24 | ### Include Library with NPM 25 | 26 | ``` 27 | npm i zinggrid 28 | ``` 29 | 30 | and include one of the following imports in your code: 31 | 32 | ***Import pollyfilled Version (Suggested)*** 33 | 34 | ```js 35 | import ZingGrid from 'zinggrid'; 36 | ``` 37 | 38 | or 39 | 40 | ***Import No Pollyfills ES6 Version (Smallest)*** 41 | 42 | ```js 43 | import ZingGrid from 'zinggrid/es6'; 44 | ``` 45 | 46 | or 47 | 48 | ***Import Pollyfills ES5 Version (Largest)*** 49 | 50 | ```js 51 | import ZingGrid from 'zinggrid/es5'; 52 | ``` 53 | 54 | # Getting Started CDN 55 | 56 | Open the `examples/index.html` file in your browser. 57 | 58 | ```html 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 75 | 76 | 77 | 78 | ``` 79 | 80 | # Getting Started with Script Modules 81 | 82 | 1. Need to have a server running. `http-server` to fire up localhost a simple solution. 83 | - install with `npm i http-server -g` 84 | - run `http-server` from root folder 85 | - traverse to localhost:xxxx/examples/index-modules.html 86 | 87 | ```html 88 | 89 | 90 | 91 | 92 | 96 | 97 | 98 | 99 | 100 | 101 | 109 | 110 | 111 | 112 | ``` 113 | 114 | ## Integrations 115 | 116 | ZingGrid requires **NO** wrapper for easy consumption with popular JS libraries and frameworks. In these frameworks you can typically include the library through native imports: 117 | 118 | ```js 119 | import ZingGrid from 'zinggrid'; 120 | ``` 121 | 122 | Please check out the following hello world tutorials for frameworks: 123 | 124 | - [Angular](https://www.zinggrid.com/docs/angular) 125 | - [React](https://www.zinggrid.com/docs/react) 126 | - [Vue](https://www.zinggrid.com/docs/vue) 127 | - [Polymer](https://www.zinggrid.com/docs/polymer) 128 | - [Angular JS (legacy)](https://www.zinggrid.com/docs/angularjs) 129 | - [JQuery](https://www.zinggrid.com/docs/jquery) 130 | 131 | ## Support 132 | 133 | If you need any assistance or would like to report a bug, please contact us directly at support@zinggrid.com or through our website https://www.zinggrid.com/contact. 134 | 135 | 136 | © 2019 ZingSoft, Inc. 137 | -------------------------------------------------------------------------------- /docs_output/methods/zg-editor-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"getCreator","description":"Gets the value of the `creator` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/5IAWGIZE","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getCreator","category":"Method"},{"name":"getEditor","description":"Gets the value of the `editor` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/ZP7L5UOE","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getEditor","category":"Method"},{"name":"getEditorControls","description":"Gets the value of the `editor-controls` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/LMIT87GJ","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getEditorControls","category":"Method"},{"name":"getRecordDuplicate","description":"Gets the value of the `record-duplicate` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/2PPQ9916","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getRecordDuplicate","category":"Method"},{"name":"getRowSelector","description":"Gets the value of the `row-selector` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/AMYQRQWX","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getRowSelector","category":"Method"},{"name":"setCreator","description":"Sets the `creator` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/R1WCLI2N","acceptedValues":[],"displayValues":["inline","modal",""],"params":[{"type":"String","description":"Value of the creator mode","name":"sMode"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setCreator","category":"Method"},{"name":"setEditor","description":"Sets the `editor` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/VTIAY9FG","acceptedValues":[],"displayValues":["true","false","inline","modal",""],"params":[{"type":"Boolean | String","description":"Boolean value to indicate add or remove, or string value to indicate the editor type","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setEditor","category":"Method"},{"name":"setEditorControls","description":"Sets the `editor-controls` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/TPO80NAU","acceptedValues":[],"displayValues":["true","false","all","editor","remover","creator"],"params":[{"type":"Boolean | String","description":"Boolean value to indicate add or remove, or string value to indicate what editor controls to add","name":"types"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setEditorControls","category":"Method"},{"name":"setRecordDuplicate","description":"Sets the `record-duplicate` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/GJYS2FY5","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"duplicate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setRecordDuplicate","category":"Method"},{"name":"setRowSelector","description":"Sets the `row-selector` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/VYMAXZVT","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setRowSelector","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-control-bar-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-margin","name":"--zg-control-bar-margin","description":"Sets the margin of control-bar","demoLink":"https://app.zingsoft.com/demos/create/S6MYCHEP","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-background","name":"--zg-control-bar-background","description":"Styles the background of control-bar","demoLink":"https://app.zingsoft.com/demos/create/8QU13CU5","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-bottom","name":"--zg-control-bar-border-bottom","description":"Styles the bottom border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/CWVOSQC7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 1px solid var(--theme-border-color))","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-left","name":"--zg-control-bar-border-left","description":"Styles the left border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/QOCRCDUO","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-right","name":"--zg-control-bar-border-right","description":"Styles the right border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/ZUGS5N4E","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-top","name":"--zg-control-bar-border-top","description":"Styles the top border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/UBYLTINT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border","name":"--zg-control-bar-border","description":"Styles the border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/A5JYDEGW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-min-height","name":"--zg-control-bar-min-height","description":"Sets the min-height of control bar","demoLink":"https://app.zingsoft.com/demos/create/9RT1IX7I","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-min-height","default":"30px","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-visibility","name":"--zg-control-bar-visibility","description":"Sets the visibility of component","demoLink":"https://app.zingsoft.com/demos/create/NMVK94RD","cssRefLink":"https://www.w3.org/TR/CSS22/visufx.html#visibility","default":"visible","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-padding","name":"--zg-control-bar-padding","description":"Sets the padding of control-bar","demoLink":"https://app.zingsoft.com/demos/create/WR596XPW","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-layout-justify-content","name":"--zg-control-bar-layout-justify-content","description":"Sets the horizontal alignment of contents in inner layout container","demoLink":"https://app.zingsoft.com/demos/create/RY0BD0RX","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content","default":"flex-end","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-layout-content","name":"--zg-control-bar-layout-content","description":"Sets the before 'content' of inner layout container","demoLink":"https://app.zingsoft.com/demos/create/MXM9N5T5","cssRefLink":"https://www.w3.org/TR/css-content-3/#propdef-content","default":"\"\"","tagName":"zg-control-bar","category":"CSS Variable"}] -------------------------------------------------------------------------------- /.github/workflows/create-version-tag.yml: -------------------------------------------------------------------------------- 1 | 2 | # Name is optional and if present must be used 3 | # in the url path for badges 4 | name: Create Tag 5 | 6 | # ONLY triggers on create-external-release trigger and 7 | # is meant to start a new tag and update version after that 8 | # https://docs.github.com/en/actions/reference/events-that-trigger-workflows#repository_dispatch 9 | # Sent from: https://github.com/marketplace/actions/repository-dispatch 10 | on: 11 | repository_dispatch: 12 | types: [create-external-release] 13 | 14 | jobs: 15 | 16 | # publish to npm on release 17 | # Create release action docs -> https://github.com/actions/create-release 18 | create-tag-branch: 19 | name: Create External Tag Branch 20 | if: github.event.client_payload.prerelease == true 21 | runs-on: ubuntu-latest 22 | strategy: 23 | matrix: 24 | node-version: [16.14] 25 | steps: 26 | - name: Checkout Public ZingGrid Repository 27 | uses: actions/checkout@v3 28 | # https://github.com/marketplace/actions/create-branch 29 | - name: Create Branch for tag 30 | uses: peterjgrainger/action-create-branch@v2.2.0 31 | env: 32 | GITHUB_TOKEN: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 33 | with: 34 | branch: 'canary/${{ github.event.client_payload.version }}' 35 | 36 | create-external-release: 37 | name: Create External Tag 38 | runs-on: ubuntu-latest 39 | strategy: 40 | matrix: 41 | node-version: [16.14] 42 | steps: 43 | # https://github.com/actions/checkout#checkout-a-different-branch 44 | - name: Checkout Public ZingGrid Canary Branch 45 | if: github.event.client_payload.prerelease == true 46 | uses: actions/checkout@v3 47 | with: 48 | ref: 'canary/${{ github.event.client_payload.version }}' 49 | - name: Checkout Public ZingGrid Repository 50 | if: github.event.client_payload.prerelease == false 51 | uses: actions/checkout@v3 52 | # https://github.com/softprops/action-gh-release@v1 53 | - name: Create Public Prerelease 54 | if: github.event.client_payload.prerelease == true 55 | id: create_prerelease 56 | uses: softprops/action-gh-release@v1 57 | env: 58 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # This token is provided by Actions, you do not need to create your own token 59 | # context of environment variables 60 | with: 61 | tag_name: ${{ github.event.client_payload.version }} 62 | name: v${{ github.event.client_payload.version }} 63 | # Target Commish Defined here: https://developer.github.com/v3/repos/releases/#create-a-release 64 | target_commitish: 'canary/${{ github.event.client_payload.version }}' 65 | body: | 66 | // @todo REPLACE ME 67 | ## Features 68 | - xxxx``","demoLink":"https://app.zingsoft.com/demos/create/2V50QBIJ","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--theme-font-size)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-background","name":"--zg-no-data-background","description":"Styles the background of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/B8CEE4RW","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-light)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border-bottom","name":"--zg-no-data-border-bottom","description":"Styles the bottom border of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/7PHK3BWY","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-no-data-border, 0)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border-left","name":"--zg-no-data-border-left","description":"Styles the left border of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/V4JCUJ5Z","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-no-data-border, 0)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border-right","name":"--zg-no-data-border-right","description":"Styles the right border of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/F2Q3GGWE","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-no-data-border, 0)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border-top","name":"--zg-no-data-border-top","description":"Styles the top border of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/IYUVRHY0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-no-data-border, 1px solid var(--theme-border-color)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border-radius","name":"--zg-no-data-border-radius","description":"Styles the border radius of empty message","demoLink":"https://app.zingsoft.com/demos/create/8A6G8QCU","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"0","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-border","name":"--zg-no-data-border","description":"Styles the border of empty message when in ``","demoLink":"https://app.zingsoft.com/demos/create/61L4J1BK","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-font-size","name":"--zg-no-data-font-size","description":"Sets the font size of empty message","demoLink":"https://app.zingsoft.com/demos/create/26M7XA7S","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-font-style","name":"--zg-no-data-font-style","description":"Sets the font style of empty message","demoLink":"https://app.zingsoft.com/demos/create/DHFAV0VU","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-font-weight","name":"--zg-no-data-font-weight","description":"Sets the font weight of empty message","demoLink":"https://app.zingsoft.com/demos/create/MN67ITKE","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-line-height","name":"--zg-no-data-line-height","description":"Setes the line height of empty message","demoLink":"https://app.zingsoft.com/demos/create/XGIEZHE5","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-min-height","name":"--zg-no-data-min-height","description":"Sets the min-height of empty message","demoLink":"https://app.zingsoft.com/demos/create/65FQVPFH","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-min-height","default":"auto","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-padding","name":"--zg-no-data-padding","description":"Sets the padding of empty message","demoLink":"https://app.zingsoft.com/demos/create/3Q444PE7","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"var(--zg-cell-height, var(--theme-padding_x, auto))) var(--theme-padding_x)","tagName":"zg-no-data","category":"CSS Variable"},{"memberof":"ZGNoData","fullName":"zg-no-data--zg-no-data-text-align","name":"--zg-no-data-text-align","description":"Sets text alignment of content inside of empty message","demoLink":"https://app.zingsoft.com/demos/create/39DT0WPU","cssRefLink":"https://www.w3.org/TR/css-text-3/#propdef-text-align","default":"left","tagName":"zg-no-data","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-card-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGCard","fullName":"zg-card--zg-cell-font-size_layout_card","name":"--zg-cell-font-size_layout_card","description":"Sets the font size of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/FN82MG62","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-background_layout_card","name":"--zg-cell-background_layout_card","description":"Styles the background of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/BEYZ88MV","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-border-bottom_layout_card","name":"--zg-cell-border-bottom_layout_card","description":"Styles the bottom border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/FGN7V34Y","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-card-border, 0)","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-border-left_layout_card","name":"--zg-cell-border-left_layout_card","description":"Styles the left border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/BPYBZ5YQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-card-border, 0)","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-border-right_layout_card","name":"--zg-cell-border-right_layout_card","description":"Styles the right border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/CK9N7ZQV","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-card-border, 0)","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-border-top_layout_card","name":"--zg-cell-border-top_layout_card","description":"Styles the top border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/7Y7BXZCF","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-card-border, 0)","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-color_layout_card","name":"--zg-cell-color_layout_card","description":"Sets the font color of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/X2B23BUZ","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-font-family_layout_card","name":"--zg-cell-font-family_layout_card","description":"Sets the font family of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/O9LB0E7K","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-border_layout_card","name":"--zg-cell-border_layout_card","description":"Styles the border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/U0CW9K8N","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-font-style_layout_card","name":"--zg-cell-font-style_layout_card","description":"Sets the font family of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/OOAIYJ3A","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-font-weight_layout_card","name":"--zg-cell-font-weight_layout_card","description":"Sets the font weight of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/HG4U54X7","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-height_layout_card","name":"--zg-cell-height_layout_card","description":"Sets the height of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/363ZH0L0","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"auto","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-line-height_layout_card","name":"--zg-cell-line-height_layout_card","description":"Sets the line height of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/GNXXL0I8","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-padding_layout_card","name":"--zg-cell-padding_layout_card","description":"Sets the padding of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/NLQRJG8E","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"var(--theme-padding_y) var(--theme-padding_x)","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-transition_layout_card","name":"--zg-cell-transition_layout_card","description":"Sets the transition of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/EP738THM","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"Browser's default value","tagName":"zg-card","category":"CSS Variable"},{"memberof":"ZGCard","fullName":"zg-card--zg-cell-word-break_layout_card","name":"--zg-cell-word-break_layout_card","description":"Sets the word break of items in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/8M5I3J8P","default":"break-all","tagName":"zg-card","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/methods/zg-pager-api-methods.json: -------------------------------------------------------------------------------- 1 | [{"name":"firstPage","description":"Navigates to first page in the grid","type":null,"demoLink":"https://app.zingsoft.com/demos/create/OVFV2SXI","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-firstPage","category":"Method"},{"name":"getPageIndex","description":"Gets the current page. Does not apply to cursor paging.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/DPU57396","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Number","description":"Page index"}],"tagName":"zing-grid","fullName":"zing-grid-method-getPageIndex","category":"Method"},{"name":"getPageSize","description":"Gets the current `page-size`","type":null,"demoLink":"https://app.zingsoft.com/demos/create/KG1HXH0X","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Number","description":"Page size"}],"tagName":"zing-grid","fullName":"zing-grid-method-getPageSize","category":"Method"},{"name":"getPageSizeCard","description":"Gets the value of the `page-size-card` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/3YCURUTK","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getPageSizeCard","category":"Method"},{"name":"getPageSizeRow","description":"Gets the value of the `page-size-row` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/ODBAS4DS","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"String","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getPageSizeRow","category":"Method"},{"name":"getPager","description":"Gets the value of the `pager` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/QNR08A9M","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"Boolean","description":"Value of the attribute"}],"tagName":"zing-grid","fullName":"zing-grid-method-getPager","category":"Method"},{"name":"lastPage","description":"Navigates to the last page in the grid","type":null,"demoLink":"https://app.zingsoft.com/demos/create/O8X725D3","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-lastPage","category":"Method"},{"name":"nextPage","description":"Navigates to the next page in the grid","type":null,"demoLink":"https://app.zingsoft.com/demos/create/86ISES2C","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-nextPage","category":"Method"},{"name":"prevPage","description":"Navigates to the previous page in the grid","type":null,"demoLink":"https://app.zingsoft.com/demos/create/J8RVF47F","acceptedValues":[],"displayValues":[],"params":[],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-prevPage","category":"Method"},{"name":"setPageIndex","description":"Changes the current page index to be the specified value","type":null,"demoLink":"https://app.zingsoft.com/demos/create/EDNZPHKK","acceptedValues":[],"displayValues":["2"],"params":[{"type":"Number","description":"New page index","name":"pageIndex"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPageIndex","category":"Method"},{"name":"setPageSize","description":"Changes the current page size to be the specified value","type":null,"demoLink":"https://app.zingsoft.com/demos/create/GN1AKHZH","acceptedValues":[],"displayValues":["10"],"params":[{"type":"Number","description":"New page size","name":"pageSize"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPageSize","category":"Method"},{"name":"setPageSizeCard","description":"Changes the current page size to be the specified value in card mode","type":null,"demoLink":"https://app.zingsoft.com/demos/create/32SWY7UL","acceptedValues":[],"displayValues":["10"],"params":[{"type":"Number","description":"New card page size","name":"pageSize"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPageSizeCard","category":"Method"},{"name":"setPageSizeOptions","description":"Sets the page size options for the pager drop down","type":null,"demoLink":"https://app.zingsoft.com/demos/create/HNNG7A7B","acceptedValues":[],"displayValues":["'5,25,100'"],"params":[{"type":"String","description":"Comma separated list of numerical page sizes","name":"options"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPageSizeOptions","category":"Method"},{"name":"setPageSizeRow","description":"Changes the current page size to be the specified value in row mode","type":null,"demoLink":"https://app.zingsoft.com/demos/create/2XKLG8ML","acceptedValues":[],"displayValues":["10"],"params":[{"type":"Number","description":"New row page size","name":"pageSize"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPageSizeRow","category":"Method"},{"name":"setPager","description":"Sets the `pager` attribute","type":null,"demoLink":"https://app.zingsoft.com/demos/create/VNPR5GYQ","acceptedValues":[],"displayValues":["true","false"],"params":[{"type":"Boolean","description":"Value to add or remove","name":"activate"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-setPager","category":"Method"}] -------------------------------------------------------------------------------- /docs_output/themes/theme.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"theme","fullName":"zgtheme--theme-background-color","name":"--theme-background-color","description":"Styles the background of row on hover","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background-color","default":"rgba(166, 213, 250, 0.2)","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-background-zebra","name":"--theme-background-zebra","description":"Styles the background of 'even' rows in [zebra]-striping mode","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background-color","default":"#f5f5f5","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-border-color","name":"--theme-border-color","description":"Styles the border color","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"#e3e3e3","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color","name":"--theme-color","description":"Sets the font color of most components, including cell content.","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"rgb(33, 33, 33, 1)","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-alert","name":"--theme-color-alert","description":"Sets the font color for 'alert' messages","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"red","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-light","name":"--theme-color-light","description":"Defines the baseline light color","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"#191818","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-light","name":"--theme-color-light","description":"Defines the baseline light color","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"#f2f2f2","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-lighter","name":"--theme-color-lighter","description":"Defines the baseline lighter color","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"#fbfbfb","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-primary","name":"--theme-color-primary","description":"Sets the font color of primary text","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"rgba(33, 150, 243, 1)","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-secondary","name":"--theme-color-secondary","description":"Sets the font color of secondary text for components of functionality, such as header cells.","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--theme-color-primary)","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-success","name":"--theme-color-success","description":"Sets the font color for 'success' messages","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"green","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color-warn","name":"--theme-color-warn","description":"Sets the font color of 'warn' messages","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"#ecd800","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-color_alt","name":"--theme-color_alt","description":"Sets the font color of alternate text","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"rgba(117, 117, 117, 1);","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-font-family","name":"--theme-font-family","description":"Sets the font family of grid","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"'Roboto', verdana, sans-serif","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-font-size","name":"--theme-font-size","description":"Sets the base font size of grid","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"0.875rem","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-font-style","name":"--theme-font-style","description":"Sets the font style of grid","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"normal","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-font-weight","name":"--theme-font-weight","description":"Sets the font weight of grid","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"normal","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-line-height","name":"--theme-line-height","description":"Sets the line height of grid","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"1rem","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-margin","name":"--theme-margin","description":"Sets the margin of pager controls","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"20px","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-padding_x","name":"--theme-padding_x","description":"Sets the horizontal padding of cells","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"1rem","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-padding_y","name":"--theme-padding_y","description":"Sets the vertical padding of cells","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0","tagName":"zgtheme","category":"CSS Variable"},{"memberof":"theme","fullName":"zgtheme--theme-transition_speed","name":"--theme-transition_speed","description":"Sets the animation speed for transitions","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"150ms","tagName":"zgtheme","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/elements/slots/slots.json: -------------------------------------------------------------------------------- 1 | [{"name":"","memberof":"ZGInput","fullName":"zg-input-","description":"Content after input field.","tagName":"zg-input","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/BCCS88WC"},{"name":"","memberof":"ZGButton","fullName":"zg-button-","description":"Button content.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OOQFSK8A"},{"name":"","memberof":"ZGText","fullName":"zg-text-","description":"Text value.","tagName":"zg-text","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/S457MZ0K"},{"name":"","memberof":"ZGCaption","fullName":"zg-caption-","description":"Caption title.","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/D318SEAQ"},{"name":"","memberof":"ZGSource","fullName":"zg-source-","description":"Source content.","tagName":"zg-source","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HG4UZIWP"},{"name":"","memberof":"ZGPager","fullName":"zg-pager-","description":"Pager content. If used with the other pager slot, the content is placed beneath the other slots.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"","memberof":"ZGCard","fullName":"zg-card-","description":"Card content.","tagName":"zg-card","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/DTFGSFSC"},{"name":"","memberof":"ZGCheckbox","fullName":"zg-checkbox-","description":"Checkbox label.","tagName":"zg-checkbox","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/SH25MCV3"},{"name":"","memberof":"ZGColgroup","fullName":"zg-colgroup-","description":"Colgroup content that only accepts columns (ZGColumns).","tagName":"zg-colgroup","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/39UJTCFI"},{"name":"","memberof":"ZGColumn","fullName":"zg-column-","description":"Custom column content.","tagName":"zg-column","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OOLHCF4S"},{"name":"","memberof":"ZGData","fullName":"zg-data-","description":"Data content that only accepts data configuration options (ZGParams).","tagName":"zg-data","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/183V66K9"},{"name":"","memberof":"ZGDialog","fullName":"zg-dialog-","description":"Dialog body content.","tagName":"zg-dialog","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/VLWUT2WH"},{"name":"","memberof":"ZGFooter","fullName":"zg-footer-","description":"Footer content.","tagName":"zg-footer","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/ELK8HPP7"},{"name":"","memberof":"ZGNoData","fullName":"zg-no-data-","description":"No data content.","tagName":"zg-no-data","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/YV6Q0X73"},{"name":"","memberof":"ZGMenuItem","fullName":"zg-menu-item-","description":"Menu item content.","tagName":"zg-menu-item","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"},{"name":"","memberof":"ZGMenu","fullName":"zg-menu-","description":"Menu content. Overwrites default menu when `[replace]` is present, else appends to the end of the default menu.\nAccepts ZGMenuGroup, ZGMenuItem, and ZGSeparator to construct custom menu.","tagName":"zg-menu","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"},{"name":"","memberof":"ZGLoadMask","fullName":"zg-load-mask-","description":"Loading mask content.","tagName":"zg-load-mask","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/ZSS16AE8"},{"name":"","memberof":"ZingGrid","fullName":"zing-grid-","description":"Grid content or configuration that accepts `` elements that are allowed to be manually inserted.","tagName":"zing-grid","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/BWRQHMEU"},{"name":"center","memberof":"ZGPager","fullName":"zg-pager-center","description":"Pager content placed in the center.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"icon","memberof":"ZGButton","fullName":"zg-button-icon","description":"Button icon. Replaces the default slot.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/2YF9ASJA"},{"name":"icon","memberof":"ZGIcon","fullName":"zg-icon-icon","description":"Icon content.","tagName":"zg-icon","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HXO5TC18"},{"name":"input","memberof":"ZGInput","fullName":"zg-input-input","description":"Content before input field.","tagName":"zg-input","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/AQ8IBZOX"},{"name":"label","memberof":"ZGButton","fullName":"zg-button-label","description":"Button label. Use to add a label when using the \"icon\" slot.","tagName":"zg-button","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/42K3LC1G"},{"name":"left","memberof":"ZGPager","fullName":"zg-pager-left","description":"Pager content placed in the left.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"message","memberof":"ZGCaption","fullName":"zg-caption-message","description":"Caption title. Use when using a feature that enables caption toolbar ([contextMenu], [search], [staticMenu]).","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/HYG6DBP6"},{"name":"right","memberof":"ZGPager","fullName":"zg-pager-right","description":"Pager content placed in the right.","tagName":"zg-pager","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/I56KEUFF"},{"name":"tool","memberof":"ZGCaption","fullName":"zg-caption-tool","description":"Caption toolbar, which is added to the rightmost of caption by default.","tagName":"zg-caption","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/OM7DR9U5"},{"name":"zgMenuGroupItems","memberof":"ZGMenuGroup","fullName":"zg-menu-group-zgMenuGroupItems","description":"Menu group items that only accepts menu items (ZGMenuItems).","tagName":"zg-menu-group","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"},{"name":"zgMenuGroupLabel","memberof":"ZGMenuGroup","fullName":"zg-menu-group-zgMenuGroupLabel","description":"Menu group label.","tagName":"zg-menu-group","category":"Slot","demoLink":"https://app.zingsoft.com/demos/create/U6G2PG0L"}] -------------------------------------------------------------------------------- /docs_output/elements/css/zg-option-list-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-border-left","name":"--zg-option-list-item-border-left","description":"Styles the left border of option list item","demoLink":"https://app.zingsoft.com/demos/create/DCZNW2UY","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-item-border, 0)","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-background","name":"--zg-option-list-background","description":"Styles the background of option list","demoLink":"https://app.zingsoft.com/demos/create/JCRKBH4Y","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"#fff","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-border-bottom","name":"--zg-option-list-border-bottom","description":"Styles the bottom border of option list","demoLink":"https://app.zingsoft.com/demos/create/31Q5PRQB","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-border, 1px solid var(--theme-border-color))","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-border-left","name":"--zg-option-list-border-left","description":"Styles the left border of option list","demoLink":"https://app.zingsoft.com/demos/create/3BWGQYG6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-border, 1px solid var(--theme-border-color))","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-border-right","name":"--zg-option-list-border-right","description":"Styles the right border of option list","demoLink":"https://app.zingsoft.com/demos/create/SG9TA4DQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-border, 1px solid var(--theme-border-color))","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-border-top","name":"--zg-option-list-border-top","description":"Styles the bottom top of option list","demoLink":"https://app.zingsoft.com/demos/create/CZ8HY148","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-border, 1px solid var(--theme-border-color))","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-border","name":"--zg-option-list-item-border","description":"Styles the border of option list item","demoLink":"https://app.zingsoft.com/demos/create/VH6WGYS9","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-border-bottom","name":"--zg-option-list-item-border-bottom","description":"Styles the bottom border of option list item","demoLink":"https://app.zingsoft.com/demos/create/QCJG4ENK","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-item-border, 0)","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-border","name":"--zg-option-list-border","description":"Styles the border of option list","demoLink":"https://app.zingsoft.com/demos/create/SQNKOS7B","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-border-right","name":"--zg-option-list-item-border-right","description":"Styles the right border of option list item","demoLink":"https://app.zingsoft.com/demos/create/442R7DGZ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-item-border, 0)","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-border-top","name":"--zg-option-list-item-border-top","description":"Styles the top border of option list item","demoLink":"https://app.zingsoft.com/demos/create/LBZKLEVF","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-option-list-item-border, 0)","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-color","name":"--zg-option-list-color","description":"Styles the color of option list item","demoLink":"https://app.zingsoft.com/demos/create/RLKIPFXB","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-height","name":"--zg-option-list-item-height","description":"Sets the height of option list item","demoLink":"https://app.zingsoft.com/demos/create/LZZDJ4ZH","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"32px","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-line-height","name":"--zg-option-list-item-line-height","description":"Sets the line height of option list item","demoLink":"https://app.zingsoft.com/demos/create/9QGZA2DF","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"32px","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-padding","name":"--zg-option-list-item-padding","description":"Sets the padding of option list item","demoLink":"https://app.zingsoft.com/demos/create/3TSJS7B1","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 15px","tagName":"zg-option-list","category":"CSS Variable"},{"memberof":"ZGOptionList","fullName":"zg-option-list--zg-option-list-item-background_hover","name":"--zg-option-list-item-background_hover","description":"Sets the background of option list item on hover","demoLink":"https://app.zingsoft.com/demos/create/SQITNDOY","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-secondary)","tagName":"zg-option-list","category":"CSS Variable"}] -------------------------------------------------------------------------------- /docs_output/events/zg-data-api-events.json: -------------------------------------------------------------------------------- 1 | [{"name":"data:cell:beforechange","description":"Fires the event before a single cell value is changed.","demoLink":"https://app.zingsoft.com/demos/create/AXA7XIC2","returns":[{"type":"Object","description":"The DOM cell that was updated.","name":"DOMCell"},{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"String","description":"The column index e.g. \"firstName\".","name":"fieldIndex"},{"type":"String","description":"The new value of the cell.","name":"newValue"},{"type":"String","description":"The old value of the cell.","name":"oldValue"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"recordIndex"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_cell_beforechange","category":"Event"},{"name":"data:cell:change","description":"Fires the event after a single cell value is changed.","demoLink":"https://app.zingsoft.com/demos/create/XRY6DHYJ","returns":[{"type":"Object","description":"The DOM cell that was updated.","name":"DOMCell"},{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"String","description":"The column index e.g. \"firstName\".","name":"fieldIndex"},{"type":"String","description":"The new value of the cell.","name":"newValue"},{"type":"String","description":"The old value of the cell.","name":"oldValue"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"recordIndex"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_cell_change","category":"Event"},{"name":"data:load","description":"Fires the event every time a new dataset is loaded in the grid.","demoLink":"https://app.zingsoft.com/demos/create/EAHH0K0C","returns":[],"dependency":"","tagName":"zg-data","fullName":"zg-data-event-data_load","category":"Event"},{"name":"data:record:beforechange","description":"Fires the event before a record (row) is changed.","demoLink":"https://app.zingsoft.com/demos/create/X9G7WCT6","returns":[{"type":"Array","description":"The column indices that were changed e.g. [\"firstName\",\"lastName\"].","name":"changedField"},{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"Object","description":"The old data object associated with that record.","name":"oldData"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"recordIndex"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_beforechange","category":"Event"},{"name":"data:record:beforedelete","description":"Fires the event before a record (row) is deleted from the grid.","demoLink":"https://app.zingsoft.com/demos/create/5LPMYI4F","returns":[{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"recordIndex"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_beforedelete","category":"Event"},{"name":"data:record:beforeinsert","description":"Fires the event before a new record (row) is added to the grid.","demoLink":"https://app.zingsoft.com/demos/create/95KH1Z2U","returns":[{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_beforeinsert","category":"Event"},{"name":"data:record:change","description":"Fires the event after a record (row) is changed.","demoLink":"https://app.zingsoft.com/demos/create/TPM8ZZH7","returns":[{"type":"Array","description":"The column indices that were changed e.g. [\"firstName\",\"lastName\"].","name":"changedField"},{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"Object","description":"The old data object associated with that record.","name":"oldData"},{"type":"String","description":"The unique identifier for the row, this identifier never changes.","name":"recordIndex"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_change","category":"Event"},{"name":"data:record:delete","description":"Fires the event when a record (row) is deleted from the grid.","demoLink":"https://app.zingsoft.com/demos/create/NXAB4Z1Q","returns":[{"type":"Object","description":"The data object associated with that record.","name":"data"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_delete","category":"Event"},{"name":"data:record:insert","description":"Fires the event after a new record (row) is added to the grid.","demoLink":"https://app.zingsoft.com/demos/create/033EHETB","returns":[{"type":"Object","description":"The data object associated with that record.","name":"data"},{"type":"Number","description":"The index of the row.","name":"rowIndex"}],"dependency":"The `editor` or `editor-controls` attribute(s) are required on the `zing-grid` tag.","tagName":"zg-data","fullName":"zg-data-event-data_record_insert","category":"Event"},{"name":"data:record:openinsert","description":"Fires event when the insert dialog is opened","demoLink":"https://app.zingsoft.com/demos/create/N0650LRP","returns":[{"type":"String","description":"The container for all of the input fields on the new dialog","name":"ZGData.inputContainer"},{"type":"Object","description":"An array of references to each label and edit field inside the new dialog","name":"ZGData.editorFields"},{"type":"Object","description":"A reference to the DOM dialog.","name":"ZGTarget"}],"dependency":"","tagName":"zg-data","fullName":"zg-data-event-data_record_openinsert","category":"Event"}] -------------------------------------------------------------------------------- /docs_output/objectMethods/methods.json: -------------------------------------------------------------------------------- 1 | {"ZingGrid":{"methods":[{"name":"customizeDialog","description":"Customizes the user's dialog for all instances of ZingGrid","type":null,"demoLink":"","acceptedValues":[],"displayValues":[],"params":[{"type":"String","description":"The type of dialog to customize. If you set as null, the config will be applied to all dialogs.\nOptions are:\n
    \n
  • record-create\n
  • record-delete\n
  • record-info\n
  • record-update\n
  • view-error\n
  • view-info\n
  • view-success\n
  • view-warn\n
  • zg-version\n
","name":"type"},{"type":"Object","description":"Options for the data retrieval. Options are:\n
    \n
  • cancel: Text for the Cancel Button\n
  • confirm: Text for the Confirm Button\n
  • label: Label to display on the Dialog\n
","name":"config"}],"returns":[{"type":"ZingGrid","description":"Returns the component so that you can chain methods together"}],"tagName":"zing-grid","fullName":"zing-grid-method-customizeDialog","category":"Method"},{"name":"formatDate","description":"Formats a Date","type":null,"demoLink":"https://app.zingsoft.com/demos/create/K05RV08J","acceptedValues":[],"displayValues":[],"params":[{"type":"String | Date","description":"The Date to format","name":"date"},{"type":"String","description":"The tokenized format to format the date","name":"format"},{"type":"String","description":"The locale to use for the formatting. Optional.","name":"locale"}],"returns":[{"type":"String","description":"Formatted date"}],"tagName":"zing-grid","fullName":"zing-grid-method-formatDate","category":"Method"},{"name":"fromNow","description":"Formats a Date in from now format","type":null,"demoLink":"https://app.zingsoft.com/demos/create/DOHQJTDO","acceptedValues":[],"displayValues":[],"params":[{"type":"Date","description":"The Date to format","name":"date"},{"type":"Boolean","description":"Indicates if we should include 'ago/to' to indicate past/future","name":"raw"}],"returns":[{"type":"String","description":"Formatted date from now"}],"tagName":"zing-grid","fullName":"zing-grid-method-fromNow","category":"Method"},{"name":"registerAdapter","description":"Register a method to make connecting a remote data src to your grid even easier. If you\nhave your own standardized endpoints this is very useful. A way for us to provide an ES6 style import\n mechanism and pattern for building custom data sources.","type":null,"demoLink":"","acceptedValues":[],"displayValues":[],"params":[{"type":"String","description":"The string name for the adapter","name":"sType"},{"type":"Object","description":"Option list of of adapter variables you want to define. You can define ANY\nzg-param name value pair here in this option. Refer to the Store.js variable this.oDefaultDataFormat","name":"oOptions"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerAdapter","category":"Method"},{"name":"registerCellType","description":"Register a custom column type to reduce redundant markup and re-use\nsimilar code.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/T7YD4CIL","acceptedValues":[],"displayValues":[],"params":[{"type":"String","description":"Name of cell type.","name":"sType"},{"type":"Object","description":"An object to define the renderer and/or editor for the cell type.","name":"oOptions"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerCellType","category":"Method"},{"name":"registerEditor","description":"Register the life cycle hooks for cell editing. This allows you to import\nand inherit editors for your library.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/AKZ56TZW","acceptedValues":[],"displayValues":[],"params":[{"type":"String","description":"Cell type editor to override","name":"sCellType"},{"type":"Object","description":"Object containing editor hooks","name":"oConfig"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerEditor","category":"Method"},{"name":"registerMethod","description":"Register a method to make it available to ZingGrid even if it outside the window scope.\nThis can be used to make a method accessible to renderer, editor, sorter, and custom styles\nThis is useful for methods within a class or local methods.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/IS6Q1HGM","acceptedValues":[],"displayValues":[],"params":[{"type":"function","description":"The method that you wish to expose to ZingGrid.","name":"method"},{"type":"String","description":"The name to refer to the method. If the method is not anonymous, the name will default to the\nname of the method. If it is anonymous, a name must be set. Whatever is set here is how you should refer to the method\nin the grid. Optional.","name":"name"},{"type":"Object","description":"The scope of the method. When the method is called `this` will be set to the `scope` value. Optional.","name":"scope"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerMethod","category":"Method"},{"name":"registerNamespace","description":"Register a namespace to make it available to ZingGrid even if it outside the window scope.\nOnce a namespace is registered, the methods within the namespace will be accessible to ZingGrid without having to call `ZingGrid.registerMethod`","type":null,"demoLink":"https://app.zingsoft.com/demos/create/SV33R7QE","acceptedValues":[],"displayValues":[],"params":[{"type":"function","description":"The namespace that you wish to expose to ZingGrid.","name":"namespace"},{"type":"String","description":"The name to refer to the namespace. Optional.","name":"name"},{"type":"Object","description":"The scope of the namespace. When a method within the namespace is called, `this` will be set to the `scope` value.\nDefaults to the namespace itself. Optional.","name":"scope"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerNamespace","category":"Method"},{"name":"registerValidator","description":"Register the life cycle hooks for cell validation. This allows you to import\nand inherit validators for your library.","type":null,"demoLink":"","acceptedValues":[],"displayValues":[],"params":[{"type":"Object","description":"The validator that you wish to expose to ZingGrid.","name":"oValidator"},{"type":"String","description":"The name to refer to the validator. Optional.","name":"name"},{"type":"Object","description":"The scope of the method. When the method is called `this` will be set to the `scope` value. Optional.","name":"scope"}],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-registerValidator","category":"Method"},{"name":"searchIsTable","description":"Searches for table element(s) with the `[is=\"zing-grid\"]` attribute to\ninsert the zing-grid. This method should only be used when `table[is=\"zing-grid\"]`\nis added after the Document has been loaded.","type":null,"demoLink":"https://app.zingsoft.com/demos/create/5RH46IV4","acceptedValues":[],"displayValues":[],"params":[],"returns":[],"tagName":"zing-grid","fullName":"zing-grid-method-searchIsTable","category":"Method"}]}} -------------------------------------------------------------------------------- /docs_output/elements/css/zg-body-api-css-vars.json: -------------------------------------------------------------------------------- 1 | [{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-style","name":"--zg-body-font-style","description":"Sets the font style of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/0VOTEN03","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-background","name":"--zg-body-background","description":"Styles the background of grid body","demoLink":"https://app.zingsoft.com/demos/create/WVUSRWLP","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"transparent","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-bottom","name":"--zg-body-border-bottom","description":"Styles the bottom border of grid body","demoLink":"https://app.zingsoft.com/demos/create/25V704EG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-left","name":"--zg-body-border-left","description":"Styles the left border of grid body","demoLink":"https://app.zingsoft.com/demos/create/FPYUYEEX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-right","name":"--zg-body-border-right","description":"Styles the right border of grid body","demoLink":"https://app.zingsoft.com/demos/create/70O17569","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-top","name":"--zg-body-border-top","description":"Styles the top border of grid body. Note: If `--zg-row-border-top` set,\nit will override `--zg-body-border-top`.","demoLink":"https://app.zingsoft.com/demos/create/C9XJMTTQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-color","name":"--zg-body-color","description":"Sets the font color of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/X9E64KMS","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-family","name":"--zg-body-font-family","description":"Sets the font family of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/XS22J4JG","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-size","name":"--zg-body-font-size","description":"Sets the font size of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/YLAXDUP9","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border","name":"--zg-body-border","description":"Styles the border of grid body","demoLink":"https://app.zingsoft.com/demos/create/YWTPH9M0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-weight","name":"--zg-body-font-weight","description":"Sets the font weight of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/F6CRSTMQ","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-line-height","name":"--zg-body-line-height","description":"Sets the line-height of contents inside of grid body","demoLink":"https://app.zingsoft.com/demos/create/UO5MJUXO","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-background","name":"--zg-body-card-background","description":"Styles the background of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/XGWDT5HI","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"linear-gradient(45deg, #f9fafb 20%, #fff)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border","name":"--zg-body-card-border","description":"Styles the border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/UMQX6FC1","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-bottom","name":"--zg-body-card-border-bottom","description":"Styles the bottom border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/0CXPJ9CM","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-left","name":"--zg-body-card-border-left","description":"Styles the left border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/FPJ9DVE0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-right","name":"--zg-body-card-border-right","description":"Styles the right border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/YJHA2SIP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-top","name":"--zg-body-card-border-top","description":"Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\nit will override `--zg-body-border-top`.","demoLink":"https://app.zingsoft.com/demos/create/ZQPWRYZ2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-display","name":"--zg-body-card-display","description":"Sets display of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/JHSU4OLH","cssRefLink":"https://www.w3.org/TR/css-display-3/#the-display-properties","default":"grid","tagName":"zg-body","category":"CSS Variable"}] --------------------------------------------------------------------------------
` is native element that represents a table header cell.","members":[{"name":"data-zg-frozen-column","description":"Presence of attribute freezes the column.","type":"String","fullName":"th-dataZgFrozenColumn","demoLink":"https://app.zingsoft.com/demos/create/4ZZ7XCMF","default":"''","acceptedValues":["Enum"],"displayValues":["\"\"","\"left\"","\"right\"","..."],"values":[],"category":"Attribute","tsType":"Enum","internalDocs":"","tagName":"zgth"}]},"tr":{"elementDescription":"`