@abp/ng.theme.shared 5.0.0-beta.1 → 5.0.0-beta.3-1

package/lib/constants/styles.d.ts

@@ -1,3 +1,2 @@
-declare const _default: "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n  padding-right: calc(1.5em + .75rem);\n  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);\n  background-repeat: no-repeat;\n  background-position: right calc(.375em + .1875rem) center;\n  background-size: calc(.75em + .375rem) calc(.75em + .375rem);\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n[dir=rtl] .data-tables-filter {\n  text-align: left;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.datatable-scroll {\n  margin-bottom: 5px !important;\n  width: unset !important;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar {\n  height: 5px !important;\n  width: 5px !important;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-track {\n  background: #ddd;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-thumb {\n  background: #8a8686;\n}\n\n.abp-ellipsis-inline {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.abp-ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-widget-overlay {\n  z-index: 1000;\n}\n\n.color-white {\n  color: #FFF !important;\n}\n\n.custom-checkbox > label {\n  cursor: pointer;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n.abp-collapsed-height {\n  -moz-transition: max-height linear 0.35s;\n  -ms-transition: max-height linear 0.35s;\n  -o-transition: max-height linear 0.35s;\n  -webkit-transition: max-height linear 0.35s;\n  overflow:hidden;\n  transition:max-height 0.35s linear;\n  height:auto;\n  max-height: 0;\n}\n\n.abp-mh-25 {\n  max-height: 25vh;\n}\n\n.abp-mh-50 {\n  transition:max-height 0.65s linear;\n  max-height: 50vh;\n}\n\n.abp-mh-75 {\n  transition:max-height 0.85s linear;\n  max-height: 75vh;\n}\n\n.abp-mh-100 {\n  transition:max-height 1s linear;\n  max-height: 100vh;\n}\n\n[class^=\"sorting\"] {\n  opacity: .3;\n  cursor: pointer;\n}\n[class^=\"sorting\"]:before {\n  right: 0.5rem;\n  content: \"↑\";\n}\n[class^=\"sorting\"]:after {\n  right: 0.5rem;\n  content: \"↓\";\n}\n\n.sorting_desc {\n  opacity: 1;\n}\n.sorting_desc:before {\n  opacity: .3;\n}\n\n.sorting_asc {\n  opacity: 1;\n}\n.sorting_asc:after {\n  opacity: .3;\n}\n.ngx-datatable.material {\n  box-shadow: none;\n}\nngb-typeahead-window, ngb-typeahead-window.dropdown-menu {\n  max-height: 25em;\n  overflow-y: scroll !important;\n  z-index: 1050;\n}\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
+declare const _default: "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n  padding-right: calc(1.5em + .75rem);\n  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);\n  background-repeat: no-repeat;\n  background-position: right calc(.375em + .1875rem) center;\n  background-size: calc(.75em + .375rem) calc(.75em + .375rem);\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n[dir=rtl] .data-tables-filter {\n  text-align: left;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.datatable-scroll {\n  margin-bottom: 5px !important;\n  width: unset !important;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar {\n  height: 5px !important;\n  width: 5px !important;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-track {\n  background: #ddd;\n}\n\n.ui-table-scrollable-body::-webkit-scrollbar-thumb {\n  background: #8a8686;\n}\n\n.abp-ellipsis-inline {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.abp-ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-widget-overlay {\n  z-index: 1000;\n}\n\n.color-white {\n  color: #FFF !important;\n}\n\n.custom-checkbox > label {\n  cursor: pointer;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n.abp-collapsed-height {\n  -moz-transition: max-height linear 0.35s;\n  -ms-transition: max-height linear 0.35s;\n  -o-transition: max-height linear 0.35s;\n  -webkit-transition: max-height linear 0.35s;\n  overflow:hidden;\n  transition:max-height 0.35s linear;\n  height:auto;\n  max-height: 0;\n}\n\n.abp-mh-25 {\n  max-height: 25vh;\n}\n\n.abp-mh-50 {\n  transition:max-height 0.65s linear;\n  max-height: 50vh;\n}\n\n.abp-mh-75 {\n  transition:max-height 0.85s linear;\n  max-height: 75vh;\n}\n\n.abp-mh-100 {\n  transition:max-height 1s linear;\n  max-height: 100vh;\n}\n\n[class^=\"sorting\"] {\n  opacity: .3;\n  cursor: pointer;\n}\n[class^=\"sorting\"]:before {\n  right: 0.5rem;\n  content: \"↑\";\n}\n[class^=\"sorting\"]:after {\n  right: 0.5rem;\n  content: \"↓\";\n}\n\n.sorting_desc {\n  opacity: 1;\n}\n.sorting_desc:before {\n  opacity: .3;\n}\n\n.sorting_asc {\n  opacity: 1;\n}\n.sorting_asc:after {\n  opacity: .3;\n}\n.ngx-datatable.material {\n  box-shadow: none;\n}\nngb-typeahead-window, ngb-typeahead-window.dropdown-menu {\n  max-height: 25em;\n  overflow-y: scroll !important;\n  z-index: 1050;\n}\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(0px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n.ngb-dp-body {\n  z-index: 1055 !important;\n}\n";
 export default _default;
