@mxtommy/kip 3.0.0-beta.35 → 3.0.0-beta.36

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mxtommy/kip",
3
- "version": "3.0.0-beta.35",
3
+ "version": "3.0.0-beta.36",
4
4
  "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
5
5
  "license": "MIT",
6
6
  "author": {
package/public/main.js CHANGED
@@ -153571,7 +153571,7 @@ var MenuNotificationsComponent = class _MenuNotificationsComponent {
153571
153571
  \u0275\u0275advance(4);
153572
153572
  \u0275\u0275conditional(!ctx.notificationConfig().disableNotifications ? 5 : -1);
153573
153573
  }
153574
- }, dependencies: [MatListModule, MatList, MatListItem, MatDivider, MatListItemTitle, MatButtonModule, MatButton, MatIconButton, MatBadgeModule, MatTooltipModule, MatTooltip, MatIconModule, MatIcon, SlicePipe], styles: ["\n\n.notification-container[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin: 2px 10px 7px 10px;\n}\nmat-icon[_ngcontent-%COMP%] {\n margin-right: 10px;\n}\n.scrollable-text[_ngcontent-%COMP%] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.scrollable-text[_ngcontent-%COMP%]:hover {\n overflow: auto;\n white-space: normal;\n word-wrap: break-word;\n}\n.notification-title[_ngcontent-%COMP%] {\n text-transform: capitalize;\n font-size: var(--mat-sys-headline-small-size);\n width: calc(100% - 34px);\n}\n.notification-path[_ngcontent-%COMP%] {\n font-size: var(--mat-sys-body-small-size);\n word-break: break-all;\n width: 100%;\n}\n.notification-text[_ngcontent-%COMP%] {\n font-size: var(--mat-sys-body-small-line-height);\n font-style: italic;\n width: 100%;\n overflow: auto;\n white-space: normal;\n word-wrap: break-word;\n}\n.notification-action-btn[_ngcontent-%COMP%] {\n background-color: var(--mat-sys-surface-container);\n}\n.notification-btn-container[_ngcontent-%COMP%] {\n display: inline-block;\n width: 50%;\n height: 48px;\n text-align: center;\n}\n.menu-item-container[_ngcontent-%COMP%] {\n width: 230px;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n height: calc(100% - 48px);\n}\n.notification-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n background-color: var(--mat-sys-surface-container);\n}\n.actions-container[_ngcontent-%COMP%] {\n display: grid;\n grid-auto-flow: column;\n}\n.actions-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n height: 48px;\n}\n.action-button[_ngcontent-%COMP%] {\n border-radius: 0px;\n height: 48px;\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n}\n.icon-alert-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-alert-color);\n}\n.icon-warn-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-warn-color);\n}\n.icon-alarm-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-alarm-color);\n}\n.icon-emergency-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-emergency-color);\n}\n.alarm-emergency-blink[_ngcontent-%COMP%] {\n animation: _ngcontent-%COMP%_blinking-emergency 1.5s infinite;\n}\n@keyframes _ngcontent-%COMP%_blinking-emergency {\n 0% {\n background-color: var(--kip-zone-alarm-color);\n }\n 50% {\n background-color: transparent;\n }\n 100% {\n background-color: var(--kip-zone-alarm-color);\n }\n}\n.warn[_ngcontent-%COMP%] {\n color: var(--kip-zone-warn-color);\n}\n.notification-divider[_ngcontent-%COMP%] {\n padding-top: 10px;\n}\n/*# sourceMappingURL=menu-notifications.component.css.map */"] });
153574
+ }, dependencies: [MatListModule, MatList, MatListItem, MatDivider, MatListItemTitle, MatButtonModule, MatButton, MatIconButton, MatBadgeModule, MatTooltipModule, MatTooltip, MatIconModule, MatIcon, SlicePipe], styles: ["\n\n.notification-container[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-evenly;\n margin: 2px 10px 7px 10px;\n overflow-y: scroll;\n overflow-x: hidden;\n scroll-behavior: smooth;\n}\nmat-icon[_ngcontent-%COMP%] {\n margin-right: 10px;\n}\n.scrollable-text[_ngcontent-%COMP%] {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.scrollable-text[_ngcontent-%COMP%]:hover {\n overflow: auto;\n white-space: normal;\n word-wrap: break-word;\n}\n.notification-title[_ngcontent-%COMP%] {\n text-transform: capitalize;\n font-size: var(--mat-sys-headline-small-size);\n width: calc(100% - 34px);\n}\n.notification-path[_ngcontent-%COMP%] {\n font-size: var(--mat-sys-body-small-size);\n word-break: break-all;\n width: 100%;\n}\n.notification-text[_ngcontent-%COMP%] {\n font-size: var(--mat-sys-body-small-line-height);\n font-style: italic;\n width: 100%;\n overflow: auto;\n white-space: normal;\n word-wrap: break-word;\n}\n.notification-action-btn[_ngcontent-%COMP%] {\n background-color: var(--mat-sys-surface-container);\n}\n.notification-btn-container[_ngcontent-%COMP%] {\n display: inline-block;\n width: 50%;\n height: 48px;\n text-align: center;\n}\n.menu-item-container[_ngcontent-%COMP%] {\n width: 230px;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n height: calc(100% - 48px);\n}\n.notification-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n background-color: var(--mat-sys-surface-container);\n}\n.actions-container[_ngcontent-%COMP%] {\n display: grid;\n grid-auto-flow: column;\n}\n.actions-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n height: 48px;\n}\n.action-button[_ngcontent-%COMP%] {\n border-radius: 0px;\n height: 48px;\n border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));\n}\n.icon-alert-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-alert-color);\n}\n.icon-warn-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-warn-color);\n}\n.icon-alarm-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-alarm-color);\n}\n.icon-emergency-color[_ngcontent-%COMP%] {\n color: var(--kip-zone-emergency-color);\n}\n.alarm-emergency-blink[_ngcontent-%COMP%] {\n animation: _ngcontent-%COMP%_blinking-emergency 1.5s infinite;\n}\n@keyframes _ngcontent-%COMP%_blinking-emergency {\n 0% {\n background-color: var(--kip-zone-alarm-color);\n }\n 50% {\n background-color: transparent;\n }\n 100% {\n background-color: var(--kip-zone-alarm-color);\n }\n}\n.warn[_ngcontent-%COMP%] {\n color: var(--kip-zone-warn-color);\n}\n.notification-divider[_ngcontent-%COMP%] {\n padding-top: 10px;\n}\n/*# sourceMappingURL=menu-notifications.component.css.map */"] });
153575
153575
  };
