├── .all-contributorsrc ├── .editorconfig ├── .github └── workflows │ └── ci.yml ├── .gitignore ├── CHANGELOG.md ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── ISSUE_TEMPLATE.md ├── LICENSE ├── PULL_REQUEST_TEMPLATE.md ├── README.md ├── angular.json ├── commitlint.config.js ├── e2e ├── protractor.conf.js ├── src │ ├── app.e2e-spec.ts │ └── app.po.ts └── tsconfig.json ├── hooks └── pre-commit.js ├── karma.conf.js ├── logo.svg ├── package-lock.json ├── package.json ├── prettier.config.js ├── projects └── ngneat │ └── overview │ ├── README.md │ ├── karma.conf.js │ ├── ng-package.json │ ├── package.json │ ├── src │ ├── lib │ │ ├── dynamic-view │ │ │ ├── dynamic-view.component.ts │ │ │ ├── dynamic-view.directive.spec.ts │ │ │ └── dynamic-view.directive.ts │ │ ├── teleport │ │ │ ├── teleport-outlet.directive.ts │ │ │ ├── teleport.directive.ts │ │ │ ├── teleport.service.ts │ │ │ └── teleport.spec.ts │ │ └── views │ │ │ ├── comp-ref.ts │ │ │ ├── string-ref.ts │ │ │ ├── template-ref.ts │ │ │ ├── types.ts │ │ │ └── view.ts │ ├── public-api.ts │ └── test.ts │ ├── tsconfig.lib.json │ ├── tsconfig.lib.prod.json │ ├── tsconfig.spec.json │ └── tslint.json ├── src ├── app │ ├── app.component.html │ ├── app.component.scss │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── hello │ │ ├── hello.component.html │ │ ├── hello.component.scss │ │ ├── hello.component.spec.ts │ │ └── hello.component.ts │ ├── list │ │ ├── list.component.html │ │ ├── list.component.scss │ │ ├── list.component.spec.ts │ │ └── list.component.ts │ ├── name.provider.ts │ └── tippy.service.ts ├── assets │ └── .gitkeep ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── styles.scss └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /.all-contributorsrc: -------------------------------------------------------------------------------- 1 | { 2 | "projectName": "overview", 3 | "projectOwner": "@ngneat", 4 | "repoType": "github", 5 | "repoHost": "https://github.com", 6 | "files": [ 7 | "README.md" 8 | ], 9 | "imageSize": 100, 10 | "commit": true, 11 | "commitConvention": "angular", 12 | "contributors": [ 13 | { 14 | "login": "NetanelBasal", 15 | "name": "Netanel Basal", 16 | "avatar_url": "https://avatars.githubusercontent.com/u/6745730?v=4", 17 | "profile": "https://www.netbasal.com/", 18 | "contributions": [ 19 | "code", 20 | "ideas" 21 | ] 22 | } 23 | ], 24 | "contributorsPerLine": 7 25 | } 26 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Editor configuration, see https://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | charset = utf-8 6 | indent_style = space 7 | indent_size = 2 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | 11 | [*.ts] 12 | quote_type = single 13 | 14 | [*.md] 15 | max_line_length = off 16 | trim_trailing_whitespace = false 17 | -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- 1 | name: 'CI' 2 | 3 | on: 4 | push: 5 | branches: 6 | - master 7 | pull_request: 8 | 9 | jobs: 10 | build: 11 | runs-on: ubuntu-latest 12 | 13 | steps: 14 | - uses: actions/checkout@v3 15 | 16 | - name: Node setup 17 | uses: actions/setup-node@v3 18 | with: 19 | node-version: 18 20 | cache: 'npm' 21 | 22 | - run: npm i 23 | 24 | - name: Build library 25 | run: npm run build:lib 26 | 27 | - name: Build playground 28 | run: npm run build 29 | 30 | test: 31 | runs-on: ubuntu-latest 32 | 33 | steps: 34 | - uses: actions/checkout@v3 35 | 36 | - name: Node setup 37 | uses: actions/setup-node@v3 38 | with: 39 | node-version: 18 40 | cache: 'npm' 41 | 42 | - run: npm i 43 | 44 | - name: Test library 45 | run: npm run test:lib:headless 46 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | 3 | # compiled output 4 | /dist 5 | /tmp 6 | /out-tsc 7 | # Only exists if Bazel was run 8 | /bazel-out 9 | 10 | # dependencies 11 | /node_modules 12 | 13 | # profiling files 14 | chrome-profiler-events*.json 15 | speed-measure-plugin*.json 16 | 17 | # IDEs and editors 18 | /.idea 19 | .project 20 | .classpath 21 | .c9/ 22 | *.launch 23 | .settings/ 24 | *.sublime-workspace 25 | 26 | # IDE - VSCode 27 | .vscode/* 28 | !.vscode/settings.json 29 | !.vscode/tasks.json 30 | !.vscode/launch.json 31 | !.vscode/extensions.json 32 | .history/* 33 | 34 | # misc 35 | /.angular/cache 36 | /.sass-cache 37 | /connect.lock 38 | /coverage 39 | /libpeerconnection.log 40 | npm-debug.log 41 | yarn-error.log 42 | testem.log 43 | /typings 44 | 45 | # System Files 46 | .DS_Store 47 | Thumbs.db 48 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. 4 | 5 | ### [6.1.2](https://github.com/ngneat/overview/compare/v6.1.1...v6.1.2) (2025-03-31) 6 | 7 | ### [6.1.1](https://github.com/ngneat/overview/compare/v6.1.0...v6.1.1) (2024-08-06) 8 | 9 | 10 | ### Bug Fixes 11 | 12 | * use `ngOnChanges` instead of `effect` to avoid signal-writes error ([e8c3d3c](https://github.com/ngneat/overview/commit/e8c3d3cf690c1f7a8ada36ce50910ec182876e57)) 13 | 14 | ## [6.1.0](https://github.com/ngneat/overview/compare/v6.0.0...v6.1.0) (2024-07-03) 15 | 16 | 17 | ### Features 18 | 19 | * change to signal inputs to be zoneless compatible ([2965bda](https://github.com/ngneat/overview/commit/2965bda3267cee8735a3cfa04e2cef7734961554)) 20 | 21 | ## [6.0.0](https://github.com/ngneat/overview/compare/v5.1.1...v6.0.0) (2023-11-28) 22 | 23 | 24 | ### ⚠ BREAKING CHANGES 25 | 26 | * 🧨 Peer deps are now angular 17 and everything is standalone 27 | 28 | ### Features 29 | 30 | * 🎸 update to ng17 ([99de476](https://github.com/ngneat/overview/commit/99de476ae73e802f0fb85d531f95485d459d8481)) 31 | 32 | ### [5.1.1](https://github.com/ngneat/overview/compare/v5.1.0...v5.1.1) (2023-07-05) 33 | 34 | 35 | ### Bug Fixes 36 | 37 | * 🐛 add protection ([b99302b](https://github.com/ngneat/overview/commit/b99302bdcc9cef604220b801f7a7102f1c6cf398)) 38 | 39 | ## [5.1.0](https://github.com/ngneat/overview/compare/v5.0.0...v5.1.0) (2023-07-05) 40 | 41 | 42 | ### Features 43 | 44 | * 🎸 add inputs ([7512c83](https://github.com/ngneat/overview/commit/7512c83d454329d4a0717ff2655c1301f1a32671)) 45 | 46 | ## [5.0.0](https://github.com/ngneat/overview/compare/v4.1.0...v5.0.0) (2023-05-29) 47 | 48 | 49 | ### ⚠ BREAKING CHANGES 50 | 51 | * 🧨 The context passed to a component is now a signal 52 | * 🧨 peer dependency is now angular v16+ 53 | 54 | ### Features 55 | 56 | * 🎸 use signal to provide component context ([2b8aebb](https://github.com/ngneat/overview/commit/2b8aebb9224c1e8b4ee86d1100d1cae1c0aa8f31)) 57 | 58 | 59 | ### Bug Fixes 60 | 61 | * 🐛 update view on context change ([5f38a78](https://github.com/ngneat/overview/commit/5f38a78d15b31da82757538a864adf5a5f6ca3ce)) 62 | 63 | 64 | * 🤖 update to angular v16 ([488187c](https://github.com/ngneat/overview/commit/488187c8b333c916b9a7ba9a2c60196eee0df604)) 65 | 66 | ## [4.1.0](https://github.com/ngneat/overview/compare/v4.0.1...v4.1.0) (2023-02-09) 67 | 68 | 69 | ### Features 70 | 71 | * 🎸 expose ref for templates ([0d848b1](https://github.com/ngneat/overview/commit/0d848b1e9ef51192fc26c013b27998fac7555690)) 72 | * add `injector` option to the template config ([229e725](https://github.com/ngneat/overview/commit/229e725de3428efeb039cd0f0fd3816d711113f3)), closes [#17](https://github.com/ngneat/overview/issues/17) 73 | * add `injector` option to the template config ([d37c6e2](https://github.com/ngneat/overview/commit/d37c6e2264cba8f8764a195a67275ab47e34ce95)), closes [#17](https://github.com/ngneat/overview/issues/17) 74 | 75 | ### [4.0.1](https://github.com/ngneat/overview/compare/v4.0.0...v4.0.1) (2023-01-28) 76 | 77 | 78 | ### Bug Fixes 79 | 80 | * 🐛 pass injector to component ref ([a9d5217](https://github.com/ngneat/overview/commit/a9d5217e7d94c0552f84ddaefd08325828883fe4)) 81 | 82 | ## [4.0.0](https://github.com/ngneat/overview/compare/v3.0.4...v4.0.0) (2023-01-22) 83 | 84 | 85 | ### ⚠ BREAKING CHANGES 86 | 87 | * 🧨 build target is now es2022, peer dependency is now angular v14+ 88 | * 🧨 build target is now es2020 89 | 90 | ### Features 91 | 92 | * 🎸 support context in components as injection token ([22b8ae0](https://github.com/ngneat/overview/commit/22b8ae0881fc1b8f64c436b9ac2755c27a576ed2)) 93 | * 🎸 update to angular v14 ([448f33d](https://github.com/ngneat/overview/commit/448f33d21e1596da64cca7f80f19df63e6712dfd)) 94 | * 🎸 update to angular v15 ([ff8ec48](https://github.com/ngneat/overview/commit/ff8ec48eaf8410a40cc848b2a870864c62cad41b)) 95 | 96 | ### [3.0.4](https://github.com/ngneat/overview/compare/v3.0.3...v3.0.4) (2022-01-30) 97 | 98 | 99 | ### Bug Fixes 100 | 101 | * 🐛 revert cd call ([24102fc](https://github.com/ngneat/overview/commit/24102fc671879d729f8d1e585e96ae506a798918)) 102 | 103 | ### [3.0.3](https://github.com/ngneat/overview/compare/v3.0.2...v3.0.3) (2022-01-27) 104 | 105 | 106 | ### Bug Fixes 107 | 108 | * 🐛 component should run cd ([ebfeda5](https://github.com/ngneat/overview/commit/ebfeda5b4ef0a368465591ec0bb18870baa993e2)) 109 | 110 | ### [3.0.2](https://github.com/ngneat/overview/compare/v3.0.1...v3.0.2) (2021-12-22) 111 | 112 | 113 | ### Bug Fixes 114 | 115 | * 🐛 resolve view ref type ([a041419](https://github.com/ngneat/overview/commit/a0414193207ac4442c37fd6d1016dfb2600ecd2f)) 116 | 117 | ### [3.0.1](https://github.com/ngneat/overview/compare/v3.0.0...v3.0.1) (2021-12-22) 118 | 119 | 120 | ### Bug Fixes 121 | 122 | * 🐛 create view typings ([5df4a42](https://github.com/ngneat/overview/commit/5df4a4238942f5ccbc678555b22b93676865efbf)) 123 | 124 | ## [3.0.0](https://github.com/ngneat/overview/compare/v2.1.0...v3.0.0) (2021-11-16) 125 | 126 | 127 | ### ⚠ BREAKING CHANGES 128 | 129 | * The `@ngneat/overview` is shipped with `.mjs` files, 130 | following the APF (Angular Package Format) spec starting from Angular 13. 131 | `.mjs` files are compatible only with Angular 13 version and higher. 132 | 133 | ### Features 134 | 135 | * upgrade to Angular 13 and switch to modern APF ([33f7463](https://github.com/ngneat/overview/commit/33f74636847fbf126abb2bbb152f5bb24789f5b1)) 136 | * use new `createComponent` signature ([d47e249](https://github.com/ngneat/overview/commit/d47e249d5a323bc9dd1b7bf6514bcbd5c4d4d548)) 137 | 138 | ## [2.1.0](https://github.com/ngneat/overview/compare/v2.0.4...v2.1.0) (2021-10-25) 139 | 140 | 141 | ### Features 142 | 143 | * allow teleport bindings to be passed asynchronously ([05c164f](https://github.com/ngneat/overview/commit/05c164f8cb315e0d309f8e4a71d9dff0b85d9021)) 144 | 145 | ### [2.0.4](https://github.com/ngneat/overview/compare/v2.0.3...v2.0.4) (2021-08-10) 146 | 147 | 148 | ### Bug Fixes 149 | 150 | * 🐛 use the directive injector if not provided ([dda0a96](https://github.com/ngneat/overview/commit/dda0a96bc0c394f457e061f0f52399483ad89884)) 151 | 152 | ### [2.0.3](https://github.com/ngneat/overview/compare/v2.0.2...v2.0.3) (2021-08-09) 153 | 154 | 155 | ### Bug Fixes 156 | 157 | * 🐛 fix view resolver ([4e34c35](https://github.com/ngneat/overview/commit/4e34c35f4e7c84efb1e20f3c31a636d8785a3838)) 158 | 159 | ### [2.0.2](https://github.com/ngneat/overview/compare/v2.0.1...v2.0.2) (2021-06-02) 160 | 161 | 162 | ### Bug Fixes 163 | 164 | * 🐛 revert to view engine ([ffadce2](https://github.com/ngneat/overview/commit/ffadce2a952393e8425ea01b8ba8e305143ee6e5)) 165 | 166 | ### [2.0.1](https://github.com/ngneat/overview/compare/v1.0.0...v2.0.1) (2021-05-28) 167 | 168 | 169 | ### ⚠ BREAKING CHANGES 170 | 171 | * **lib:** remove dynamic-content and tplOrString 172 | 173 | remove `dynamic-content` and `tplOrString` in favor of the `dynamicView` directive 174 | 175 | ### Features 176 | 177 | * **lib:** add dynamicView directive ([b0b43d4](https://github.com/ngneat/overview/commit/b0b43d41740a31571e975ea536e278508a91c3c2)) 178 | 179 | 180 | ### Bug Fixes 181 | 182 | * 🐛 detect dynamic content changes ([046277a](https://github.com/ngneat/overview/commit/046277a1363549d266f92d5075d673b8ac559404)) 183 | 184 | ## [2.0.0](https://github.com/ngneat/overview/compare/v1.0.0...v2.0.0) (2021-03-29) 185 | 186 | 187 | ### ⚠ BREAKING CHANGES 188 | 189 | * **lib:** remove dynamic-content and tplOrString 190 | 191 | remove `dynamic-content` and `tplOrString` in favor of the `dynamicView` directive 192 | 193 | ### Features 194 | 195 | * **lib:** add dynamicView directive ([b0b43d4](https://github.com/ngneat/overview/commit/b0b43d41740a31571e975ea536e278508a91c3c2)) 196 | 197 | ## 1.0.0 (2021-01-28) 198 | 199 | 200 | ### Features 201 | 202 | * 🎸 add contect and provider ([8fa76e4](https://github.com/ngneat/overview/commit/8fa76e4d30e60b02adae396cda7fbe272e989978)) 203 | 204 | 205 | ### Bug Fixes 206 | 207 | * 🐛 destory tpl ([8e4654e](https://github.com/ngneat/overview/commit/8e4654ee74eb8a92e474d4f0170498fc4fd22532)) 208 | * 🐛 run cd ([eb250d1](https://github.com/ngneat/overview/commit/eb250d10c8e5b3c19d5cce454a958123d0d5f3a5)) 209 | * 🐛 support custom injector ([54c91ed](https://github.com/ngneat/overview/commit/54c91ede16e5ec6330773376df3518f2c1fdc537)) 210 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | * Using welcoming and inclusive language 12 | * Being respectful of differing viewpoints and experiences 13 | * Gracefully accepting constructive criticism 14 | * Focusing on what is best for the community 15 | * Showing empathy towards other community members 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | * Trolling, insulting/derogatory comments, and personal or political attacks 21 | * Public or private harassment 22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | * Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | ## Enforcement 36 | 37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at netanel7799@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 38 | 39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 40 | 41 | ## Attribution 42 | 43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] 44 | 45 | [homepage]: http://contributor-covenant.org 46 | [version]: http://contributor-covenant.org/version/1/4/ 47 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing to Overview 2 | 3 | 🙏 We would ❤️ for you to contribute to Overview and help make it even better than it is today! 4 | 5 | # Developing 6 | 7 | Start by installing all dependencies: 8 | 9 | ```bash 10 | npm i 11 | ``` 12 | 13 | Run the tests: 14 | 15 | ```bash 16 | npm test 17 | npm run e2e 18 | ``` 19 | 20 | Run the playground app: 21 | 22 | ```bash 23 | npm start 24 | ``` 25 | 26 | ## Building 27 | 28 | ```bash 29 | npm run build 30 | ``` 31 | 32 | ## Coding Rules 33 | 34 | To ensure consistency throughout the source code, keep these rules in mind as you are working: 35 | 36 | - All features or bug fixes **must be tested** by one or more specs (unit-tests). 37 | - All public API methods **must be documented**. 38 | 39 | ## Commit Message Guidelines 40 | 41 | We have very precise rules over how our git commit messages can be formatted. This leads to **more 42 | readable messages** that are easy to follow when looking through the **project history**. But also, 43 | we use the git commit messages to **generate the Overview changelog**. 44 | 45 | ### Commit Message Format 46 | 47 | Each commit message consists of a **header**, a **body** and a **footer**. The header has a special 48 | format that includes a **type**, a **scope** and a **subject**: 49 | 50 | ``` 51 | (): 52 | 53 | 54 | 55 |