{"_id":"@advinow-medical/portal-common-ui","_rev":"4-2df9bbdb7316a061f6161a274779ef39","name":"@advinow-medical/portal-common-ui","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.2":{"name":"@advinow-medical/portal-common-ui","version":"0.0.2","description":"A Library to hold all of the common UI components for the portal-internal","author":{"name":"Advinow Medical"},"publishConfig":{"access":"public"},"scripts":{"ng":"ng","start":"ng serve","build":"ng build portal-commonui","build:watch":"ng build portal-commonui --watch","test":"ng test --watch=false","lint":"ng lint","e2e":"ng e2e"},"private":false,"main":"dist/portal-commonui/bundles/portal-common-ui.umd.js","module":"dist/portal-commonui/fesm5/portal-common-ui.js","es2015":"dist/portal-commonui/fesm2015/portal-common-ui.js","esm5":"dist/portal-commonui/esm5/portal-common-ui.js","esm2015":"dist/portal-commonui/esm2015/portal-common-ui.js","fesm5":"dist/portal-commonui/fesm5/portal-common-ui.js","fesm2015":"dist/portal-commonui/fesm2015/portal-common-ui.js","typings":"dist/portal-commonui/portal-common-ui.d.ts","metadata":"dist/portal-commonui/portal-common-ui.metadata.json","dependencies":{"@angular/animations":"^10.0.4","@angular/common":"^10.0.4","@angular/compiler":"^10.0.4","@angular/core":"^10.0.4","@angular/forms":"^10.0.4","@angular/platform-browser":"^10.0.4","@angular/platform-browser-dynamic":"^10.0.4","@angular/router":"^10.0.4","@ng-select/ng-select":"^4.0.4","core-js":"^2.6.11","intl":"^1.2.5","jquery":"^3.5.1","rxjs":"~6.6.0","tslib":"^2.0.0","zone.js":"~0.10.2"},"devDependencies":{"@angular-devkit/build-angular":"~0.1000.3","@angular-devkit/build-ng-packagr":"~0.1000.3","@angular/cli":"^10.0.3","@angular/compiler-cli":"^10.0.4","@angular/language-service":"^10.0.4","@types/jasmine":"^3.5.11","@types/jasminewd2":"^2.0.8","@types/node":"^12.11.1","chai":"^4.2.0","codelyzer":"^6.0.0","jasmine-core":"~3.5.0","jasmine-spec-reporter":"~5.0.0","karma":"~5.0.0","karma-chai":"^0.1.0","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~3.0.2","karma-jasmine":"~3.3.0","karma-jasmine-html-reporter":"^1.5.0","karma-mocha":"^1.3.0","mocha":"^5.2.0","ng-packagr":"^10.0.0","protractor":"~7.0.0","puppeteer":"^5.2.1","scss-bundle":"^3.1.2","ts-node":"^8.0.3","tslint":"~6.1.0","typescript":"^3.5.3"},"gitHead":"be7b4e6dd1e107e0fb19b6b2bfb2c49dad0d1cbd","_id":"@advinow-medical/portal-common-ui@0.0.2","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-5AJ8brbS3VdB1UM1hLvhgmCC9KalRucaZDk0i2ZdlM5UyWp+Y3CX1Rk5CAZWERtnwQPEuLZ2HAaXDmsnyaGdhQ==","shasum":"0fec5a65d6c4ed58ed59378762ffc231f7d77c09","tarball":"https://registry.npmjs.org/@advinow-medical/portal-common-ui/-/portal-common-ui-0.0.2.tgz","fileCount":157,"unpackedSize":813917,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCr95G+YTW/gX6ZF4jtU+zuKdc15OxKHAwqJFJmOAxtWAIgfA8Dg5IoETylvBOc/1TJcBfYFnzfkce2FJ52ykkR02k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTe0yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGmg/7BjVm4f6P+MoKMl6YCalDGGw4Ww35gzoqOe8mF9kMU1WAlfLl\r\nxvKltZ7HzaN+9On2TcuFolVBtCna9f/BRo7+A2myraFZ4X952lHG3gOWldt/\r\nNkFB7P4Qpt9bfiGg4+cfAGv09x9JejLXNaBd22ZoAuum6N99CdxSquCEyg8M\r\n7NrZhk235KzM/Uye5wiDECBBqMHnSKQc+/DU3pY63QdGQmhIo79ct2AHYk6A\r\nPEI118t6Ev8ctjfXiB01MzcN9nFArtIUDFlSPrS53PgwYYs1t2Iup3ziNmLl\r\nwMZh2GV8mHZY51nSzWjOUyJ41AEQCFZ1EcuAFthLeVLc4CjsDZ3Cx7RN+Iup\r\njJDixX99Af6iRO29+ii28yUFudk5C8ZEJYXFcYUXRGKW0plZ4Ucf+CBvF2PG\r\nqCph0/LoavCFxv/N+MR8Ds9SanEUw9BoNVQ5NOika+KjhlWJNgmq/A1v+qXW\r\nVhe5GX4zwcT0gXnkrYxAnBM7eX3ae17SPCqVmVCfME3BY73BB1hiRncSuBCC\r\nes7+hXG/Tg5t31/bqTPobwcZFI5ieXML252AxRndLzLtE/DhnMEM9wZAb7sr\r\ni+Oh2IfuEXZe+qk101t1xHs1agVe+qj3rJSbiPPdVu3x6eo5uCF/qpovZw3V\r\nk6qztd8sa5+YxVFkgmLnKoYj44hBHSQ5t/4=\r\n=TuAP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chris-jannenga","email":"chris.jannenga@advinow.com"},"directories":{},"maintainers":[{"name":"chris-jannenga","email":"chris.jannenga@advinow.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portal-common-ui_0.0.2_1649274162046_0.05337065600492075"},"_hasShrinkwrap":false},"0.0.3":{"name":"@advinow-medical/portal-common-ui","version":"0.0.3","description":"A Library to hold all of the common UI components for the portal-internal","author":{"name":"Advinow Medical"},"publishConfig":{"access":"public"},"scripts":{"ng":"ng","start":"ng serve","build":"ng build portal-commonui","build:watch":"ng build portal-commonui --watch","test":"ng test --watch=false","lint":"ng lint","e2e":"ng e2e"},"private":false,"main":"dist/portal-commonui/bundles/portal-common-ui.umd.js","module":"dist/portal-commonui/fesm5/portal-common-ui.js","es2015":"dist/portal-commonui/fesm2015/portal-common-ui.js","esm5":"dist/portal-commonui/esm5/portal-common-ui.js","esm2015":"dist/portal-commonui/esm2015/portal-common-ui.js","fesm5":"dist/portal-commonui/fesm5/portal-common-ui.js","fesm2015":"dist/portal-commonui/fesm2015/portal-common-ui.js","typings":"dist/portal-commonui/portal-common-ui.d.ts","metadata":"dist/portal-commonui/portal-common-ui.metadata.json","dependencies":{"@angular/animations":"^10.0.4","@angular/common":"^10.0.4","@angular/compiler":"^10.0.4","@angular/core":"^10.0.4","@angular/forms":"^10.0.4","@angular/platform-browser":"^10.0.4","@angular/platform-browser-dynamic":"^10.0.4","@angular/router":"^10.0.4","@ng-select/ng-select":"^4.0.4","core-js":"^2.6.11","intl":"^1.2.5","jquery":"^3.5.1","rxjs":"~6.6.0","tslib":"^2.0.0","zone.js":"~0.10.2"},"devDependencies":{"@angular-devkit/build-angular":"~0.1000.3","@angular-devkit/build-ng-packagr":"~0.1000.3","@angular/cli":"^10.0.3","@angular/compiler-cli":"^10.0.4","@angular/language-service":"^10.0.4","@types/jasmine":"^3.5.11","@types/jasminewd2":"^2.0.8","@types/node":"^12.11.1","chai":"^4.2.0","codelyzer":"^6.0.0","jasmine-core":"~3.5.0","jasmine-spec-reporter":"~5.0.0","karma":"~5.0.0","karma-chai":"^0.1.0","karma-chrome-launcher":"~3.1.0","karma-coverage-istanbul-reporter":"~3.0.2","karma-jasmine":"~3.3.0","karma-jasmine-html-reporter":"^1.5.0","karma-mocha":"^1.3.0","mocha":"^5.2.0","ng-packagr":"^10.0.0","protractor":"~7.0.0","puppeteer":"^5.2.1","scss-bundle":"^3.1.2","ts-node":"^8.0.3","tslint":"~6.1.0","typescript":"^3.5.3"},"gitHead":"48e0ea491b2230a46b206ac82303c1733accd0a0","_id":"@advinow-medical/portal-common-ui@0.0.3","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-GznjuANIJcFvVO3hWbU6FWCTtXmvqQGGlX5LBuoYpUyjt3dE2oCqih8RLasWA1SxAKzyb4q0zDwi4mYYCf0IoQ==","shasum":"fbc42a5c7aba8425a38ca7284aa97ec6759d9694","tarball":"https://registry.npmjs.org/@advinow-medical/portal-common-ui/-/portal-common-ui-0.0.3.tgz","fileCount":158,"unpackedSize":815092,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBk+j1Qq8PZi9ThNHt73rRVngeJnd0+xbzwQE8HtXmeyAiEA8spVq1VH+GCXX8QK+hgM/Iz8zq7qhdgxpnrm6jJjiF8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTgkLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmreiA/+Nj+WJEF0jghkuVwoHf/TmmPQf5yU6z5yR7axB/KLrUj43wKz\r\n3qzyrSUjtHZvUhlGiesxPJUVqLeZ/NIpEqTUobQitKdcL+iVTz3jxpMnPVid\r\nSgPP7w9GB6z82Tv4WGNyEnCX8yENi8zCi2G2TjxTOO3SqX1ZuMo3P9UgJ4TM\r\n4oP9IamQGPs7XC+l4iRg8T/QFS6qnzJZ1AjfXbpsuPrx8tNhIUkYnZtxwTy9\r\nECCRDCamEhAldAyhxVsBQ89aVzV8cFSM92KW4pIpjz5UyPwn/CWSMQSTju1n\r\nMNsswSk6jZhR3nkMixW7spVt2ma9kTvNS6vD8+RoyvmQHjN65qlDDRdiUUqB\r\nqGRL50wo5m+dxeOb9hfvpLSSK1sEGMAeh7umLUgI0Zcl93VbBahu6v631+yi\r\nFFKmeQx0YxQ72d8gIxidsy1D5VTp2/ejihAoxfA0Fzf9GvuD6xuzonXH6JkL\r\nLg0Go4HiBwsetdLMuuPjL9j+m+8JtF1r3f9r3gyXhFXZVlvSJbzM90bgPr8Y\r\n7ceUwYacuFmsnmQ52Of4J1NMQcPfjr4L+s1nNJTBKqMSRs5LJaThkYZuiEhq\r\n9A9qhPkkluinIsvwrkT4pAlE4nhHQ45PO0Krn+6r5x9A9c09eXuw1gxOu4fj\r\nc4nrzyS0+mE2BxA2J9TAy8i9oNARRIM2muQ=\r\n=L6v+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"chris-jannenga","email":"chris.jannenga@advinow.com"},"directories":{},"maintainers":[{"name":"chris-jannenga","email":"chris.jannenga@advinow.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/portal-common-ui_0.0.3_1649281291569_0.09571414105049603"},"_hasShrinkwrap":false}},"time":{"created":"2022-04-06T19:42:41.994Z","0.0.2":"2022-04-06T19:42:42.247Z","modified":"2024-05-17T15:28:46.976Z","0.0.3":"2022-04-06T21:41:31.789Z"},"maintainers":[{"email":"dmytro.matviichuk@advinow.com","name":"dmytro.matviichuk"},{"email":"jake.peterson@advinow.com","name":"jake.peterson"}],"description":"A Library to hold all of the common UI components for the portal-internal","author":{"name":"Advinow Medical"},"readme":"# PortalCommonUI\n\nUI components library project.\n\n* [Components](#components)\n * [Button](#button)\n * [Dropdown](#dropdown)\n * [Navbar](#navbar)\n * [Table](#table)\n * [Copy field](#copy-field)\n * [Form field](#form-field)\n * [Modal](#modal)\n * [Password](#password)\n * [Search field](#search-field)\n * [Select](#select)\n * [Sidebar](#sidebar)\n* [Layouts](#layouts)\n * [Sidebar](#sidebar-layout)\n * [Simple](#simple-layout)\n\n# Instruction\n\nFirstly you shoul install dependencies\n```bash\nnpm install --save bootstrap jquery popper.js\n```\n\nAdd to build in `angular.json`\n```json\n\"styles\": [\n \"node_modules/bootstrap/dist/css/bootstrap.css\",\n \"src/styles.scss\"\n],\n\"scripts\": [\n \"node_modules/jquery/dist/jquery.min.js\",\n \"node_modules/popper.js/dist/umd/popper.min.js\",\n \"node_modules/bootstrap/dist/js/bootstrap.min.js\"\n]\n```\n\nImport library in `app.module.ts`\n```javascript\nimport { PortalCommonuiModule } from 'portal-common-ui';\n\n@NgModule({\n ...,\n imports: [\n ...,\n PortalCommonuiModule\n ],\n})\n```\n\n# Components\n\n## Button\n| Attribute | Values | Default | Description |\n|------------|---------------------------------------------------------------|---------|-----------------------------------|\n| color | primary/secondary/success/danger/warning/info/light/dark/link | primary | Button color |\n| disabled | true/false | false | Button disable state |\n| outline | true/false | false | Button outline style |\n| size | small/large/default | default | Button size |\n| href | (URL) | null | |\n| routerLink | (Route) | null | |\n| dataToggle | | | (Bootstrap data-toggle attribute) |\n| dataTarget | | | (Bootstrap data-target attribute) |\n```html\n\n Button\n\n```\n\n## Dropdown\n| Attribute | Values | Default | Description |\n|-------------|---------------------------------------------------------------|---------|-------------------------------|\n| color | primary/secondary/success/danger/warning/info/light/dark/link | primary | Dropdown button color |\n| disabled | true/false | false | Dropdown button disable state |\n| outline | true/false | false | Dropdown button outline style |\n| size | small/large/default | default | Dropdown button size |\n| buttonLabel | (String) | | Dropdown button text |\n| linkLabel | (String) | | Dropdown button (link) text |\n```html\n\n Action\n Another action\n Something else here\n\n```\n\n## Navbar\n| Attribute | Values | Default | Description |\n|-------------|---------------------|---------|-------------------------------|\n| navbarColor | dark/link | dark | Navbar color |\n```html\n\n Brand\n \n\n \n
  • \n Home\n
    • \n
  • \n Second\n
    • \n
  • \n \n 1\n 2\n 3\n \n
    • \n     \n    \n```\n\n## Table\n| Attribute | Values | Default | Description |\n|----------------------|--------------------------------------------|---------|-------------------------------------------------------------------|\n| head | (Array of String or Object or TemplateRef) | [] | Table head items Object params: - colspan - class - style - label |\n| body | (Array of String or Object or TemplateRef) | [] | Table body items Object params: - class - style - content |\n| headColor | light/dark | | Table head color |\n| tableColor | light/dark | | Table body color |\n| headTextAlign | left/center/right | left | Text aligment for table head items |\n| bodyTextAlign | left/center/right | left | Text aligment for table body items |\n| firstColumnTextAlign | left/center/right | left | Text aligment for first column of table head and body |\n```html\n\n\n```\n```typescript\nexport class MyComponent {\n public data: Array> = [\n ['1:1', '2:1', '3:1', { content: '4:1' }],\n ['1:2', '2:2', '3:2', '4:2']\n ];\n\n constructor() {\n }\n}\n\n```\nCell with custom element:\n```html\n\n\n\n \n Button\n \n\n```\n```typescript\nexport class MyComponent implements OnInit {\n @ViewChild('btn') btn: TemplateRef;\n\n public data: Array> = [];\n\n constructor() {\n }\n\n ngOnInit(): void {\n this.data = [\n ['1:1', '2:1', '3:1', this.btn],\n ['1:2', '2:2', '3:2', this.bt]\n ];\n }\n}\n\n```\n\n## Copy field\n| Attribute | Values | Default | Description |\n|-----------|----------|---------|---------------|\n| value | (String) | | Value to copy |\n```html\n\n```\n\n## Form field\n| Attribute | Values | Default | Description |\n|-----------|----------|---------|-------------|\n| label | (String) | | Field label |\n```html\n\n \n\n```\n\n## Modal\n| Attribute | Values | Default | Description |\n|--------------|----------|---------|---------------------|\n| headerStyles | (Object) | {} | Modal header styles |\n| bodyStyles | (Object) | {} | Modal body styles |\n| footerStyles | (Object) | {} | Modal footer styles |\n```html\n\n Open Modal\n\n\n\n \n
    Modal title
    \n \n     \n\n \n Modal content\n \n\n \n Modal footer\n \n    \n```\n\n## Password\n| Attribute | Values | Default | Description |\n|-----------|---------------------|---------|---------------------------|\n| name | (String) | | Field form name attribute |\n| size | small/large/default | default | Field size |\n```html\n\n\n```\n\n## Search field\n```html\n\n```\n\n## Select\n| Attribute | Values | Default | Description |\n|-----------|-----------------------------------------------------|--------------------|------------------------------------|\n| data | (Array of Object{label, value, selected, disabled}) | [] | Select options |\n| size | small/large/default | default | Select field size |\n| multiple | true/false | false | Multiple select |\n| title | (String) | 'Nothing selected' | Default text of not selected items |\n| name | (String) | | HTML name attribute |\n| onChange | (Functions) | | Function to trigger event on change|\n```html\n\n\n```\n\n## Sidebar\n| Attribute | Values | Default | Description |\n|---------------|--------------------------------|---------|---------------|\n| sideMenuItems | (Array of Object{label, link}) | | Sidebar items |\n\n```html\n\n\n```\n\n# Layouts\n\n## Sidebar layout\n| Attribute | Values | Default | Description |\n|------------------|---------------------------------------|---------|---------------------------------------------------------------------------------------------------------------------------------|\n| title | (String) | | Page title |\n| templateTitle | (Object{content, context}) | | |\n| sidebarMenuItems | (Array) | | Items for sidebar (see Sidebar component) |\n| breadcrumb | (Array of Object{label, link}/String) | | Page breadcrumb. If item == Object, then item will displaying as link, if item == String, then item will display as simple text |\n\n```html\n\n```\n\n## Simple layout\n| Attribute | Values | Default | Description |\n|------------------|---------------------------------------|---------|---------------------------------------------------------------------------------------------------------------------------------|\n| title | (String | | Page title |\n| templateTitle | (Object{content, context}) | | |\n| breadcrumb | (Array of Object{label, link}/String) | | Page breadcrumb. If item == Object, then item will displaying as link, if item == String, then item will display as simple text |\n\n```html\n\n```\n","readmeFilename":"README.md"}