@skyux/code-examples 12.5.0 → 12.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -11351,15 +11351,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
11351
11351
|
* @title Navbar with basic setup
|
|
11352
11352
|
*/
|
|
11353
11353
|
class NavbarExampleComponent {
|
|
11354
|
-
|
|
11354
|
+
onItemClick(buttonText) {
|
|
11355
11355
|
alert(buttonText + ' button clicked!');
|
|
11356
11356
|
}
|
|
11357
11357
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: NavbarExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11358
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: NavbarExampleComponent, isStandalone: true, selector: "app-navbar-example", ngImport: i0, template: "<sky-navbar>\n <sky-navbar-item>\n <a
|
|
11358
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: NavbarExampleComponent, isStandalone: true, selector: "app-navbar-example", ngImport: i0, template: "<sky-navbar data-sky-id=\"basic-navbar\">\n <sky-navbar-item data-sky-id=\"navbar-item-1\">\n <a\n routerLink=\"/\"\n routerLinkActive=\"sky-navbar-item-active\"\n (click)=\"onItemClick('Selected item')\"\n >\n Selected item\n </a>\n </sky-navbar-item>\n <sky-navbar-item data-sky-id=\"navbar-item-2\">\n <sky-dropdown>\n <sky-dropdown-button> Show dropdown </sky-dropdown-button>\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 1')\"> Item 1 </a>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 2')\"> Item 2 </a>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 3')\"> Item 3 </a>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-navbar-item>\n</sky-navbar>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$c.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$c.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i1$2.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i1$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i1$2.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i1$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "ngmodule", type: SkyNavbarModule }, { kind: "component", type: i3$6.λ1, selector: "sky-navbar" }, { kind: "component", type: i3$6.λ2, selector: "sky-navbar-item", inputs: ["active"] }] }); }
|
|
11359
11359
|
}
|
|
11360
11360
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: NavbarExampleComponent, decorators: [{
|
|
11361
11361
|
type: Component,
|
|
11362
|
-
args: [{ selector: 'app-navbar-example', imports: [RouterModule, SkyDropdownModule, SkyNavbarModule], template: "<sky-navbar>\n <sky-navbar-item>\n <a
|
|
11362
|
+
args: [{ selector: 'app-navbar-example', imports: [RouterModule, SkyDropdownModule, SkyNavbarModule], template: "<sky-navbar data-sky-id=\"basic-navbar\">\n <sky-navbar-item data-sky-id=\"navbar-item-1\">\n <a\n routerLink=\"/\"\n routerLinkActive=\"sky-navbar-item-active\"\n (click)=\"onItemClick('Selected item')\"\n >\n Selected item\n </a>\n </sky-navbar-item>\n <sky-navbar-item data-sky-id=\"navbar-item-2\">\n <sky-dropdown>\n <sky-dropdown-button> Show dropdown </sky-dropdown-button>\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 1')\"> Item 1 </a>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 2')\"> Item 2 </a>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <a routerLink=\"/\" (click)=\"onItemClick('Item 3')\"> Item 3 </a>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-navbar-item>\n</sky-navbar>\n" }]
|
|
11363
11363
|
}] });
|
|
11364
11364
|
|
|
11365
11365
|
const MODAL_TITLE = new InjectionToken('MODAL_TITLE');
|