npm - carbon-components-angular - Versions diffs - 6.0.0-rc.25 → 6.0.0-rc.26 - Mend

carbon-components-angular 6.0.0-rc.25 → 6.0.0-rc.26

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.

Files changed (57) hide show

package/docs/storybook/5028.4372822a.iframe.bundle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"5028.4372822a.iframe.bundle.js","mappings":"AAQA","sources":["webpack://carbon-components-angular/./src/ui-shell/header/hamburger.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header-action.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header-global.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header-item.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header-menu.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header-navigation.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header.component.ts","webpack://carbon-components-angular/./src/ui-shell/header/header.module.ts","webpack://carbon-components-angular/./src/ui-shell/ui-shell.module.ts","webpack://carbon-components-angular/./src/ui-shell/panel/panel.component.ts","webpack://carbon-components-angular/./src/ui-shell/panel/panel.module.ts","webpack://carbon-components-angular/./src/ui-shell/panel/switcher-list-item.component.ts","webpack://carbon-components-angular/./src/ui-shell/panel/switcher-list.component.ts","webpack://carbon-components-angular/./src/ui-shell/sidenav/routerlink-extended.directive.ts","webpack://carbon-components-angular/./src/ui-shell/sidenav/sidenav-item.component.ts","webpack://carbon-components-angular/./src/ui-shell/sidenav/sidenav-menu.component.ts","webpack://carbon-components-angular/./src/ui-shell/sidenav/sidenav.component.ts","webpack://carbon-components-angular/./src/ui-shell/sidenav/sidenav.module.ts","webpack://carbon-components-angular/./src/ui-shell/panel/switcher-list.component.ts?50c1","webpack://carbon-components-angular/./src/ui-shell/header/header-item.component.ts?cc09","webpack://carbon-components-angular/./src/ui-shell/header/header-menu.component.ts?175f","webpack://carbon-components-angular/./src/ui-shell/sidenav/sidenav-item.component.ts?816e"],"sourcesContent":["import { __decorate } from \"tslib\";\nimport { Component, Output, EventEmitter, Input, inject } from \"@angular/core\";\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { NgClass } from \"@angular/common\";\nimport { IconDirective } from \"carbon-components-angular/icon\";\n/**\n * A toggle for the side navigation\n */\nlet Hamburger = class Hamburger {\n constructor() {\n this.i18n = inject(I18n);\n this.active = false;\n this.activeTitle = this.i18n.get().UI_SHELL.HEADER.CLOSE_MENU;\n this.inactiveTitle = this.i18n.get().UI_SHELL.HEADER.OPEN_MENU;\n this.selected = new EventEmitter();\n }\n /**\n * Emit the Hamburger click event upwards.\n */\n doClick() {\n this.selected.emit(this.active);\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n active: [{ type: Input }],\n activeTitle: [{ type: Input }],\n inactiveTitle: [{ type: Input }],\n selected: [{ type: Output }]\n }; }\n};\nHamburger = __decorate([\n Component({\n selector: \"cds-hamburger, ibm-hamburger\",\n template: `\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t(click)=\"doClick()\"\n\t\t\t[ngClass]=\"{'cds--header__action--active': active}\"\n\t\t\tclass=\"cds--header__menu-trigger cds--header__action cds--header__menu-toggle\"\n\t\t\t[attr.aria-label]=\"active ? activeTitle : inactiveTitle\"\n\t\t\t[attr.title]=\"active ? activeTitle : inactiveTitle\">\n\t\t\t@if (active) {\n\t\t\t\t<svg cdsIcon=\"close\" size=\"20\"></svg>\n\t\t\t} @else {\n\t\t\t\t<svg cdsIcon=\"menu\" size=\"20\"></svg>\n\t\t\t}\n\t\t</button>\n\t`,\n imports: [NgClass, IconDirective]\n })\n], Hamburger);\nexport { Hamburger };\n","import { __decorate } from \"tslib\";\nimport { Component, Input, Output, EventEmitter } from \"@angular/core\";\nimport { BaseIconButton, IconButton } from \"carbon-components-angular/button\";\n/**\n * Contained by `HeaderGlobal`. Generally used to trigger `Panel`s\n */\nlet HeaderAction = class HeaderAction extends BaseIconButton {\n constructor() {\n super(...arguments);\n this.active = false;\n this.activeChange = new EventEmitter();\n this.selected = new EventEmitter();\n }\n onClick() {\n this.active = !this.active;\n this.selected.emit(this.active);\n this.activeChange.emit(this.active);\n }\n static { this.propDecorators = {\n description: [{ type: Input }],\n ariaLabel: [{ type: Input }],\n active: [{ type: Input }],\n activeChange: [{ type: Output }],\n selected: [{ type: Output }]\n }; }\n};\nHeaderAction = __decorate([\n Component({\n selector: \"cds-header-action, ibm-header-action\",\n template: `\n\t\t<cds-icon-button\n\t\t\t[buttonNgClass]=\"{\n\t\t\t\t'cds--header__action': true,\n\t\t\t\t'cds--header__action--active': active\n\t\t\t}\"\n\t\t\t(click)=\"onClick()\"\n\t\t\t[align]=\"align\"\n\t\t\t[caret]=\"caret\"\n\t\t\t[dropShadow]=\"dropShadow\"\n\t\t\t[highContrast]=\"highContrast\"\n\t\t\t[isOpen]=\"isOpen\"\n\t\t\t[enterDelayMs]=\"enterDelayMs\"\n\t\t\t[leaveDelayMs]=\"leaveDelayMs\"\n\t\t\t[description]=\"description\"\n\t\t\t[buttonAttributes]=\"{\n\t\t\t\t'aria-label': ariaLabel\n\t\t\t}\">\n\t\t\t<ng-content />\n\t\t</cds-icon-button>\n\t`,\n imports: [IconButton]\n })\n], HeaderAction);\nexport { HeaderAction };\n","import { __decorate } from \"tslib\";\nimport { Component, HostBinding } from \"@angular/core\";\n/**\n * Container for `HeaderAction`s.\n */\nlet HeaderGlobal = class HeaderGlobal {\n constructor() {\n this.hostClass = true;\n }\n static { this.propDecorators = {\n hostClass: [{ type: HostBinding, args: [\"class.cds--header__global\",] }]\n }; }\n};\nHeaderGlobal = __decorate([\n Component({\n selector: \"cds-header-global, ibm-header-global\",\n template: `\n\t\t<ng-content />\n\t`,\n standalone: true\n })\n], HeaderGlobal);\nexport { HeaderGlobal };\n","import { __decorate } from \"tslib\";\nimport __NG_CLI_RESOURCE__0 from \"/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/header/header-item.component.ts.css?ngResource!=!/home/runner/work/carbon-components-angular/carbon-components-angular/node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBsaXN0LWl0ZW07CgkJfQoJ!/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/header/header-item.component.ts\";\nimport { Component, Input, EventEmitter, Output, HostBinding, inject } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router, RouterLinkActive, RouterLink } from \"@angular/router\";\nimport { NgClass, NgTemplateOutlet } from \"@angular/common\";\n/**\n * Individual item in the header. May be used a direct child of `HeaderNavigation` or `HeaderMenu`\n */\nlet HeaderItem = class HeaderItem {\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n set activeLinkClass(v) {\n this._activeLinkClass = v;\n // Compute once per input change\n const extra = v === \"\" || v == null ? [] : Array.isArray(v) ? v : [v];\n this.routerLinkActiveClasses = [\"cds--header__menu-item--current\", ...extra];\n }\n get activeLinkClass() {\n return this._activeLinkClass;\n }\n constructor() {\n this.role = \"listitem\";\n this.useRouter = false;\n this.navigation = new EventEmitter();\n this._href = \"#\";\n this._activeLinkClass = \"\";\n this.routerLinkActiveClasses = [\"cds--header__menu-item--current\"];\n this.domSanitizer = inject(DomSanitizer);\n this.router = inject(Router, { optional: true });\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n role: [{ type: HostBinding, args: [\"attr.role\",] }],\n href: [{ type: Input }],\n useRouter: [{ type: Input }],\n activeLinkClass: [{ type: Input }],\n isCurrentPage: [{ type: Input }],\n route: [{ type: Input }],\n routeExtras: [{ type: Input }],\n navigation: [{ type: Output }]\n }; }\n};\nHeaderItem = __decorate([\n Component({\n selector: \"cds-header-item, ibm-header-item\",\n template: `\n\t\t<ng-template #content>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t\t@if (useRouter) {\n\t\t\t<a\n\t\t\t\tclass=\"cds--header__menu-item\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[ngClass]=\"{'cds--header__menu-item--current' : isCurrentPage}\"\n\t\t\t\t[routerLink]=\"route\"\n\t\t\t\t[routerLinkActive]=\"routerLinkActiveClasses\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t\t</a>\n\t\t} @else {\n\t\t\t<a\n\t\t\t\tclass=\"cds--header__menu-item\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t[ngClass]=\"{'cds--header__menu-item--current' : isCurrentPage}\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-container *ngTemplateOutlet=\"content\" />\n\t\t\t</a>\n\t\t}\n\t`,\n imports: [\n NgClass,\n NgTemplateOutlet,\n RouterLinkActive,\n RouterLink\n ],\n styles: [__NG_CLI_RESOURCE__0]\n })\n], HeaderItem);\nexport { HeaderItem };\n","import { __decorate } from \"tslib\";\nimport __NG_CLI_RESOURCE__0 from \"/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/header/header-menu.component.ts.css?ngResource!=!/home/runner/work/carbon-components-angular/carbon-components-angular/node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBsaXN0LWl0ZW07CgkJfQoJ!/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/header/header-menu.component.ts\";\nimport { Component, Input, HostListener, ElementRef, HostBinding, inject } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { NgTemplateOutlet } from \"@angular/common\";\nimport { HeaderItem } from \"./header-item.component\";\n/**\n * Dropdown menu container for navigation items.\n */\nlet HeaderMenu = class HeaderMenu {\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n constructor() {\n this.subMenu = true;\n this.role = \"listitem\";\n this.trigger = \"click\";\n this.expanded = false;\n this._href = \"#\";\n this.domSanitizer = inject(DomSanitizer);\n this.elementRef = inject(ElementRef);\n }\n onClick() {\n if (this.trigger === \"click\") {\n this.expanded = !this.expanded;\n }\n }\n onMouseOver() {\n if (this.trigger === \"mouseover\") {\n this.expanded = true;\n }\n }\n onMouseOut() {\n if (this.trigger === \"mouseover\") {\n this.expanded = false;\n }\n }\n onFocusOut(event) {\n if (!this.elementRef.nativeElement.contains(event.relatedTarget)) {\n this.expanded = false;\n }\n }\n navigate(event) {\n if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n subMenu: [{ type: HostBinding, args: [\"class.cds--header__submenu\",] }],\n role: [{ type: HostBinding, args: [\"attr.role\",] }],\n title: [{ type: Input }],\n href: [{ type: Input }],\n trigger: [{ type: Input }],\n headerItems: [{ type: Input }],\n icon: [{ type: Input }],\n onClick: [{ type: HostListener, args: [\"click\",] }],\n onMouseOver: [{ type: HostListener, args: [\"mouseover\",] }],\n onMouseOut: [{ type: HostListener, args: [\"mouseout\",] }],\n onFocusOut: [{ type: HostListener, args: [\"focusout\", [\"$event\"],] }]\n }; }\n};\nHeaderMenu = __decorate([\n Component({\n selector: \"cds-header-menu, ibm-header-menu\",\n template: `\n\t\t<a\n\t\t\tclass=\"cds--header__menu-item cds--header__menu-title\"\n\t\t\t[href]=\"href\"\n\t\t\ttabindex=\"0\"\n\t\t\taria-haspopup=\"menu\"\n\t\t\t[attr.aria-expanded]=\"expanded\"\n\t\t\t(click)=\"navigate($event)\">\n\t\t\t{{title}}\n\t\t\t@if (icon) {\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"icon\" />\n\t\t\t} @else {\n\t\t\t\t<svg class=\"cds--header__menu-arrow\" width=\"12\" height=\"7\" aria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M6.002 5.55L11.27 0l.726.685L6.003 7 0 .685.726 0z\" />\n\t\t\t\t</svg>\n\t\t\t}\n\t\t</a>\n\t\t<div class=\"cds--header__menu\" [attr.aria-label]=\"title\">\n\t\t\t<ng-content />\n\t\t\t@for (headerItem of headerItems; track headerItem) {\n\t\t\t\t<cds-header-item\n\t\t\t\t\t[href]=\"headerItem.href\"\n\t\t\t\t\t[route]=\"headerItem.route\"\n\t\t\t\t\t[routeExtras]=\"headerItem.routeExtras\">\n\t\t\t\t\t{{ headerItem.content }}\n\t\t\t\t</cds-header-item>\n\t\t\t}\n\t\t</div>\n\t`,\n imports: [NgTemplateOutlet, HeaderItem],\n styles: [__NG_CLI_RESOURCE__0]\n })\n], HeaderMenu);\nexport { HeaderMenu };\n","import { __decorate } from \"tslib\";\nimport { Component, HostBinding, Input } from \"@angular/core\";\nimport { HeaderItem } from \"./header-item.component\";\nimport { HeaderMenu } from \"./header-menu.component\";\n/**\n * Container for header navigation items\n */\nlet HeaderNavigation = class HeaderNavigation {\n constructor() {\n this.height = 100;\n }\n static { this.propDecorators = {\n height: [{ type: HostBinding, args: [\"style.height.%\",] }],\n ariaLabel: [{ type: Input }],\n navigationItems: [{ type: Input }]\n }; }\n};\nHeaderNavigation = __decorate([\n Component({\n selector: \"cds-header-navigation, ibm-header-navigation\",\n template: `\n\t\t<nav class=\"cds--header__nav\" [attr.aria-label]=\"ariaLabel\">\n\t\t\t<div class=\"cds--header__menu-bar\" role=\"list\">\n\t\t\t\t<ng-content />\n\t\t\t\t@for (navigationItem of navigationItems; track navigationItem) {\n\t\t\t\t\t@if (navigationItem.type === 'item') {\n\t\t\t\t\t\t<cds-header-item\n\t\t\t\t\t\t\t[href]=\"navigationItem.href\"\n\t\t\t\t\t\t\t[route]=\"navigationItem.route\"\n\t\t\t\t\t\t\t[routeExtras]=\"navigationItem.routeExtras\"\n\t\t\t\t\t\t\t[isCurrentPage]=\"!!navigationItem.isCurrentPage\">\n\t\t\t\t\t\t\t{{ navigationItem.content }}\n\t\t\t\t\t\t</cds-header-item>\n\t\t\t\t\t}\n\t\t\t\t\t@if (navigationItem.type === 'menu') {\n\t\t\t\t\t\t<cds-header-menu\n\t\t\t\t\t\t\t[href]=\"navigationItem.href\"\n\t\t\t\t\t\t\t[title]=\"navigationItem.title\"\n\t\t\t\t\t\t\t[trigger]=\"navigationItem.trigger ? navigationItem.trigger : 'click'\"\n\t\t\t\t\t\t\t[headerItems]=\"navigationItem.menuItems\">\n\t\t\t\t\t\t</cds-header-menu>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t</nav>\n\t`,\n imports: [HeaderItem, HeaderMenu]\n })\n], HeaderNavigation);\nexport { HeaderNavigation };\n","import { __decorate } from \"tslib\";\nimport { Component, Input, Output, EventEmitter, TemplateRef, inject } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router, RouterLink } from \"@angular/router\";\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { NgTemplateOutlet, AsyncPipe } from \"@angular/common\";\n/**\n * A fixed header and navigation.\n * Header may contain a Hamburger menu to toggle the side navigation, navigation actions,\n * and global actions (generally in the form of `Panel`s).\n *\n * [See demo](../../?path=/story/components-ui-shell--header)\n */\nlet Header = class Header {\n set href(v) {\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n constructor() {\n this.i18n = inject(I18n);\n this.brand = \"IBM\";\n this.useRouter = false;\n this.navigation = new EventEmitter();\n this._href = \"#\";\n this.domSanitizer = inject(DomSanitizer);\n this.router = inject(Router, { optional: true });\n }\n isTemplate(value) {\n return value instanceof TemplateRef;\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n skipTo: [{ type: Input }],\n name: [{ type: Input }],\n brand: [{ type: Input }],\n href: [{ type: Input }],\n route: [{ type: Input }],\n routeExtras: [{ type: Input }],\n useRouter: [{ type: Input }],\n navigation: [{ type: Output }]\n }; }\n};\nHeader = __decorate([\n Component({\n selector: \"cds-header, ibm-header\",\n template: `\n\t\t<header\n\t\t\tclass=\"cds--header\"\n\t\t\t[attr.aria-label]=\"brand + ' ' + name\">\n\t\t\t@if (skipTo) {\n\t\t\t\t<a\n\t\t\t\t\tclass=\"cds--skip-to-content\"\n\t\t\t\t\t[href]=\"skipTo\"\n\t\t\t\t\ttabindex=\"0\">\n\t\t\t\t\t{{ i18n.get(\"UI_SHELL.SKIP_TO\") | async }}\n\t\t\t\t</a>\n\t\t\t}\n\t\t\t<ng-content select=\"cds-hamburger,ibm-hamburger\" />\n\t\t\t@if (isTemplate(brand)) {\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"brand\" />\n\t\t\t} @else {\n\t\t\t\t@if (useRouter) {\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"cds--header__name\"\n\t\t\t\t\t\t[routerLink]=\"route\">\n\t\t\t\t\t\t<span class=\"cds--header__name--prefix\">{{brand}} </span>\n\t\t\t\t\t\t{{name}}\n\t\t\t\t\t</a>\n\t\t\t\t} @else {\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"cds--header__name\"\n\t\t\t\t\t\t[href]=\"href\"\n\t\t\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t\t\t<span class=\"cds--header__name--prefix\">{{brand}} </span>\n\t\t\t\t\t\t{{name}}\n\t\t\t\t\t</a>\n\t\t\t\t}\n\t\t\t}\n\t\t\t<ng-content />\n\t\t</header>\n\t`,\n imports: [NgTemplateOutlet, RouterLink, AsyncPipe]\n })\n], Header);\nexport { Header };\n","import { __decorate } from \"tslib\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonModule } from \"carbon-components-angular/button\";\nimport { I18nModule } from \"carbon-components-angular/i18n\";\nimport { IconModule } from \"carbon-components-angular/icon\";\nimport { Header } from \"./header.component\";\nimport { HeaderItem } from \"./header-item.component\";\nimport { HeaderMenu } from \"./header-menu.component\";\nimport { HeaderNavigation } from \"./header-navigation.component\";\nimport { HeaderGlobal } from \"./header-global.component\";\nimport { HeaderAction } from \"./header-action.component\";\nimport { Hamburger } from \"./hamburger.component\";\nimport { RouterModule } from \"@angular/router\";\nexport { Header, HeaderItem, HeaderMenu, HeaderNavigation, HeaderGlobal, HeaderAction, Hamburger };\nlet HeaderModule = class HeaderModule {\n};\nHeaderModule = __decorate([\n NgModule({\n imports: [\n CommonModule,\n ButtonModule,\n I18nModule,\n IconModule,\n RouterModule,\n Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger\n ],\n exports: [\n Header,\n HeaderItem,\n HeaderMenu,\n HeaderNavigation,\n HeaderGlobal,\n HeaderAction,\n Hamburger\n ]\n })\n], HeaderModule);\nexport { HeaderModule };\n","import { __decorate } from \"tslib\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { I18nModule } from \"carbon-components-angular/i18n\";\nimport { HeaderModule } from \"./header/header.module\";\nimport { SideNavModule } from \"./sidenav/sidenav.module\";\nimport { PanelModule } from \"./panel/panel.module\";\nlet UIShellModule = class UIShellModule {\n};\nUIShellModule = __decorate([\n NgModule({\n imports: [\n CommonModule,\n I18nModule,\n HeaderModule,\n SideNavModule,\n PanelModule\n ],\n exports: [\n HeaderModule,\n SideNavModule,\n PanelModule\n ]\n })\n], UIShellModule);\nexport { UIShellModule };\n","import { __decorate } from \"tslib\";\nimport { Component, Input } from \"@angular/core\";\nimport { NgClass } from \"@angular/common\";\n/**\n * `Panel` is a component that can be used to display content on the right side of the screen.\n * `Panel`s are generally activated by and linked to a `HeaderAction` component.\n */\nlet Panel = class Panel {\n constructor() {\n this.expanded = false;\n }\n static { this.propDecorators = {\n expanded: [{ type: Input }],\n ariaLabel: [{ type: Input }]\n }; }\n};\nPanel = __decorate([\n Component({\n selector: \"cds-panel, ibm-panel\",\n template: `\n\t\t<div\n\t\t\tclass=\"cds--header-panel\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--header-panel--expanded': expanded\n\t\t\t}\">\n\t\t\t<ng-content />\n\t\t</div>\n\t`,\n imports: [NgClass]\n })\n], Panel);\nexport { Panel };\n","import { __decorate } from \"tslib\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { I18nModule } from \"carbon-components-angular/i18n\";\nimport { Panel } from \"./panel.component\";\nimport { SwitcherList } from \"./switcher-list.component\";\nimport { SwitcherListItem } from \"./switcher-list-item.component\";\nexport { Panel, SwitcherList, SwitcherListItem };\nlet PanelModule = class PanelModule {\n};\nPanelModule = __decorate([\n NgModule({\n imports: [\n CommonModule,\n I18nModule,\n Panel,\n SwitcherList,\n SwitcherListItem\n ],\n exports: [\n Panel,\n SwitcherList,\n SwitcherListItem\n ]\n })\n], PanelModule);\nexport { PanelModule };\n","import { __decorate } from \"tslib\";\nimport { Component, Input, Output, EventEmitter, HostBinding, inject } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router } from \"@angular/router\";\nimport { NgClass } from \"@angular/common\";\n/**\n * Represents an item in a switcher list.\n */\nlet SwitcherListItem = class SwitcherListItem {\n set href(value) {\n this._href = value;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n set target(value) {\n this._target = value;\n }\n get target() {\n return this._target;\n }\n constructor() {\n this.active = false;\n this.navigation = new EventEmitter();\n this.itemClass = true;\n this.itemRole = \"listitem\";\n this._href = \"#\";\n this._target = \"\";\n this.domSanitizer = inject(DomSanitizer);\n this.router = inject(Router, { optional: true });\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n active: [{ type: Input }],\n route: [{ type: Input }],\n routeExtras: [{ type: Input }],\n href: [{ type: Input }],\n navigation: [{ type: Output }],\n target: [{ type: Input }],\n itemClass: [{ type: HostBinding, args: [\"class.cds--switcher__item\",] }],\n itemRole: [{ type: HostBinding, args: [\"attr.role\",] }]\n }; }\n};\nSwitcherListItem = __decorate([\n Component({\n selector: \"cds-switcher-list-item, ibm-switcher-list-item\",\n template: `\n\t\t<a\n\t\t\tclass=\"cds--switcher__item-link\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'cds--switcher__item-link--selected': active\n\t\t\t}\"\n\t\t\t[href]=\"href\"\n\t\t\t[target]=\"target\"\n\t\t\t(click)=\"navigate($event)\">\n\t\t\t<ng-content />\n\t\t</a>\n\t`,\n imports: [NgClass]\n })\n], SwitcherListItem);\nexport { SwitcherListItem };\n","import { __decorate } from \"tslib\";\nimport __NG_CLI_RESOURCE__0 from \"/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/panel/switcher-list.component.ts.css?ngResource!=!/home/runner/work/carbon-components-angular/carbon-components-angular/node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBibG9jazsKCQl9Cgk%3D!/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/panel/switcher-list.component.ts\";\nimport { Component, HostBinding } from \"@angular/core\";\n/**\n * Container for switcher items.\n *\n * ```html\n * <cds-switcher-list>\n * \t<cds-switcher-list-item>one</cds-switcher-list-item>\n * \t<cds-switcher-list-item [active]=\"true\">two</cds-switcher-list-item>\n * \t<cds-switcher-list-item>three</cds-switcher-list-item>\n * </cds-switcher-list>\n * ```\n */\nlet SwitcherList = class SwitcherList {\n constructor() {\n this.switcher = true;\n this.role = \"list\";\n }\n static { this.propDecorators = {\n switcher: [{ type: HostBinding, args: [\"class.cds--switcher\",] }],\n role: [{ type: HostBinding, args: [\"attr.role\",] }]\n }; }\n};\nSwitcherList = __decorate([\n Component({\n selector: \"cds-switcher-list, ibm-switcher-list\",\n template: `\n\t\t\t<ng-content />\n\t`,\n standalone: true,\n styles: [__NG_CLI_RESOURCE__0]\n })\n], SwitcherList);\nexport { SwitcherList };\n","import { __decorate } from \"tslib\";\nimport { Directive, Input } from \"@angular/core\";\nimport { RouterLink } from \"@angular/router\";\nimport keys from \"lodash-es/keys\";\nlet RouterLinkExtendedDirective = class RouterLinkExtendedDirective extends RouterLink {\n ngOnChanges(changes) {\n if (changes.routeExtras && this.routeExtras) {\n keys(this.routeExtras).forEach(routeExtraProperty => this[routeExtraProperty] = this.routeExtras[routeExtraProperty]);\n }\n super.ngOnChanges(changes);\n }\n static { this.propDecorators = {\n routeExtras: [{ type: Input }]\n }; }\n};\nRouterLinkExtendedDirective = __decorate([\n Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: \"[routerLink]\",\n standalone: true\n })\n], RouterLinkExtendedDirective);\nexport { RouterLinkExtendedDirective };\n","import { __decorate } from \"tslib\";\nimport __NG_CLI_RESOURCE__0 from \"/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/sidenav/sidenav-item.component.ts.css?ngResource!=!/home/runner/work/carbon-components-angular/carbon-components-angular/node_modules/@ngtools/webpack/src/loaders/inline-resource.js?data=CgkJOmhvc3QgewoJCQlkaXNwbGF5OiBsaXN0LWl0ZW07CgkJfQoJ!/home/runner/work/carbon-components-angular/carbon-components-angular/src/ui-shell/sidenav/sidenav-item.component.ts\";\nimport { Component, Input, Output, EventEmitter, HostBinding, inject } from \"@angular/core\";\nimport { DomSanitizer } from \"@angular/platform-browser\";\nimport { Router, RouterLinkActive, RouterLink } from \"@angular/router\";\nimport { RouterLinkExtendedDirective } from \"./routerlink-extended.directive\";\nimport { NgTemplateOutlet, NgClass } from \"@angular/common\";\n/**\n * `SideNavItem` can either be a child of `SideNav` or `SideNavMenu`\n */\nlet SideNavItem = class SideNavItem {\n set href(v) {\n // Needed when component is created dynamically with a model.\n if (v === undefined) {\n return;\n }\n this._href = v;\n }\n get href() {\n return this.domSanitizer.bypassSecurityTrustUrl(this._href);\n }\n get sideNav() {\n return !this.isSubMenu;\n }\n get menuItem() {\n return this.isSubMenu;\n }\n constructor() {\n this.useRouter = false;\n this.active = false;\n this.isSubMenu = false;\n this.navigation = new EventEmitter();\n this.selected = new EventEmitter();\n this.role = \"listitem\";\n this._href = \"#\";\n this.domSanitizer = inject(DomSanitizer);\n this.router = inject(Router, { optional: true });\n }\n ngOnChanges(changes) {\n if (changes.active) {\n this.selected.emit(this.active);\n }\n }\n navigate(event) {\n if (this.router && this.route) {\n event.preventDefault();\n const status = this.router.navigate(this.route, this.routeExtras);\n this.navigation.emit(status);\n }\n else if (this._href === \"#\") {\n event.preventDefault();\n }\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n href: [{ type: Input }],\n useRouter: [{ type: Input }],\n sideNav: [{ type: HostBinding, args: [\"class.cds--side-nav__item\",] }],\n menuItem: [{ type: HostBinding, args: [\"class.cds--side-nav__menu-item\",] }],\n active: [{ type: Input }],\n route: [{ type: Input }],\n isSubMenu: [{ type: Input }],\n routeExtras: [{ type: Input }],\n title: [{ type: Input }],\n navigation: [{ type: Output }],\n selected: [{ type: Output }],\n role: [{ type: HostBinding, args: [\"attr.role\",] }]\n }; }\n};\nSideNavItem = __decorate([\n Component({\n selector: \"cds-sidenav-item, ibm-sidenav-item\",\n template: `\n\t\t@if (useRouter) {\n\t\t\t<a\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\t[routerLink]=\"route\"\n\t\t\t\t[routeExtras]=\"routeExtras\"\n\t\t\t\trouterLinkActive=\"cds--side-nav__item--active\"\n\t\t\t\tariaCurrentWhenActive=\"page\"\n\t\t\t\tclass=\"cds--side-nav__link\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\" />\n\t\t\t</a>\n\t\t} @else {\n\t\t\t<a\n\t\t\t\tclass=\"cds--side-nav__link\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'cds--side-nav__item--active': active\n\t\t\t\t}\"\n\t\t\t\t[href]=\"href\"\n\t\t\t\t[attr.aria-current]=\"(active ? 'page' : null)\"\n\t\t\t\t[attr.title]=\"title ? title : null\"\n\t\t\t\t(click)=\"navigate($event)\">\n\t\t\t\t<ng-template [ngTemplateOutlet]=\"sidenavItemContentTpl\" />\n\t\t\t</a>\n\t\t}\n\n\t\t<ng-template #sidenavItemContentTpl>\n\t\t\t@if (!isSubMenu) {\n\t\t\t\t<div class=\"cds--side-nav__icon\">\n\t\t\t\t\t<ng-content select=\"svg, [icon]\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<span class=\"cds--side-nav__link-text\">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t</ng-template>\n\t`,\n imports: [\n NgTemplateOutlet,\n NgClass,\n RouterLinkActive,\n RouterLink,\n RouterLinkExtendedDirective\n ],\n styles: [__NG_CLI_RESOURCE__0]\n })\n], SideNavItem);\nexport { SideNavItem };\n","import { __decorate } from \"tslib\";\nimport { Component, ContentChildren, Input, HostBinding } from \"@angular/core\";\nimport { SideNavItem } from \"./sidenav-item.component\";\nimport { Subscription } from \"rxjs\";\n/**\n * `SideNavMenu` provides a method to group `SideNavItem`s under a common heading.\n */\nlet SideNavMenu = class SideNavMenu {\n constructor() {\n this.navItem = true;\n this.navItemIcon = true;\n this.role = \"listitem\";\n this.useRouter = false;\n this.expanded = false;\n this.hasActiveChild = false;\n this.activeItemsSubscription = new Subscription();\n }\n get navItemActive() {\n return this.hasActiveChild;\n }\n ngAfterContentInit() {\n setTimeout(() => {\n this.sidenavItems.forEach(item => {\n item.isSubMenu = true;\n this.findActiveChildren();\n const activeItemSubscription = item.selected.subscribe(() => {\n this.findActiveChildren();\n });\n this.activeItemsSubscription.add(activeItemSubscription);\n });\n this.sidenavItems.changes.subscribe(() => {\n this.sidenavItems.forEach(item => {\n item.isSubMenu = true;\n this.findActiveChildren();\n const activeItemSubscription = item.selected.subscribe(() => {\n this.findActiveChildren();\n });\n this.activeItemsSubscription.add(activeItemSubscription);\n });\n });\n });\n }\n ngOnDestroy() {\n this.activeItemsSubscription.unsubscribe();\n }\n toggle() {\n this.expanded = !this.expanded;\n }\n findActiveChildren() {\n this.hasActiveChild = this.sidenavItems.some(item => item.active);\n }\n static { this.propDecorators = {\n navItem: [{ type: HostBinding, args: [\"class.cds--side-nav__item\",] }],\n navItemIcon: [{ type: HostBinding, args: [\"class.cds--side-nav__item--icon\",] }],\n navItemActive: [{ type: HostBinding, args: [\"class.cds--side-nav__item--active\",] }],\n role: [{ type: HostBinding, args: [\"attr.role\",] }],\n useRouter: [{ type: Input }],\n title: [{ type: Input }],\n expanded: [{ type: Input }],\n hasActiveChild: [{ type: Input }],\n menuItems: [{ type: Input }],\n sidenavItems: [{ type: ContentChildren, args: [SideNavItem,] }]\n }; }\n};\nSideNavMenu = __decorate([\n Component({\n selector: \"cds-sidenav-menu, ibm-sidenav-menu\",\n template: `\n\t\t<button\n\t\t\t(click)=\"toggle()\"\n\t\t\tclass=\"cds--side-nav__submenu\"\n\t\t\taria-haspopup=\"true\"\n\t\t\t[attr.aria-expanded]=\"expanded\"\n\t\t\ttype=\"button\">\n\t\t\t<div class=\"cds--side-nav__icon\">\n\t\t\t\t<ng-content select=\"svg, [icon]\" />\n\t\t\t</div>\n\t\t\t<span class=\"cds--side-nav__submenu-title\">{{title}}</span>\n\t\t\t<div class=\"cds--side-nav__icon cds--side-nav__icon--small cds--side-nav__submenu-chevron\">\n\t\t\t\t<svg\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"20\"\n\t\t\t\t\theight=\"20\"\n\t\t\t\t\tviewBox=\"0 0 32 32\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M16 22L6 12l1.4-1.4 8.6 8.6 8.6-8.6L26 12z\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</button>\n\t\t<div class=\"cds--side-nav__menu\" role=\"list\">\n\t\t\t<ng-content />\n\t\t\t@for (menuItem of menuItems; track menuItem) {\n\t\t\t\t<cds-sidenav-item\n\t\t\t\t\t[href]=\"menuItem.href\"\n\t\t\t\t\t[route]=\"menuItem.route\"\n\t\t\t\t\t[routeExtras]=\"menuItem.routeExtras\"\n\t\t\t\t\t[useRouter]=\"useRouter\"\n\t\t\t\t\t[isSubMenu]=\"true\">\n\t\t\t\t\t{{ menuItem.content }}\n\t\t\t\t</cds-sidenav-item>\n\t\t\t}\n\t\t</div>\n\t`,\n imports: [SideNavItem]\n })\n], SideNavMenu);\nexport { SideNavMenu };\n","import { __decorate } from \"tslib\";\nimport { Component, HostBinding, Input, ViewEncapsulation, inject } from \"@angular/core\";\nimport { I18n } from \"carbon-components-angular/i18n\";\nimport { SideNavItem } from \"./sidenav-item.component\";\nimport { SideNavMenu } from \"./sidenav-menu.component\";\nimport { AsyncPipe } from \"@angular/common\";\n/**\n * `Sidenav` is a fixed left navigation that may contain `SideNavItem`s or `SideNavMenu`s\n *\n * [See demo](../../?path=/story/components-ui-shell--side-navigation)\n */\nlet SideNav = class SideNav {\n constructor() {\n this.i18n = inject(I18n);\n this.hostClass = true;\n this.ariaLabel = \"Side navigation\";\n this.expanded = true;\n this.hidden = false;\n this.rail = false;\n this.ux = true;\n this.allowExpansion = false;\n this.useRouter = false;\n }\n toggle() {\n this.expanded = !this.expanded;\n }\n static { this.ctorParameters = () => []; }\n static { this.propDecorators = {\n hostClass: [{ type: HostBinding, args: [\"class.cds--side-nav\",] }],\n ariaLabel: [{ type: Input }],\n expanded: [{ type: HostBinding, args: [\"class.cds--side-nav--expanded\",] }, { type: Input }],\n hidden: [{ type: HostBinding, args: [\"class.cds--side-nav--hidden\",] }, { type: Input }],\n rail: [{ type: HostBinding, args: [\"class.cds--side-nav--rail\",] }, { type: Input }],\n ux: [{ type: HostBinding, args: [\"class.cds--side-nav__navigation\",] }],\n allowExpansion: [{ type: Input }],\n navigationItems: [{ type: Input }],\n useRouter: [{ type: Input }]\n }; }\n};\nSideNav = __decorate([\n Component({\n selector: \"cds-sidenav, ibm-sidenav\",\n template: `\n\t\t<nav class=\"cds--side-nav__items\" [attr.aria-label]=\"ariaLabel\">\n\t\t\t<ng-content select=\"cds-sidenav-header,ibm-sidenav-header\" />\n\t\t\t<div role=\"list\">\n\t\t\t\t<div class=\"cds--side-nav__header-navigation cds--side-nav__header-divider\">\n\t\t\t\t\t@for (navigationItem of navigationItems; track navigationItem) {\n\t\t\t\t\t\t@if (navigationItem.type === 'item') {\n\t\t\t\t\t\t\t<cds-sidenav-item\n\t\t\t\t\t\t\t\t[href]=\"navigationItem.href\"\n\t\t\t\t\t\t\t\t[route]=\"navigationItem.route\"\n\t\t\t\t\t\t\t\t[routeExtras]=\"navigationItem.routeExtras\"\n\t\t\t\t\t\t\t\t[useRouter]=\"useRouter\"\n\t\t\t\t\t\t\t\t[title]=\"navigationItem.title\">\n\t\t\t\t\t\t\t\t{{ navigationItem.content }}\n\t\t\t\t\t\t\t</cds-sidenav-item>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (navigationItem.type === 'menu') {\n\t\t\t\t\t\t\t<cds-sidenav-menu\n\t\t\t\t\t\t\t\t[title]=\"navigationItem.title\"\n\t\t\t\t\t\t\t\t[useRouter]=\"useRouter\"\n\t\t\t\t\t\t\t\t[menuItems]=\"navigationItem.menuItems\" />\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t<ng-content />\n\t\t\t</div>\n\t\t\t<footer class=\"cds--side-nav__footer\">\n\t\t\t\t@if (allowExpansion) {\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"cds--side-nav__toggle\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t[title]=\"(expanded ? i18n.get('UI_SHELL.SIDE_NAV.TOGGLE_CLOSE') : i18n.get('UI_SHELL.SIDE_NAV.TOGGLE_OPEN')) | async\"\n\t\t\t\t\t\t(click)=\"toggle()\">\n\t\t\t\t\t\t<div class=\"cds--side-nav__icon\">\n\t\t\t\t\t\t\t@if (expanded) {\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 32 32\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path d=\"M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4l6.6 6.6L8 22.6 9.4 24l6.6-6.6 6.6 6.6 1.4-1.4-6.6-6.6L24 9.4z\"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 32 32\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<path d=\"M22 16L12 26l-1.4-1.4 8.6-8.6-8.6-8.6L12 6z\"></path>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class=\"cds--assistive-text\">\n\t\t\t\t\t\t\t{{(expanded ? i18n.get('UI_SHELL.SIDE_NAV.TOGGLE_CLOSE') : i18n.get('UI_SHELL.SIDE_NAV.TOGGLE_OPEN')) | async}}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</footer>\n\t\t</nav>\n\t`,\n encapsulation: ViewEncapsulation.None,\n imports: [SideNavItem, SideNavMenu, AsyncPipe]\n })\n], SideNav);\nexport { SideNav };\n","import { __decorate } from \"tslib\";\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { RouterModule } from \"@angular/router\";\nimport { I18nModule } from \"carbon-components-angular/i18n\";\nimport { SideNav } from \"./sidenav.component\";\nimport { SideNavItem } from \"./sidenav-item.component\";\nimport { SideNavMenu } from \"./sidenav-menu.component\";\nimport { RouterLinkExtendedDirective } from \"./routerlink-extended.directive\";\nexport { SideNav, SideNavItem, SideNavMenu };\nlet SideNavModule = class SideNavModule {\n};\nSideNavModule = __decorate([\n NgModule({\n imports: [\n CommonModule,\n I18nModule,\n RouterModule,\n SideNav,\n SideNavItem,\n SideNavMenu,\n RouterLinkExtendedDirective\n ],\n exports: [\n SideNav,\n SideNavItem,\n SideNavMenu\n ]\n })\n], SideNavModule);\nexport { SideNavModule };\n","// Imports\nvar ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t`, \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nvar ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`, \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nvar ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`, \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nvar ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\");\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `\n\t\t:host {\n\t\t\tdisplay: list-item;\n\t\t}\n\t`, \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___.toString();\n"],"names":[],"sourceRoot":""}

package/docs/storybook/iframe.html CHANGED Viewed

@@ -524,8 +524,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.ec69f997.iframe.bundle.js';
+      import './runtime~main.9717b4b5.iframe.bundle.js';
       import './4467.bb0e41c8.iframe.bundle.js';
-      import './main.383af198.iframe.bundle.js';</script></body></html>
+      import './main.69f35539.iframe.bundle.js';</script></body></html>