terrier-engine 4.0.9 → 4.0.11

package/dropdowns.ts

@@ -19,6 +19,10 @@ export abstract class Dropdown<T, TT extends ThemeType> extends TerrierPart<T, T
 
     parentPart?: StatelessPart
 
+    get parentClasses(): Array<string> {
+        return ['tt-dropdown', ...super.parentClasses]
+    }
+
     // the computed absolute position of the
     left = 0
     top = 0
@@ -75,6 +79,12 @@ export abstract class Dropdown<T, TT extends ThemeType> extends TerrierPart<T, T
  * A concrete dropdown part that shows a list of actions.
  */
 export class ActionsDropdown<TT extends ThemeType> extends Dropdown<Array<Action<TT>>, TT> {
+
+
+    get parentClasses(): Array<string> {
+        return ['tt-actions-dropdown', ...super.parentClasses]
+    }
+
     renderContent(parent: PartTag) {
         // handle each key declared on the actions directly,
         // then clear the dropdown and re-emit them on the parent part

package/package.json

@@ -4,7 +4,7 @@
   "files": [
     "*"
   ],
-  "version": "4.0.9",
+  "version": "4.0.11",
   "repository": {
     "type": "git",
     "url": "https://github.com/Terrier-Tech/terrier-engine"

package/toasts.ts

@@ -1,6 +1,6 @@
 import { Logger } from "tuff-core/logging"
 import { createElement } from "tuff-core/html"
-import Theme, {ThemeType} from "./theme";
+import Theme, {ThemeType} from "./theme"
 
 const log = new Logger('Toasts')
 
@@ -19,16 +19,18 @@ function show<TT extends ThemeType>(message: string, options: ToastOptions<TT>,
     log.info(`Show ${options.color  }: ${message}`)
 
     // ensure the container exists
-    let container = document.getElementById('toasts')
+    let container = document.getElementById('tt-toasts')
     if (!container) {
+        log.debug(`Creating toasts container`)
         container = createElement('div', (div) => {
-            div.sel('#toasts.flex.column.padded')
+            div.sel('#tt-toasts.flex.column.padded')
         })
         document.body.appendChild(container)
     }
 
     // create the toast element
     const toast = createElement('div', (parent) => {
+        parent.class('tt-toast')
         parent.class(options.color)
         if (options?.icon) {
             theme.renderIcon(parent, options.icon, 'white')