{"_id":"@igoodbad/responsive-table","_rev":"4-c1e545b6a5f8fcec83ca9388fa9b35be","time":{"3.1.1":"2019-01-14T18:12:32.885Z","created":"2019-01-14T18:15:15.071Z","3.1.2":"2019-01-14T18:15:15.496Z","modified":"2022-04-05T19:32:46.028Z"},"name":"@igoodbad/responsive-table","dist-tags":{"latest":"3.1.2"},"versions":{"3.1.2":{"name":"@igoodbad/responsive-table","version":"3.1.2","description":"Table full responsive in any devices","main":"responsive-table.js","private":false,"directories":{"test":"test"},"scripts":{"test":"wct","coverage":"open coverage/lcov-report/index.html"},"repository":{"type":"git","url":"git+https://github.com/igoodbad/responsive-table.git"},"keywords":["polymer3","element","table","responsive","sortable","edit"],"author":{"name":"igoodbad"},"license":"Apache-2.0","bugs":{"url":"https://github.com/igoodbad/responsive-table/issues"},"homepage":"https://github.com/igoodbad/responsive-table#readme","dependencies":{"@polymer/paper-input":"^3.0.1","@polymer/polymer":"^3.0.0"},"devDependencies":{"@polymer/iron-demo-helpers":"^3.0.0-pre.19","@polymer/test-fixture":"^4.0.2","@webcomponents/webcomponentsjs":"^2.0.0","chai":"^4.2.0","mocha":"^5.2.0","wct-mocha":"^1.0.0"},"gitHead":"6d27992237c048c5de1acaf3b8b822c4768baa40","_id":"@igoodbad/responsive-table@3.1.2","_npmVersion":"6.5.0","_nodeVersion":"11.4.0","_npmUser":{"name":"igoodbad","email":"totocod2@gmail.com"},"dist":{"integrity":"sha512-pLYr2beeN0LfjOw5IdD/aGTzUAHBcTpgP7z51HcNAJI9PC2+9vF9mfKaqZyw5d85p+pHqd+2DkRCtoFkrBJZEA==","shasum":"2c2cbd9a5a5e9e307301c9e0d393ca446da37632","tarball":"https://registry.npmjs.org/@igoodbad/responsive-table/-/responsive-table-3.1.2.tgz","fileCount":12,"unpackedSize":226905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPNG0CRA9TVsSAnZWagAA+dUP+gO13yCAfuJAmIli3xw3\nXoQr0VNI1ue4r4x4W/uaM6DcPYx3h229CruWz2BzudhlFzrNGjZZnrutjZgl\ncPxrkUPblyfo6gktz88Y+z4yn5YgV19rqjRe/+ginYf5Ohp8QAbnIVBYQgcc\nNO4dAk+0VRvB/mDTJeknpBCB0YsTEujBM7YtkmPtMasopEnf9YsKVtenvoE3\nciUNqjdZaOx6TQR1+Tl82l1EkoRHB0mePuRgRhuVxvBVrLaDPUE8xknvlou7\nBd+TxVeDnxt6JzcpVdkP175loWoAxkiKCwsdGsz+ya+vm18lWp2VZ+Kr2XDP\nF5Ru7iS/y5alRUy75/kqt3W3+6RMLHKiKSyrS4qyTTohLU+YbFKoT5lpdTUq\nQWJHvOp0NFgdRl6RxaB/FoLBdqkH07Xi2bi0BkZuyb3w9lZgnzgYdxmMjLyk\ngiyyzUSB7BfFbU68ihC3z6rVvQGzNl01vwDjsI863X3Br/2+/hmrS0WQXLQr\nBlrQHN7kHJuv4l5W6w/tvwEmvf5wWpc2RJPFW/WFs/UYHm8CAsG6PgYpW8d7\npUyThklaqDRr0QLbU671vud3LZhkY/3A5zv4tPfJUJ0vt5neT7FS2uD3Iw8m\nCxUImwfDjku7r4jFrdj1xTev7nPPm3HMnISvYhU8sx8R5JCtZC9cOy9mM/g0\nImBR\r\n=hgZy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw5cpM54PBVv2p7TDQ3YoPq+6QCZuvdJDGWb12ABUw5wIgI3HuPknMQmOkEmfDOzn3EMpdcR5ejEiVRACDOJSptag="}]},"maintainers":[{"name":"igoodbad","email":"totocod2@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/responsive-table_3.1.2_1547489715243_0.1619870833518029"},"_hasShrinkwrap":false}},"maintainers":[{"name":"igoodbad","email":"totocod2@gmail.com"}],"description":"Table full responsive in any devices","homepage":"https://github.com/igoodbad/responsive-table#readme","keywords":["polymer3","element","table","responsive","sortable","edit"],"repository":{"type":"git","url":"git+https://github.com/igoodbad/responsive-table.git"},"author":{"name":"igoodbad"},"bugs":{"url":"https://github.com/igoodbad/responsive-table/issues"},"license":"Apache-2.0","readme":"# \\<responsive-table\\>\nTable full responsive in any devices  \n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element) [![Platform](https://img.shields.io/badge/Polymer-3.x.x-blue.svg)]() [![Build Status](https://travis-ci.org/igoodbad/responsive-table.svg?branch=master)](https://travis-ci.org/igoodbad/responsive-table)\n\n## Demo\n<!--\n```\n<custom-element-demo>\n  <template>\n    <script type=\"module\">\n      import '@igoodbad/responsive-table/responsive-table.js';\n    </script>\n  </template>\n</custom-element-demo>\n```\n-->\n```html\n<responsive-table></responsive-table>\n```\n\n## Properties\n### Public properties\nName | Type | Description | Default |\n-----|------|-------------|---------|\nbreakResize | Number | Declare minimum value in pixels to change view between table and list, this property only accept number. | 601\ncolumns | Array | Contains the array of value, the values are display into body of table. | Empty\neditTable | Boolean | Boolean value to indicate if the component contains a edit button. | false\nheaders | Array | Contains the array of headers, shows in the first row in the table. | Empty\nsearch | Boolean | Boolean value to indicate if the component contains search input. | false\nsearchPlaceholder | String | Word that show in placeholder of input search. | \"Ingresa la palabra a buscar\"\nstyleTable | String | Selector of table style, by default \"stripped\" style is selected. | \"stripped\"\ntextCancelBtn | String | Word that show in button cancel. | \"Cancelar\"\ntextEditBtn | String |  Word that show in button edit. | \"Editar\"\ntextNoSelectedRow | String | Text displayed when user don't select row and click/tap in edit button. | \"Debe seleccionar una fila para poder editarla\"\ntextSaveBtn | String | Word that show in button save. | \"Guardar\"\n\n### Private properties\nName | Type | Description | Default |\n-----|------|-------------|---------|\n_bodyTableElement | Object | Contain the body node of table. | HTMLElement\n_columnValues | Array | Contains processed data array columns. | Calculated value\n_headerTableElement | Object | Contain the header node of table. | HTMLElement\n_listElement | Object | Contain the list node. | HTMLElement\n_modalElement | Object | Contain the node of div formated at modal. | HTMLElement\n_rowSelectedElement | Array | Contain the full data of row selected, the array only contains a one Object element. | Empty\n_valueSearch | String | Contain the word to filter the rows shown into table and list. | ''\n\n### Coming soon properties\nName | Type | Description | Default\n-----|------|-------------|--------\n_numberPage | Number | Page indicator, modified by preview/next. | 1\n_pagination | Boolean | Boolean value to indicate if the component contains pagination. | false\n_rowsOption | Array | Values to shown in select max rows by page. | [10, 20, 30]\n_textPaginator | String | Text to display in page indicator. | \"Página\"\n_textRowsSelector | String | Text to display in selector of max rows by page. | \"Filas por página\"\n\n## Events\nEvent | Type | Description | Return \n------|------|-------------|-------\nedited-row | CustomEvent | Return data of row edited | Object\ninfo-row | CustomEvent | Return original object of select row in table or list, when user don´t select any row, return a text  | Object / String\n\n## Styling\nCustom property | Description | Type | Default \n----------------|-------------|------|-------\n--table-background-color | Background color of table | Variable | #fff\n--stripped-table-header-custom | Styling of header table | Mixin | background-color:#a6ccff;color:#333;border-bottom: 0.15em solid #f3f3f3;\n--striped-table-body-custom | Styling of body table | Mixin | background-color: #ededed;\n--lineal-table-header-custom | Styling of header table | Mixin | border-bottom: 0.15em solid #b7b7b7;\n--lineal-table-body-custom | Styling of body table | Mixin | border-bottom: 0.08em solid #b7b7b7;\n--all-lines-table-header-custom | Styling of header table, this style affected all cells | Mixin | border: 0.1em solid black;\n--all-lines-table-body-custom | Styling of body table, this style affected all cells | Mixin | border: 0.1em solid black;\n--table-row-selected | Background color of selected row, also when user mouse over any row | Variable | #a6ccff\n--table-header-sort-indicator-up | Indicator of sort ascending | Variable | \" ▲\"\n--table-header-sort-indicator-down | Indicator of sort ascending | Variable | \" ▼\"\n--list-style-custom | Styling base of list | Mixin | list-style-type: none; margin: 0px 0px; padding: 0; border: 0.07em solid #bababa;\n--list-li-custom | Styling li element of list | Mixin | border-top: 0.07em solid black; background-color: #fff; padding: 3px 6px; cursor: pointer;\n--list-li-hover-background-color | Background color to highlight element when mouse over | Variable | #a6ccff\n--detail-open-custom | Styling to <details> element when it's opened | Mixin | background-color: #cfeaf2;\n--detail-open-summary-custom | Styling to <summary> element when details it's opened | Mixin | animation: sweep .5s ease-in-out;\n--input-search-custom | Styling of input search | Mixin | display: relative; width: 80%; border: none; border-bottom: 2px solid #bababa; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; font-size: 1rem; font-family: verdana;\n--modal-background-color | Background color of the modal window | Variable | rgba(62, 62, 62, 0.7);\n--modal-window-custom | Styling of modal window | Mixin | min-width: 200px; max-width: 450px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(rgb(175, 202, 218), rgb(126, 160, 192)); background: -webkit-linear-gradient(rgb(175, 202, 218), rgb(126, 160, 192)); background: -o-linear-gradient(rgb(175, 202, 218), rgb(126, 160, 192));\n--modal-input-custom | Style of the <paper-input> element within the modal | Mixin | - \n--footer-btn-edit | Styling for edit button, button are visible when editTable is true | Mixin | background-color:#a6ccff; padding: 8px 30px; border: 0.06em groove; border-radius: 2rem; font-family: verdana; font-size: 1rem;\n--modal-btn-cancel | Styling to cancel button into modal | Mixin | border: 0.05em solid #757575; padding: 8px 15px; background-color: #ededed; color: #000; border-radius: 2em; font-family: verdana; font-size: 14px; font-weight: bolder;\n--modal-btn-save | Styling to save button into modal | Mixin | border: 0.05em solid #757575; padding: 8px 15px; background-color: #51c839; color: #232323; border-radius: 2em; font-family: verdana; font-size: 14px; font-weight: bolder;\n\n## Slots\nId slot | Description\n--------|------------\nslot-over-table | This element is located over the table\nslot-footer-table | This element is located into footer of table\nslot-bottom-table | This element is located in bottom of table\nslot-top-content-modal | This element is located in top of content modal\nslot-bottom-content-modal | This element is located in bottom of content modal\nslot-footer-modal |  This element is located in footer of content modal\n\n## License\nApache License 2004\n","readmeFilename":"README.md"}