{"id":13697071,"url":"https://github.com/raychenfj/ion-multi-picker","last_synced_at":"2025-10-05T22:30:53.551Z","repository":{"id":37663353,"uuid":"66229637","full_name":"raychenfj/ion-multi-picker","owner":"raychenfj","description":"Multi Item Picker - An Ionic Custom Multi Picker Component","archived":true,"fork":false,"pushed_at":"2022-03-02T12:31:47.000Z","size":2854,"stargazers_count":233,"open_issues_count":27,"forks_count":102,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-09-20T08:24:03.714Z","etag":null,"topics":["ionic","picker"],"latest_commit_sha":null,"homepage":"https://raychenfj.github.io/ion-multi-picker/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raychenfj.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-22T01:22:01.000Z","updated_at":"2025-06-18T07:42:35.000Z","dependencies_parsed_at":"2022-09-13T02:52:28.809Z","dependency_job_id":null,"html_url":"https://github.com/raychenfj/ion-multi-picker","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/raychenfj/ion-multi-picker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raychenfj%2Fion-multi-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raychenfj%2Fion-multi-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raychenfj%2Fion-multi-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raychenfj%2Fion-multi-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raychenfj","download_url":"https://codeload.github.com/raychenfj/ion-multi-picker/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raychenfj%2Fion-multi-picker/sbom","scorecard":{"id":763433,"data":{"date":"2025-08-11","repo":{"name":"github.com/raychenfj/ion-multi-picker","commit":"bf4e9fcd7d8080c9357c3b65d684f2e66ff973f6"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.9,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"project is archived","details":["Warn: Repository is archived."],"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":0,"reason":"Found 1/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":9,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Warn: project license file does not contain an FSF or OSI license."],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 1 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"167 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-wrw9-m778-g6mc","Warn: Project is vulnerable to: GHSA-pp7h-53gx-mx7r","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-9qj9-36jm-prpv","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-wrvr-8mpx-r7pp","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-w9mr-4mfr-499f","Warn: Project is vulnerable to: GHSA-9v62-24cr-58cx","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-x6fg-f45m-jf5q","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-5v72-xg48-5rpm","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp","Warn: Project is vulnerable to: GHSA-3v6h-hqm4-2rg6","Warn: Project is vulnerable to: GHSA-2mj8-pj3j-h362","Warn: Project is vulnerable to: GHSA-gqf6-75v8-vr26","Warn: Project is vulnerable to: GHSA-v45m-2wcp-gg98","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-rq8g-5pc5-wrhr","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6","Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9","Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f","Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p","Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv","Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8","Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65","Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-vfrc-7r7c-w9mx","Warn: Project is vulnerable to: GHSA-7wwv-vh3v-89cq","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-86wf-436m-h424","Warn: Project is vulnerable to: GHSA-8w57-jfpm-945m","Warn: Project is vulnerable to: GHSA-8g7p-74h8-hg48","Warn: Project is vulnerable to: GHSA-pc5p-h8pf-mvwp","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-xf5p-87ch-gxw2","Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj","Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf","Warn: Project is vulnerable to: GHSA-hxm2-r34f-qmc5","Warn: Project is vulnerable to: GHSA-m6cx-g6qm-p2cx","Warn: Project is vulnerable to: GHSA-x8qc-rrcw-4r46","Warn: Project is vulnerable to: GHSA-4328-8hgf-7wjr","Warn: Project is vulnerable to: GHSA-93f3-23rq-pjfp","Warn: Project is vulnerable to: GHSA-jmqm-f2gx-4fjv","Warn: Project is vulnerable to: GHSA-pw54-mh39-w3hc","Warn: Project is vulnerable to: GHSA-xgh6-85xh-479p","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-q75g-2496-mxpp","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-884p-74jh-xrg2","Warn: Project is vulnerable to: GHSA-j7fq-p9q7-5wfv","Warn: Project is vulnerable to: GHSA-mgfv-m47x-4wqp","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-23T00:04:24.023Z","repository_id":37663353,"created_at":"2025-08-23T00:04:24.023Z","updated_at":"2025-08-23T00:04:24.023Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278531761,"owners_count":26002336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ionic","picker"],"created_at":"2024-08-02T18:00:52.349Z","updated_at":"2025-10-05T22:30:53.000Z","avatar_url":"https://github.com/raychenfj.png","language":"TypeScript","funding_links":[],"categories":["UI"],"sub_categories":["Picker"],"readme":"# Ion-Multi-Picker \n\n\n[![Build Status](https://travis-ci.org/raychenfj/ion-multi-picker.svg?branch=master)](https://travis-ci.org/raychenfj/ion-multi-picker) [![Dependency Status](https://david-dm.org/raychenfj/ion-multi-picker.svg)](https://david-dm.org/raychenfj/ion-multi-picker) [![devDependencies Status](https://david-dm.org/raychenfj/ion-multi-picker/dev-status.svg)](https://david-dm.org/raychenfj/ion-multi-picker?type=dev) [![npm version](https://badge.fury.io/js/ion-multi-picker.svg)](https://badge.fury.io/js/ion-multi-picker) [![npm download](https://img.shields.io/npm/dm/ion-multi-picker.svg)](https://www.npmjs.com/package/ion-multi-picker)\n\n\nIon Multi Item Picker--An Ionic2 Custom Picker Component\n\nSimulate IOS multi column picker by ionic2 picker.\n\n**For ionic 2.x, please use ion-multi-picker 1.x**\n\nGithub: [https://github.com/raychenfj/ion-multi-picker](https://github.com/raychenfj/ion-multi-picker)\n\nNPM: [https://www.npmjs.com/package/ion-multi-picker](https://www.npmjs.com/package/ion-multi-picker)\n\n## Preview\n### Picker with Independent/ Dependent Columns\n\n![Picker with Independent Columns](https://github.com/raychenfj/ion-multi-picker/blob/master/img/independent.gif?raw=true)\n![Picker with Dependent Columns](https://github.com/raychenfj/ion-multi-picker/blob/master/img/dependent.gif?raw=true)\n\n## Demo\nCheck out the live demo here: [https://raychenfj.github.io/ion-multi-picker/](https://raychenfj.github.io/ion-multi-picker/)\n\n## Installation\n```\nnpm install ion-multi-picker --save\n```\n\n## Usage\n\n### Basic\n1.Import MultiPickerModule to your app/module.\n```Typescript\nimport { MultiPickerModule } from 'ion-multi-picker';\n\n@NgModule({\n  declarations: [\n    MyApp,\n    AboutPage,\n    ContactPage,\n    HomePage,\n    TabsPage,\n  ],\n  imports: [\n    IonicModule.forRoot(MyApp),\n    MultiPickerModule //Import MultiPickerModule\n  ],\n  bootstrap: [IonicApp],\n  entryComponents: [\n    MyApp,\n    AboutPage,\n    ContactPage,\n    HomePage,\n    TabsPage,\n  ],\n  providers: []\n})\nexport class AppModule {}\n```\n2.Initialize picker columns in your controller.\n```typescript\nconstructor(private navCtrl: NavController) {\n  this.simpleColumns = [\n    {\n      name: 'col1',\n      options: [\n        { text: '1', value: '1' },\n        { text: '2', value: '2' },\n        { text: '3', value: '3' }\n      ]\n    },{\n      name: 'col2',\n      options: [\n        { text: '1-1', value: '1-1' },\n        { text: '1-2', value: '1-2' },\n        { text: '2-1', value: '2-1' },\n        { text: '2-2', value: '2-2' },\n        { text: '3-1', value: '3-1' }\n      ]\n    },{\n      name: 'col3',\n      options: [\n        { text: '1-1-1', value: '1-1-1' },\n        { text: '1-1-2', value: '1-1-2' },\n        { text: '1-2-1', value: '1-2-1' },\n        { text: '1-2-2', value: '1-2-2' },\n        { text: '2-1-1', value: '2-1-1' },\n        { text: '2-1-2', value: '2-1-2' },\n        { text: '2-2-1', value: '2-2-1' },\n        { text: '2-2-2', value: '2-2-2' },\n        { text: '3-1-1', value: '3-1-1' },\n        { text: '3-1-2', value: '3-1-2' }\n      ]\n    }\n  ];\n}\n```\nYou can use `parentVal` property to create dependency between each column.\n```typescript\n  this.dependentColumns = [\n    {\n      options: [\n        { text: '1', value: '1' },\n        { text: '2', value: '2' },\n        { text: '3', value: '3' }\n      ]\n    },{\n      options: [\n        { text: '1-1', value: '1-1', parentVal: '1' },\n        { text: '1-2', value: '1-2', parentVal: '1' },\n        { text: '2-1', value: '2-1', parentVal: '2' },\n        { text: '2-2', value: '2-2', parentVal: '2' },\n        { text: '3-1', value: '3-1', parentVal: '3' }\n      ]\n    }];\n```\n3.Add ion-multi-picker to your html template. \n\n```html\n    \u003cion-item\u003e\n        \u003cion-label\u003eSimple Picker\u003c/ion-label\u003e\n        \u003cion-multi-picker item-content [multiPickerColumns]=\"simpleColumns\"\u003e\u003c/ion-multi-picker\u003e\n    \u003c/ion-item\u003e\n```\n**Note: Don't miss the `item-content` attribute**\n\nLike other ionic components, you can use `[(ngModel)]` to bind your data.\n\n```html\n\t\u003cion-item\u003e\n        \u003cion-label\u003eDefault Value\u003c/ion-label\u003e\n        \u003cion-multi-picker id=\"default\" [(ngModel)] = \"default\" item-content [multiPickerColumns]=\"dependentColumns\"\u003e\u003c/ion-multi-picker\u003e\n    \u003c/ion-item\u003e\n```\n\nSet `disabled` to `true` to prevent interaction.\n\n```html\n    \u003cion-item\u003e\n        \u003cion-label\u003eDisabled Picker\u003c/ion-label\u003e\n        \u003cion-multi-picker item-content [multiPickerColumns]=\"dependentColumns\" [disabled]=\"true\"\u003e\u003c/ion-multi-picker\u003e\n    \u003c/ion-item\u003e\n```\n\n### Using Enum\n\nIt's a good case to use picker to choose value for an enum variable. \n\nThis componennt now provide a shorthand util function `convertEnumToColumns` to generate column from enum type,\nand also you can bind a enum variable to `ngModel`. \n\nCheck the example fruit picker in the demo.\n\n1. Use `convertEnumToColumns` to generate columns;\n\n```typescript\nimport { convertEnumToColumn } from 'ion-multi-picker';\n\nenum Fruit {\n  Apple, Orange, Melon, Banana, Pear,\n}\n\nexport class YourPage {\n  fruits: any[];\n  fruit: Fruit;\n  Fruit;\n\n  constructor(public navCtrl: NavController) {\n    // Using enum\n\tthis.fruit = Fruit.Melon;\n\tthis.Fruit = Fruit;\n\tthis.fruits = convertEnumToColumn(this.Fruit);\n  }\n}\n```\n\n2. Binding enum variable to `ngModel`;\n```html\n\u003cion-item\u003e\n\t\u003cion-label\u003eFruit Picker\u003c/ion-label\u003e\n\t\u003cion-multi-picker id=\"fruit\" [(ngModel)]=\"fruit\" item-content [multiPickerColumns]=\"fruits\"\u003e\u003c/ion-multi-picker\u003e\n\u003c/ion-item\u003e\n```\n\n### Value Separator\nWhen there are multiple columns, it need a separator to separate values from different columns. \n\nThe separator is space `' '` by default. Now you can customize the separator by using input property `[separator]`.\n\nInstead of define a property in your controller, you can directly pass a string or a char like below:\n```\n\u003cion-multi-picker id=\"separator\" [(ngModel)]=\"sepVal\" item-content [multiPickerColumns]=\"sepColumns\" [separator]=\"'_'\"\u003e\u003c/ion-multi-picker\u003e\n```    \n\nAnd the multi picker's return value should format like `val1_val2_val3`.\n\n### Parent Column\n\nWhen use as a dependent picker, by default the dependency sequence is from left to right.\n\nNow with `parentCol`, you can configure your own dependency sequence when needed, like from right to left.\n\nThe picker columns should be configured as below. The `parentCol` should be another column's `name` or `alias`.\n\n```\n    // Using parentCol\n    this.parentColumns = [\n      {\n        name: 'child',\n        parentCol: 'parent',\n        options: [\n          { text: '1-1-1', value: '1-1-1', parentVal: '1-1' },\n          { text: '1-1-2', value: '1-1-2', parentVal: '1-1' },\n          { text: '1-2-1', value: '1-2-1', parentVal: '1-2' },\n          { text: '1-2-2', value: '1-2-2', parentVal: '1-2' },\n          { text: '2-1-1', value: '2-1-1', parentVal: '2-1' },\n          { text: '2-1-2', value: '2-1-2', parentVal: '2-1' },\n          { text: '2-2-1', value: '2-2-1', parentVal: '2-2' },\n          { text: '2-2-2', value: '2-2-2', parentVal: '2-2' }\n        ]\n      },{\n        name: 'parent',\n        parentCol: 'ancestor',\n        options: [\n          { text: '1-1', value: '1-1', parentVal: '1' },\n          { text: '1-2', value: '1-2', parentVal: '1' },\n          { text: '2-1', value: '2-1', parentVal: '2' },\n          { text: '2-2', value: '2-2', parentVal: '2' },\n        ]\n      },{\n        name: 'ancestor',\n        options: [\n          { text: '1', value: '1' },\n          { text: '2', value: '2' }\n        ]\n      }\n    ];\n```\n\n## Attributes\n| Attribute | Description | Type | Options | Default|\n|-----------|-------------|------|---------|--------|\n|multiPickerColumns| **Required**, configure multi picker columns | Array of  MultiPickerColumn| - | - |\n|item-content|**Required**, add this attribute so that this custom component can be display correctly under `ion-item` tag| - | - | - |\n|separator|Optional, charactor to separate value from each column| String | - | space |\n|cancelText|Optional, customize the cancel button text | String | - | Cancel\n|doneText|Optional, customize the done button text | String | - | Done\n|placeholder (since 2.0.2)|Optional, set up a placeholder text when there is no option selected| String | - | - |\n|showReset (since 2.1.1)|Optional, add an additional reset button next to the cancel button| Bool | - | false\n|resetText (since 2.1.1)|Optional, customize the reset button text| String | - | Reset |\n\n## Types\n\n* **MultiPickerColumn**\n\n| Property | Description | Type | Options | Default|\n|-----------|-------------|------|---------|--------|\n|options| **Required**, Options in a column | Array of MultiPickerOption | - | - |\n|name| Optional, Column name | String | - | index start from 0 |\n|parentCol|Optional, when used as a dependent picker, you can specify the parent column|String| - |previous column|\n|alias|Optional, alias for a column, when use parentCol, it will find the column with same name or alias|String| - | - |\n|columnWidth|Optional, specify the column width manually, it accepts a string including **unit** like `%` and `px`|String|-|-|\n\n* **MultiPickerOption**\n\n| Property | Description | Type | Options | Default|\n|-----------|-------------|------|---------|--------|\n|text| **Required**, text displayed in the picker column|String|-|-|\n|value|**Required**, the associated value of the text|String|-|-|\n|parentVal|Optional, specify the dependency between current column and previous column|String|Value from your parent column|-|\n|disabled|Optional, the option is visible or not| Boolean|-| false|\n\n\n## Contribution\n\nWelcome issue report, PR and contributors. Help me improve it.\n\nFork and `git clone` this project, \nmost code for the multi picker is under `src/app/components/multi-picker`.\n\nThe unit test framework is karma + webpack + jasmine. And e2e test is protractor. \n\nAdd your unit test and use `npm test` to start karma.\n\nAdd your e2e test, run `ionic serve` on the example and then in another terminal use `npm run e2e` to run protractor on project root folder.\n\nYou can also add your use case in the `app/pages`.\n\nFinally, send me a `PULL REQUEST`.\n\n## Acknowledgement\nThanks to [HonLuk](https://github.com/HonLuk) for sharing the city data in the demo.\n\n## License\nMIT\n\n## Change Log\n[Change log is here](https://github.com/raychenfj/ion-multi-picker/blob/master/CHANGELOG.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraychenfj%2Fion-multi-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraychenfj%2Fion-multi-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraychenfj%2Fion-multi-picker/lists"}