-export declare const BOOTSTRAP = "bootstrap-{{dir}}.min.css";

package/lib/handlers/document-dir.handler.d.ts

@@ -0,0 +1,13 @@
+import { Injector } from '@angular/core';
+import { LocaleDirection } from '../models/common';
+import * as i0 from "@angular/core";
+export declare class DocumentDirHandlerService {
+    protected injector: Injector;
+    private dir;
+    dir$: import("rxjs").Observable<LocaleDirection>;
+    constructor(injector: Injector);
+    private listenToLanguageChanges;
+    private setBodyDir;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DocumentDirHandlerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DocumentDirHandlerService>;
+}

package/lib/handlers/index.d.ts

@@ -1,2 +1,2 @@
+export * from './document-dir.handler';
 export * from './error.handler';
-export * from './lazy-style.handler';

package/lib/tokens/index.d.ts

@@ -1,5 +1,4 @@
 export * from './append-content.token';
 export * from './http-error.token';
-export * from './lazy-styles.token';
 export * from './ngx-datatable-messages.token';
 export * from './suppress-unsaved-changes-warning.token';

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@abp/ng.theme.shared",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.3-1",
   "homepage": "https://abp.io",
   "repository": {
     "type": "git",
     "url": "https://github.com/abpframework/abp.git"
   },
   "dependencies": {
-    "@abp/ng.core": "~4.4.3",
+    "@abp/ng.core": "~5.0.0-beta.3-1",
     "@fortawesome/fontawesome-free": "^5.15.4",
-    "@ng-bootstrap/ng-bootstrap": "^7.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^11.0.0-beta.2",
     "@ngx-validate/core": "^0.0.13",
     "@swimlane/ngx-datatable": "^19.0.0",
-    "bootstrap": "~4.6.0",
+    "bootstrap": "^5.1.1",
     "tslib": "^2.0.0"
   },
   "publishConfig": {

package/public-api.d.ts

@@ -1,6 +1,5 @@
 export * from './lib/animations';
 export * from './lib/components';
-export { BOOTSTRAP } from './lib/constants/styles';
 export * from './lib/constants/validation';
 export * from './lib/directives';
 export * from './lib/enums';

package/esm2015/lib/handlers/lazy-style.handler.js

@@ -1,89 +0,0 @@
-import { getLocaleDirection, LazyLoadService, LOADING_STRATEGY, LocalizationService, } from '@abp/ng.core';
-import { Injectable, Injector } from '@angular/core';
-import { startWith } from 'rxjs/operators';
-import { BOOTSTRAP } from '../constants/styles';
-import { LAZY_STYLES } from '../tokens/lazy-styles.token';
-import * as i0 from "@angular/core";
-export class LazyStyleHandler {
-    constructor(injector) {
-        this._dir = 'ltr';
-        this.loaded = new Map();
-        this.setStyles(injector);
-        this.setLazyLoad(injector);
-        this.listenToLanguageChanges(injector);
-    }
-    set dir(dir) {
-        if (dir === this._dir)
-            return;
-        this.switchCSS(dir);
-        this.setBodyDir(dir);
-        this._dir = dir;
-    }
-    get dir() {
-        return this._dir;
-    }
-    getHrefFromLink(link) {
-        if (!link)
-            return '';
-        const a = document.createElement('a');
-        a.href = link.href;
-        return a.pathname.replace(/^\//, '');
-    }
-    getLoadedBootstrap() {
-        const href = createLazyStyleHref(BOOTSTRAP, this.dir);
-        const selector = `[href*="${href.replace(/\.css$/, '')}"]`;
-        const link = document.querySelector(selector);
-        return { href, link };
-    }
-    listenToLanguageChanges(injector) {
-        const l10n = injector.get(LocalizationService);
-        // will always listen, no need to unsubscribe
-        l10n.languageChange$.pipe(startWith(l10n.currentLang)).subscribe(locale => {
-            this.dir = getLocaleDirection(locale);
-        });
-    }
-    setBodyDir(dir) {
-        document.body.dir = dir;
-    }
-    setLazyLoad(injector) {
-        this.lazyLoad = injector.get(LazyLoadService);
-        const { href, link } = this.getLoadedBootstrap();
-        this.lazyLoad.loaded.set(href, link);
-    }
-    setStyles(injector) {
-        this.styles = injector.get(LAZY_STYLES, [BOOTSTRAP]);
-    }
-    switchCSS(dir) {
-        this.styles.forEach(style => {
-            const oldHref = createLazyStyleHref(style, this.dir);
-            const newHref = createLazyStyleHref(style, dir);
-            const link = this.loaded.get(newHref);
-            const href = this.getHrefFromLink(link) || newHref;
-            const strategy = LOADING_STRATEGY.PrependAnonymousStyleToHead(href);
-            this.lazyLoad.load(strategy).subscribe(() => {
-                const oldLink = this.lazyLoad.loaded.get(oldHref);
-                this.loaded.delete(newHref);
-                this.loaded.set(oldHref, oldLink);
-                const newLink = this.lazyLoad.loaded.get(href);
-                this.lazyLoad.loaded.delete(href);
-                this.lazyLoad.loaded.set(newHref, newLink);
-                this.lazyLoad.remove(oldHref);
-            });
-        });
-    }
-}
-LazyStyleHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LazyStyleHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-LazyStyleHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LazyStyleHandler, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LazyStyleHandler, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-export function createLazyStyleHref(style, dir) {
-    return style.replace(/{{\s*dir\s*}}/g, dir);
-}
-export function initLazyStyleHandler(injector) {
-    return () => new LazyStyleHandler(injector);
-}
-//# sourceMappingURL=lazy-style.handler.js.map

package/esm2015/lib/handlers/lazy-style.handler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lazy-style.handler.js","sourceRoot":"","sources":["../../../../../../packages/theme-shared/src/lib/handlers/lazy-style.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  getLocaleDirection,\n  LazyLoadService,\n  LOADING_STRATEGY,\n  LocalizationService,\n} from '@abp/ng.core';\nimport { Injectable, Injector } from '@angular/core';\nimport { map, startWith } from 'rxjs/operators';\nimport { BOOTSTRAP } from '../constants/styles';\nimport { LocaleDirection } from '../models/common';\nimport { LAZY_STYLES } from '../tokens/lazy-styles.token';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class LazyStyleHandler {\n  private lazyLoad: LazyLoadService;\n  private styles: string[];\n  private _dir: LocaleDirection = 'ltr';\n\n  readonly loaded = new Map<string, HTMLLinkElement>();\n\n  set dir(dir: LocaleDirection) {\n    if (dir === this._dir) return;\n\n    this.switchCSS(dir);\n    this.setBodyDir(dir);\n    this._dir = dir;\n  }\n\n  get dir(): LocaleDirection {\n    return this._dir;\n  }\n\n  constructor(injector: Injector) {\n    this.setStyles(injector);\n    this.setLazyLoad(injector);\n    this.listenToLanguageChanges(injector);\n  }\n\n  private getHrefFromLink(link: HTMLLinkElement | null): string {\n    if (!link) return '';\n\n    const a = document.createElement('a');\n    a.href = link.href;\n    return a.pathname.replace(/^\\//, '');\n  }\n\n  private getLoadedBootstrap(): LoadedStyle {\n    const href = createLazyStyleHref(BOOTSTRAP, this.dir);\n    const selector = `[href*=\"${href.replace(/\\.css$/, '')}\"]`;\n    const link = document.querySelector<HTMLLinkElement>(selector);\n    return { href, link };\n  }\n\n  private listenToLanguageChanges(injector: Injector) {\n    const l10n = injector.get(LocalizationService);\n\n    // will always listen, no need to unsubscribe\n    l10n.languageChange$.pipe(startWith(l10n.currentLang)).subscribe(locale => {\n      this.dir = getLocaleDirection(locale);\n    });\n  }\n\n  private setBodyDir(dir: LocaleDirection) {\n    document.body.dir = dir;\n  }\n\n  private setLazyLoad(injector: Injector) {\n    this.lazyLoad = injector.get(LazyLoadService);\n    const { href, link } = this.getLoadedBootstrap();\n    this.lazyLoad.loaded.set(href, link);\n  }\n\n  private setStyles(injector: Injector) {\n    this.styles = injector.get(LAZY_STYLES, [BOOTSTRAP]);\n  }\n\n  private switchCSS(dir: LocaleDirection) {\n    this.styles.forEach(style => {\n      const oldHref = createLazyStyleHref(style, this.dir);\n      const newHref = createLazyStyleHref(style, dir);\n      const link = this.loaded.get(newHref);\n      const href = this.getHrefFromLink(link) || newHref;\n\n      const strategy = LOADING_STRATEGY.PrependAnonymousStyleToHead(href);\n      this.lazyLoad.load(strategy).subscribe(() => {\n        const oldLink = this.lazyLoad.loaded.get(oldHref) as HTMLLinkElement;\n        this.loaded.delete(newHref);\n        this.loaded.set(oldHref, oldLink);\n        const newLink = this.lazyLoad.loaded.get(href) as HTMLLinkElement;\n        this.lazyLoad.loaded.delete(href);\n        this.lazyLoad.loaded.set(newHref, newLink);\n        this.lazyLoad.remove(oldHref);\n      });\n    });\n  }\n}\n\nexport function createLazyStyleHref(style: string, dir: string): string {\n  return style.replace(/{{\\s*dir\\s*}}/g, dir);\n}\n\nexport function initLazyStyleHandler(injector: Injector) {\n  return () => new LazyStyleHandler(injector);\n}\n\ninterface LoadedStyle {\n  href: string;\n  link: HTMLLinkElement;\n}\n"]}

package/esm2015/lib/tokens/lazy-styles.token.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const LAZY_STYLES = new InjectionToken('LAZY_STYLES');
-//# sourceMappingURL=lazy-styles.token.js.map

package/esm2015/lib/tokens/lazy-styles.token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lazy-styles.token.js","sourceRoot":"","sources":["../../../../../../packages/theme-shared/src/lib/tokens/lazy-styles.token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,cAAc,CAAW,aAAa,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const LAZY_STYLES = new InjectionToken<string[]>('LAZY_STYLES');\n"]}

package/lib/handlers/lazy-style.handler.d.ts

@@ -1,23 +0,0 @@
-import { Injector } from '@angular/core';
-import { LocaleDirection } from '../models/common';
-import * as i0 from "@angular/core";
-export declare class LazyStyleHandler {
-    private lazyLoad;
-    private styles;
-    private _dir;
-    readonly loaded: Map<string, HTMLLinkElement>;
-    set dir(dir: LocaleDirection);
-    get dir(): LocaleDirection;
-    constructor(injector: Injector);
-    private getHrefFromLink;
-    private getLoadedBootstrap;
-    private listenToLanguageChanges;
-    private setBodyDir;
-    private setLazyLoad;
-    private setStyles;
-    private switchCSS;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LazyStyleHandler, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LazyStyleHandler>;
-}
-export declare function createLazyStyleHref(style: string, dir: string): string;
-export declare function initLazyStyleHandler(injector: Injector): () => LazyStyleHandler;

package/lib/tokens/lazy-styles.token.d.ts

@@ -1,2 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const LAZY_STYLES: InjectionToken<string[]>;