153576
153576
  (() => {
153577
153577
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MenuNotificationsComponent, { className: "MenuNotificationsComponent", filePath: "src/app/core/components/menu-notifications/menu-notifications.component.ts", lineNumber: 20 });
@@ -155121,7 +155121,7 @@ var MenuActionsComponent = class _MenuActionsComponent {
155121
155121
  \u0275\u0275advance(3);
155122
155122
  \u0275\u0275repeater(ctx.menuItems);
155123
155123
  }
155124
- }, dependencies: [MatIconModule, MatButtonModule, MatButton, TileLargeIconComponent], styles: ["\n\n.actions-container[_ngcontent-%COMP%] {\n display: grid;\n grid-auto-flow: column;\n}\n.actions-top-container[_ngcontent-%COMP%] {\n position: absolute;\n top: 0px;\n width: 100%;\n}\n.actions-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n}\n.action-button[_ngcontent-%COMP%] {\n border-radius: 0px;\n height: 48px;\n}\n.menu-item-container[_ngcontent-%COMP%] {\n position: absolute;\n top: 48px;\n width: 135px;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n height: calc(100% - 96px);\n}\n/*# sourceMappingURL=menu-actions.component.css.map */"] });
155124
+ }, dependencies: [MatIconModule, MatButtonModule, MatButton, TileLargeIconComponent], styles: ["\n\n.actions-container[_ngcontent-%COMP%] {\n display: grid;\n grid-auto-flow: column;\n}\n.actions-top-container[_ngcontent-%COMP%] {\n position: absolute;\n top: 0px;\n width: 100%;\n}\n.actions-bottom-container[_ngcontent-%COMP%] {\n position: absolute;\n bottom: 0px;\n width: 100%;\n}\n.action-button[_ngcontent-%COMP%] {\n border-radius: 0px;\n height: 48px;\n}\n.menu-item-container[_ngcontent-%COMP%] {\n position: absolute;\n top: 48px;\n width: 135px;\n overflow-y: scroll;\n overflow-x: hidden;\n scroll-behavior: smooth;\n height: calc(100% - 96px);\n}\n/*# sourceMappingURL=menu-actions.component.css.map */"] });
155125
155125
  };
155126
155126
  (() => {
155127
155127
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MenuActionsComponent, { className: "MenuActionsComponent", filePath: "src/app/core/components/menu-actions/menu-actions.component.ts", lineNumber: 23 });