From a082a1b33214aeb35656220e0f7c782850f5bcea Mon Sep 17 00:00:00 2001 From: Bhushan Palsapure Date: Mon, 26 Aug 2024 15:14:21 +0100 Subject: [PATCH] Added : Issue 2088 - Added angular support for vf-back-to-top --- components/vf-back-to-top/CHANGELOG.md | 4 + components/vf-back-to-top/README.md | 37 +++++- .../vf-back-to-top.angular/.npmignore | 2 + .../vf-back-to-top.angular/README.md | 24 ++++ .../lib/vf-back-to-top.angular.component.mjs | 90 +++++++++++++ .../lib/vf-back-to-top.angular.module.mjs | 24 ++++ .../esm2022/public-api.mjs | 6 + .../esm2022/vf-back-to-top.angular.mjs | 5 + .../fesm2022/vf-back-to-top.angular.mjs | 122 ++++++++++++++++++ .../fesm2022/vf-back-to-top.angular.mjs.map | 1 + .../vf-back-to-top.angular/index.d.ts | 5 + .../lib/vf-back-to-top.angular.component.d.ts | 10 ++ .../lib/vf-back-to-top.angular.module.d.ts | 8 ++ .../vf-back-to-top.angular/package.json | 25 ++++ .../vf-back-to-top.angular/public-api.d.ts | 2 + .../vf-back-to-top/vf-back-to-top.config.yml | 2 + 16 files changed, 366 insertions(+), 1 deletion(-) create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/.npmignore create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/README.md create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.component.mjs create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.module.mjs create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/esm2022/public-api.mjs create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/esm2022/vf-back-to-top.angular.mjs create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs.map create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/index.d.ts create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.component.d.ts create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.module.d.ts create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/package.json create mode 100644 components/vf-back-to-top/vf-back-to-top.angular/public-api.d.ts diff --git a/components/vf-back-to-top/CHANGELOG.md b/components/vf-back-to-top/CHANGELOG.md index cf3f97e0b5..1f8b9faace 100644 --- a/components/vf-back-to-top/CHANGELOG.md +++ b/components/vf-back-to-top/CHANGELOG.md @@ -1,3 +1,7 @@ +### 1.0.2 + +* Added : Experimental Angular support for Tabs [Tracking issue](https://github.com/visual-framework/vf-core/issues/2088) + ### 1.0.1 * Updated the Back to Top button to secondary and changed arrow colour. diff --git a/components/vf-back-to-top/README.md b/components/vf-back-to-top/README.md index e81b1db0b1..6031572a1f 100644 --- a/components/vf-back-to-top/README.md +++ b/components/vf-back-to-top/README.md @@ -16,7 +16,42 @@ The inline variant can be used without JavaScript and placed at the bottom of co ### Floating variant -Te floating variant is recommended for this component, which appears floating at the bottom right of page. It will appear once the user has scrolled down to 100% of the page height. This requires JavaScript to function. +The floating variant is recommended for this component, which appears floating at the bottom right of page. It will appear once the user has scrolled down to 100% of the page height. This requires JavaScript to function. + + +### Angular + +As of version 1.0.2 vf-back-to-top has experimental Angular support. +This package was generated with Angular version 18.2.1 with fallback support for 15.2.4 and has been tested on application with Angular version 18.2.1 + +1. install `yarn add @visual-framework/vf-back-to-top` +2. import in your app.module + ``` + import { VfBackToTopAngularModule } from '@visual-framework/vf-back-to-top/vf-back-to-top.angular'; + + @NgModule({ + imports: [VfBackToTopAngularModule, YourOtherModules], + ... + }) + ``` +3. can be used as + ``` + + + ``` +4. add to your styles.scss + ``` + @import '../node_modules/@visual-framework/vf-sass-config/index.scss'; + @import "../node_modules/@visual-framework/vf-back-to-top/vf-back-to-top.scss"; + ``` + you should also install [vf-sass-starter](https://stable.visual-framework.dev/components/vf-sass-starter) for the styles + +Usage: + +``` + + +``` ## Install diff --git a/components/vf-back-to-top/vf-back-to-top.angular/.npmignore b/components/vf-back-to-top/vf-back-to-top.angular/.npmignore new file mode 100644 index 0000000000..c97ccf2941 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/.npmignore @@ -0,0 +1,2 @@ +# Nested package.json's are only needed for development. +**/package.json \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/README.md b/components/vf-back-to-top/vf-back-to-top.angular/README.md new file mode 100644 index 0000000000..bdaf40b97b --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/README.md @@ -0,0 +1,24 @@ +# VfBackToTopAngular + +This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.2.0. + +## Code scaffolding + +Run `ng generate component component-name --project vf-back-to-top.angular` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project vf-back-to-top.angular`. +> Note: Don't forget to add `--project vf-back-to-top.angular` or else it will be added to the default project in your `angular.json` file. + +## Build + +Run `ng build vf-back-to-top.angular` to build the project. The build artifacts will be stored in the `dist/` directory. + +## Publishing + +After building your library with `ng build vf-back-to-top.angular`, go to the dist folder `cd dist/vf-back-to-top.angular` and run `npm publish`. + +## Running unit tests + +Run `ng test vf-back-to-top.angular` to execute the unit tests via [Karma](https://karma-runner.github.io). + +## Further help + +To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. diff --git a/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.component.mjs b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.component.mjs new file mode 100644 index 0000000000..023c264a2d --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.component.mjs @@ -0,0 +1,90 @@ +import { Component, Input } from '@angular/core'; +import * as i0 from "@angular/core"; +export class VfBackToTopAngularComponent { + ngOnChanges() { + this.text = this.text || 'Back to top'; + } + static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); } + static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: VfBackToTopAngularComponent, selector: "vf-back-to-top", inputs: { type: "type", text: "text", scrollToId: "scrollToId", example: "example" }, usesOnChanges: true, ngImport: i0, template: ` +
+ + + + + + + {{ text }} + +
+ `, isInline: true }); } +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularComponent, decorators: [{ + type: Component, + args: [{ selector: 'vf-back-to-top', template: ` +
+ + + + + + + {{ text }} + +
+ ` }] + }], propDecorators: { type: [{ + type: Input + }], text: [{ + type: Input + }], scrollToId: [{ + type: Input + }], example: [{ + type: Input + }] } }); +//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmYtYmFjay10by10b3AuYW5ndWxhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy92Zi1iYWNrLXRvLXRvcC5hbmd1bGFyL3NyYy9saWIvdmYtYmFjay10by10b3AuYW5ndWxhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBeUNqRCxNQUFNLE9BQU8sMkJBQTJCO0lBT3RDLFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksYUFBYSxDQUFDO0lBQ3pDLENBQUM7OEdBVFUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsaUtBckM1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDVDs7MkZBR1UsMkJBQTJCO2tCQXZDdkMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmYtYmFjay10by10b3AnLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInZmLWJhY2stdG8tdG9wIHZmLWJhY2stdG9wLS17eyB0eXBlIH19XCJcbiAgICAgICAgZGF0YS12Zi1qcy1iYWNrLXRvLXRvcFxuICAgICAgICBbYXR0ci52Zi1iYWNrLXRvcC0tZmxvYXRpbmddPVwidHlwZSA9PT0gJ2Zsb2F0aW5nJyA/ICcnIDogbnVsbFwiXG4gICAgICA+XG4gICAgICAgIDxhXG4gICAgICAgICAgW2hyZWZdPVwic2Nyb2xsVG9JZCAhPT0gdW5kZWZpbmVkID8gJyMnICsgc2Nyb2xsVG9JZCA6IG51bGxcIlxuICAgICAgICAgIFthdHRyLmRhdGEtc2Nyb2xsLXRvLWlkXT1cIlxuICAgICAgICAgICAgc2Nyb2xsVG9JZCAhPT0gdW5kZWZpbmVkID8gc2Nyb2xsVG9JZCA6IG51bGxcbiAgICAgICAgICBcIlxuICAgICAgICAgIGNsYXNzPVwidmYtYnV0dG9uIHZmLWJ1dHRvbi0tc2Vjb25kYXJ5IHZmLWJ1dHRvbi0tc21cIlxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwidGV4dFwiXG4gICAgICAgID5cbiAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICBjbGFzcz1cInZmLWljb24gdmYtaWNvbi0tc2VhcmNoLWJ0biB8IHZmLWJ1dHRvbl9faWNvblwiXG4gICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDE0MCAxNDBcIlxuICAgICAgICAgICAgd2lkdGg9XCIxNlwiXG4gICAgICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGcgdHJhbnNmb3JtPVwibWF0cml4KDUuODMzMzMzMzMzMzMzMzMzLDAsMCw1LjgzMzMzMzMzMzMzMzMzMywwLDApXCI+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0yMy40MjEsMTEuNzY1LDEzLjc2OC44QTIuNjQxLDIuNjQxLDAsMCwwLDEyLDBhMi42NDUsMi42NDUsMCwwLDAtMS43NjguOEwuNTc5LDExLjc2NUExLjQxMywxLjQxMywwLDEsMCwyLjcsMTMuNjMybDcuNDUtOC40NjZhLjI1LjI1LDAsMCwxLC40MzcuMTY2VjIyLjU4N2ExLjQxMywxLjQxMywwLDEsMCwyLjgyNiwwVjUuMzMyYS4yNS4yNSwwLDAsMSwuNDM4LS4xNjVMMjEuMywxMy42MzJhMS40MTMsMS40MTMsMCwxLDAsMi4xMjEtMS44NjdaXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwiIzNiNmZiNlwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjBcIlxuICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPC9nPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIHt7IHRleHQgfX1cbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFZmQmFja1RvVG9wQW5ndWxhckNvbXBvbmVudCB7XG4gIC8qIEluaXRpYWxpemUgdmFsdWVzIGJhc2VkIG9uIGlucHV0IHZhbHVlcyAqL1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgc2Nyb2xsVG9JZDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBleGFtcGxlOiBib29sZWFuIHwgdW5kZWZpbmVkO1xuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMudGV4dCA9IHRoaXMudGV4dCB8fCAnQmFjayB0byB0b3AnO1xuICB9XG59XG4iXX0= \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.module.mjs b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.module.mjs new file mode 100644 index 0000000000..410bc52855 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/lib/vf-back-to-top.angular.module.mjs @@ -0,0 +1,24 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { VfBackToTopAngularComponent } from './vf-back-to-top.angular.component'; +import * as i0 from "@angular/core"; +export class VfBackToTopAngularModule { + static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); } + static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, declarations: [VfBackToTopAngularComponent], imports: [CommonModule], exports: [VfBackToTopAngularComponent] }); } + static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, imports: [CommonModule] }); } +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, decorators: [{ + type: NgModule, + args: [{ + declarations: [ + VfBackToTopAngularComponent + ], + imports: [ + CommonModule + ], + exports: [ + VfBackToTopAngularComponent + ] + }] + }] }); +//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmYtYmFjay10by10b3AuYW5ndWxhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy92Zi1iYWNrLXRvLXRvcC5hbmd1bGFyL3NyYy9saWIvdmYtYmFjay10by10b3AuYW5ndWxhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7O0FBYWpGLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQVRqQywyQkFBMkIsYUFHM0IsWUFBWSxhQUdaLDJCQUEyQjsrR0FHbEIsd0JBQXdCLFlBTmpDLFlBQVk7OzJGQU1ILHdCQUF3QjtrQkFYcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osMkJBQTJCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3FCQUM1QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVmZCYWNrVG9Ub3BBbmd1bGFyQ29tcG9uZW50IH0gZnJvbSAnLi92Zi1iYWNrLXRvLXRvcC5hbmd1bGFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFZmQmFja1RvVG9wQW5ndWxhckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBWZkJhY2tUb1RvcEFuZ3VsYXJDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBWZkJhY2tUb1RvcEFuZ3VsYXJNb2R1bGUgeyB9XG4iXX0= \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/esm2022/public-api.mjs b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/public-api.mjs new file mode 100644 index 0000000000..01ace8b12b --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/public-api.mjs @@ -0,0 +1,6 @@ +/* + * Public API Surface of vf-back-to-top.angular + */ +export * from './lib/vf-back-to-top.angular.component'; +export * from './lib/vf-back-to-top.angular.module'; +//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZmLWJhY2stdG8tdG9wLmFuZ3VsYXIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMscUNBQXFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHZmLWJhY2stdG8tdG9wLmFuZ3VsYXJcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi92Zi1iYWNrLXRvLXRvcC5hbmd1bGFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi92Zi1iYWNrLXRvLXRvcC5hbmd1bGFyLm1vZHVsZSc7XG4iXX0= \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/esm2022/vf-back-to-top.angular.mjs b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/vf-back-to-top.angular.mjs new file mode 100644 index 0000000000..32f1754186 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/esm2022/vf-back-to-top.angular.mjs @@ -0,0 +1,5 @@ +/** + * Generated bundle index. Do not edit. + */ +export * from './public-api'; +//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmYtYmFjay10by10b3AuYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3ZmLWJhY2stdG8tdG9wLmFuZ3VsYXIvc3JjL3ZmLWJhY2stdG8tdG9wLmFuZ3VsYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ== \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs b/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs new file mode 100644 index 0000000000..f281ceeedc --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs @@ -0,0 +1,122 @@ +import * as i0 from '@angular/core'; +import { Component, Input, NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +class VfBackToTopAngularComponent { + ngOnChanges() { + this.text = this.text || 'Back to top'; + } + static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); } + static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: VfBackToTopAngularComponent, selector: "vf-back-to-top", inputs: { type: "type", text: "text", scrollToId: "scrollToId", example: "example" }, usesOnChanges: true, ngImport: i0, template: ` +
+ + + + + + + {{ text }} + +
+ `, isInline: true }); } +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularComponent, decorators: [{ + type: Component, + args: [{ selector: 'vf-back-to-top', template: ` +
+ + + + + + + {{ text }} + +
+ ` }] + }], propDecorators: { type: [{ + type: Input + }], text: [{ + type: Input + }], scrollToId: [{ + type: Input + }], example: [{ + type: Input + }] } }); + +class VfBackToTopAngularModule { + static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); } + static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, declarations: [VfBackToTopAngularComponent], imports: [CommonModule], exports: [VfBackToTopAngularComponent] }); } + static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, imports: [CommonModule] }); } +} +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: VfBackToTopAngularModule, decorators: [{ + type: NgModule, + args: [{ + declarations: [ + VfBackToTopAngularComponent + ], + imports: [ + CommonModule + ], + exports: [ + VfBackToTopAngularComponent + ] + }] + }] }); + +/* + * Public API Surface of vf-back-to-top.angular + */ + +/** + * Generated bundle index. Do not edit. + */ + +export { VfBackToTopAngularComponent, VfBackToTopAngularModule }; +//# sourceMappingURL=vf-back-to-top.angular.mjs.map diff --git a/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs.map b/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs.map new file mode 100644 index 0000000000..87877ef101 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/fesm2022/vf-back-to-top.angular.mjs.map @@ -0,0 +1 @@ +{"version":3,"file":"vf-back-to-top.angular.mjs","sources":["../../../projects/vf-back-to-top.angular/src/lib/vf-back-to-top.angular.component.ts","../../../projects/vf-back-to-top.angular/src/lib/vf-back-to-top.angular.module.ts","../../../projects/vf-back-to-top.angular/src/public-api.ts","../../../projects/vf-back-to-top.angular/src/vf-back-to-top.angular.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'vf-back-to-top',\n template: `\n \n \n \n \n \n \n \n {{ text }}\n \n \n `,\n styles: [],\n})\nexport class VfBackToTopAngularComponent {\n /* Initialize values based on input values */\n @Input() type: string | undefined;\n @Input() text: string | undefined;\n @Input() scrollToId: string | undefined;\n @Input() example: boolean | undefined;\n\n ngOnChanges(): void {\n this.text = this.text || 'Back to top';\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VfBackToTopAngularComponent } from './vf-back-to-top.angular.component';\n\n@NgModule({\n declarations: [\n VfBackToTopAngularComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n VfBackToTopAngularComponent\n ]\n})\nexport class VfBackToTopAngularModule { }\n","/*\n * Public API Surface of vf-back-to-top.angular\n */\n\nexport * from './lib/vf-back-to-top.angular.component';\nexport * from './lib/vf-back-to-top.angular.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAyCa,2BAA2B,CAAA;IAOtC,WAAW,GAAA;QACT,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,aAAa,CAAC;KACxC;8GATU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EArC5B,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAGU,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAvCvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA,EAAA,CAAA;8BAKQ,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MC/BK,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EATjC,YAAA,EAAA,CAAA,2BAA2B,CAG3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;AAGlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YANjC,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAMH,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,2BAA2B;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,2BAA2B;AAC5B,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;ACFH;;AAEG;;;;"} \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/index.d.ts b/components/vf-back-to-top/vf-back-to-top.angular/index.d.ts new file mode 100644 index 0000000000..1c216f5cf7 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/index.d.ts @@ -0,0 +1,5 @@ +/** + * Generated bundle index. Do not edit. + */ +/// +export * from './public-api'; diff --git a/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.component.d.ts b/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.component.d.ts new file mode 100644 index 0000000000..3db7055998 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.component.d.ts @@ -0,0 +1,10 @@ +import * as i0 from "@angular/core"; +export declare class VfBackToTopAngularComponent { + type: string | undefined; + text: string | undefined; + scrollToId: string | undefined; + example: boolean | undefined; + ngOnChanges(): void; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵcmp: i0.ɵɵComponentDeclaration; +} diff --git a/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.module.d.ts b/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.module.d.ts new file mode 100644 index 0000000000..68f27c6f60 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/lib/vf-back-to-top.angular.module.d.ts @@ -0,0 +1,8 @@ +import * as i0 from "@angular/core"; +import * as i1 from "./vf-back-to-top.angular.component"; +import * as i2 from "@angular/common"; +export declare class VfBackToTopAngularModule { + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵmod: i0.ɵɵNgModuleDeclaration; + static ɵinj: i0.ɵɵInjectorDeclaration; +} diff --git a/components/vf-back-to-top/vf-back-to-top.angular/package.json b/components/vf-back-to-top/vf-back-to-top.angular/package.json new file mode 100644 index 0000000000..742dfe7c81 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/package.json @@ -0,0 +1,25 @@ +{ + "name": "vf-back-to-top.angular", + "version": "0.0.1", + "peerDependencies": { + "@angular/common": "^15.2.0 || ^18.0.0", + "@angular/core": "^15.2.0 || ^18.0.0" + }, + "dependencies": { + "tslib": "^2.3.0" + }, + "sideEffects": false, + "module": "fesm2022/vf-back-to-top.angular.mjs", + "typings": "index.d.ts", + "exports": { + "./package.json": { + "default": "./package.json" + }, + ".": { + "types": "./index.d.ts", + "esm2022": "./esm2022/vf-back-to-top.angular.mjs", + "esm": "./esm2022/vf-back-to-top.angular.mjs", + "default": "./fesm2022/vf-back-to-top.angular.mjs" + } + } +} \ No newline at end of file diff --git a/components/vf-back-to-top/vf-back-to-top.angular/public-api.d.ts b/components/vf-back-to-top/vf-back-to-top.angular/public-api.d.ts new file mode 100644 index 0000000000..ebb204d579 --- /dev/null +++ b/components/vf-back-to-top/vf-back-to-top.angular/public-api.d.ts @@ -0,0 +1,2 @@ +export * from './lib/vf-back-to-top.angular.component'; +export * from './lib/vf-back-to-top.angular.module'; diff --git a/components/vf-back-to-top/vf-back-to-top.config.yml b/components/vf-back-to-top/vf-back-to-top.config.yml index b1e631b137..0b72a10381 100644 --- a/components/vf-back-to-top/vf-back-to-top.config.yml +++ b/components/vf-back-to-top/vf-back-to-top.config.yml @@ -16,12 +16,14 @@ variants: type: inline scrollToId: top example: true + angular: - name: floating label: Floating hidden: false context: type: floating example: true + angular: # Global component context context: exampleMultiColumns: "false"