oasys-lib 1.1.4 → 1.2.0

package/src/lib/services/token.service.ts

@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import { WindowService } from './window.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TokenService {
+
+  brandCustomPropertyName: string = '--utility-brand-name';
+
+  constructor(private windowRef: WindowService){}
+
+  /*
+  Get the brand name for the currently enable custom property set (ie. /bloomon/variables.css)
+  Because variables are scoped via a selector (ie: ':root .bloomon {}')
+  we cannot get brand-specific custom properties programatically
+
+  Important: Ensure that the component requiring the brand name has locally scoped the custom property:
+  |  ui-icon {
+  |    --icon-component-brand: var(--utility-brand-name);
+  |  }
+  */
+  getBrandName(): string {
+    return this.getTokenValue(this.brandCustomPropertyName);
+  }
+
+  getTokenValue(tokenName: string, element?: Element): string {
+    const rootElement = element || this.windowRef.nativeWindow.document.querySelector('[class*="brand-tokens"]');
+    if(!rootElement) {
+      return '';
+    }
+    return this.windowRef.nativeWindow.getComputedStyle(rootElement)
+      .getPropertyValue(tokenName)
+      .trim() || '';
+  }
+
+}

package/src/lib/services/window.service.ts

@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+function _window(): any {
+  return window;
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WindowService {
+  
+  get nativeWindow(): any {
+    return _window();
+  }
+  
+}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,8 +1,14 @@
+/*
+ * Public API Surface of oasys-lib
+ */
+
+
 export * from './lib/oasys-lib.module';
+
 export * from './lib/components/button/button.component';
 export * from './lib/components/icon/icon.component';
 export * from './lib/components/layout/box/box.component';
 export * from './lib/components/layout/stack/stack.component';
 export * from './lib/components/layout/grid/grid.component';
 export * from './lib/components/layout/container/container.component';
-//# sourceMappingURL=public-api.d.ts.map
+

package/src/test.ts

@@ -0,0 +1,27 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: {
+  context(path: string, deep?: boolean, filter?: RegExp): {
+    <T>(id: string): T;
+    keys(): string[];
+  };
+};
+
+// First, initialize the Angular testing environment.
+// getTestBed().initTestEnvironment(
+//   BrowserDynamicTestingModule,
+//   platformBrowserDynamicTesting(),
+// );
+
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": [],
+    "strictPropertyInitialization": false,
+    "preserveSymlinks": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,7 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,17 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}