@filip.mazev/blocks-core 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# UiServices
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build blocks-core
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/blocks-core
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/filip.mazev-blocks-core.mjs

@@ -0,0 +1,389 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject } from '@angular/core';
+import { BehaviorSubject, ReplaySubject } from 'rxjs';
+
+var DesktopOS;
+(function (DesktopOS) {
+    DesktopOS["Linux"] = "linux";
+    DesktopOS["MacOS"] = "mac_os";
+    DesktopOS["Unix"] = "unix";
+    DesktopOS["Unknown"] = "unknown";
+    DesktopOS["Windows"] = "windows";
+})(DesktopOS || (DesktopOS = {}));
+
+var MobileOS;
+(function (MobileOS) {
+    MobileOS["Android"] = "android";
+    MobileOS["iOS"] = "ios";
+    MobileOS["Unknown"] = "unknown";
+    MobileOS["WindowsPhone"] = "Windows Phone";
+})(MobileOS || (MobileOS = {}));
+
+class DeviceTypeService {
+    userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
+    isDesktopDevice = !this.isMobileDevice() && !this.isTabletDevice();
+    isMobileDevice() {
+        const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
+        return regexs.some(b => this.userAgent.match(b) !== null);
+    }
+    isTabletDevice() {
+        const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
+        return regex.test(this.userAgent.toLowerCase());
+    }
+    getMobileOS() {
+        if (this.isMobileDevice()) {
+            if (/windows phone/i.test(this.userAgent))
+                return MobileOS.WindowsPhone;
+            else if (/android/i.test(this.userAgent))
+                return MobileOS.Android;
+            else if (/iPad|iPhone|iPod/.test(this.userAgent) && !window.MSStream)
+                return MobileOS.iOS;
+            return MobileOS.Unknown;
+        }
+        else
+            return undefined;
+    }
+    getDesktopOS() {
+        if (this.isDesktopDevice) {
+            if (this.userAgent.indexOf('Win') !== -1)
+                return DesktopOS.Windows;
+            else if (this.userAgent.indexOf('Mac') !== -1)
+                return DesktopOS.MacOS;
+            else if (this.userAgent.indexOf('X11') !== -1)
+                return DesktopOS.Unix;
+            else if (this.userAgent.indexOf('Linux') !== -1)
+                return DesktopOS.Linux;
+            return DesktopOS.Unknown;
+        }
+        else
+            return undefined;
+    }
+    getDeviceOS() {
+        return this.getMobileOS() ?? this.getDesktopOS();
+    }
+    supportedScreenOrientation = (screen?.orientation || {}).type ?? screen.mozOrientation ?? screen.msOrientation;
+    safariScreenOrientation = !screen?.orientation && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
+    initialScreenOrientation = this.supportedScreenOrientation ?? this.safariScreenOrientation ?? 'portrait-primary';
+    screenOrientation = this.initialScreenOrientation;
+    constructor() {
+        if (screen.orientation) {
+            screen.orientation.addEventListener('change', (ev) => (this.screenOrientation = (ev.target ?? {}).type));
+        }
+    }
+    isLandscapeOrientation() {
+        return ['landscape-primary', 'landscape-secondary'].includes(this.screenOrientation);
+    }
+    isPortraitOrientation() {
+        return ['portrait-primary', 'portrait-secondary'].includes(this.screenOrientation);
+    }
+    getDeviceState() {
+        const isDesktop = this.isDesktopDevice;
+        const isMobile = this.isMobileDevice();
+        const isTablet = this.isTabletDevice();
+        const mobileOS = this.getMobileOS();
+        const isAndroidDevice = this.getDeviceOS() === MobileOS.Android;
+        const isAppleDevice = this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS;
+        const isUnknownMobileDevice = this.getDeviceOS() === MobileOS.Unknown;
+        const desktopOS = this.getDesktopOS();
+        const isWindowsDesktop = this.getDeviceOS() === DesktopOS.Windows;
+        const isLinuxOrUnixDesktop = this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix;
+        return {
+            isDesktop,
+            desktopOS,
+            isWindowsDesktop,
+            isLinuxOrUnixDesktop,
+            isMobile,
+            mobileOS,
+            isAndroidDevice,
+            isAppleDevice,
+            isUnknownMobileDevice,
+            isTablet,
+            isLandscapeOrientation: () => this.isLandscapeOrientation(),
+            isPortraitOrientation: () => this.isPortraitOrientation()
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DeviceTypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DeviceTypeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DeviceTypeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class WindowDimensionsService {
+    windowDimensionsSubject = new BehaviorSubject(this.getWindowDimensions());
+    constructor() {
+        this.handleResize();
+        window.addEventListener('resize', this.handleResize.bind(this));
+    }
+    getWindowDimensions() {
+        return {
+            width: window.innerWidth,
+            height: window.innerHeight,
+            threshold_xs: 360,
+            threshold_sm: 640,
+            threshold_md: 768,
+            threshold_lg: 1024,
+            threshold_xl: 1280,
+            threshold_2xl: 1536,
+            threshold_3xl: 1920,
+            threshold_4xl: 2560,
+        };
+    }
+    handleResize() {
+        this.windowDimensionsSubject.next(this.getWindowDimensions());
+    }
+    getWindowDimensions$() {
+        return this.windowDimensionsSubject.asObservable();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: WindowDimensionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: WindowDimensionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: WindowDimensionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+const SCROLL_LOCK_INSTANCE_IDENTIFIER = 'scroll_lock_instance_';
+
+class ScrollLockService {
+    deviceTypeService = inject(DeviceTypeService);
+    windowDimensionSerivce = inject(WindowDimensionsService);
+    instanceId;
+    configurationInstances = new Map();
+    windowDimensions = {};
+    constructor() {
+        this.instanceId = SCROLL_LOCK_INSTANCE_IDENTIFIER + Math.random().toString(36).substring(2, 9);
+        this.windowDimensionSerivce.getWindowDimensions$().subscribe((dimensions) => {
+            this.windowDimensions = dimensions;
+        });
+    }
+    ngOnDestroy() {
+        this.enableScroll();
+    }
+    disableScroll(config) {
+        document.body.style.setProperty('overflow', 'hidden', 'important');
+        const documentWidth = document.documentElement.clientWidth;
+        const windowWidth = window.innerWidth;
+        const scrollBarWidth = windowWidth - documentWidth;
+        document.body.style.paddingRight = scrollBarWidth + 'px';
+        document.body.style.setProperty('padding-right', scrollBarWidth + 'px', 'important');
+        if (config.handleTouchInput !== false) {
+            document.body.style.setProperty('touch-action', 'none', 'important');
+        }
+        this.configurationInstances.set(this.instanceId, config);
+        if (config.mainContainer !== undefined && config.mainContainer.parentElement !== null) {
+            let currentNode = config.mainContainer.parentElement;
+            while (currentNode !== null) {
+                currentNode.style.setProperty('overflow', 'hidden', 'important');
+                if (config.handleTouchInput !== false) {
+                    currentNode.addEventListener('touchmove', (event) => this.handleTouchMove(event), { passive: false });
+                    currentNode.style.setProperty('touch-action', 'none', 'important');
+                }
+                currentNode = currentNode.parentElement;
+            }
+        }
+        setTimeout(() => {
+            if (config.handleTouchInput !== false) {
+                document.body.addEventListener('touchmove', (event) => this.handleTouchMove(event), { passive: false });
+            }
+            if (config.handleExtremeOverflow !== false) {
+                const options = { passive: false };
+                window.addEventListener('wheel', this.preventDefault, options);
+                window.addEventListener('mousewheel', this.preventDefault, options);
+                window.addEventListener('scroll', this.preventDefault, options);
+                window.addEventListener('DOMMouseScroll', this.preventDefault, options);
+            }
+        }, (config.animationDuration ?? 0) + 10);
+    }
+    enableScroll(extreme_overflow) {
+        document.body.style.removeProperty('overflow');
+        document.body.style.removeProperty('padding-right');
+        let currentConfiguration = this.configurationInstances.get(this.instanceId);
+        if (currentConfiguration && currentConfiguration.handleTouchInput !== false) {
+            document.body.removeEventListener('touchmove', this.handleTouchMove);
+            document.body.style.removeProperty('touch-action');
+        }
+        if (currentConfiguration !== undefined && currentConfiguration.mainContainer !== undefined && currentConfiguration.mainContainer.parentElement !== null) {
+            let currentNode = currentConfiguration.mainContainer.parentElement;
+            while (currentNode !== null) {
+                currentNode.style.removeProperty('overflow');
+                if (currentConfiguration.handleTouchInput !== false) {
+                    currentNode.removeEventListener('touchmove', this.preventDefault);
+                    currentNode.style.removeProperty('touch-action');
+                }
+                currentNode = currentNode.parentElement;
+            }
+        }
+        this.configurationInstances.delete(this.instanceId);
+        if (extreme_overflow !== false) {
+            window.removeEventListener('wheel', this.preventDefault);
+            window.removeEventListener('mousewheel', this.preventDefault);
+            window.removeEventListener('scroll', this.preventDefault);
+            window.removeEventListener('DOMMouseScroll', this.preventDefault);
+        }
+    }
+    handleTouchMove(event) {
+        const targetNode = event.target;
+        const currentConfiguration = this.configurationInstances.get(this.instanceId);
+        if (!this.isAllowedToScroll(targetNode) && (currentConfiguration === null || currentConfiguration?.handleTouchInput !== false)) {
+            if (currentConfiguration === null || currentConfiguration?.mobileOnlyTouchPrevention !== true ||
+                (currentConfiguration?.mobileOnlyTouchPrevention === true && ((!this.deviceTypeService.getDeviceState().isMobile || !this.deviceTypeService.getDeviceState().isTablet)
+                    && (this.windowDimensions.width < this.windowDimensions.threshold_sm)))) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }
+    }
+    isAllowedToScroll(targetNode) {
+        const currentConfiguration = this.configurationInstances.get(this.instanceId);
+        if (!currentConfiguration?.allowTouchInputOn || currentConfiguration.allowTouchInputOn.length === 0) {
+            return true;
+        }
+        if (currentConfiguration.allowTouchInputOn.length === undefined) {
+            return currentConfiguration.allowTouchInputOn.contains(targetNode);
+        }
+        for (const element of currentConfiguration.allowTouchInputOn) {
+            if (element.contains(targetNode)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    preventDefault(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollLockService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ScrollLockService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+const ITEM_COPY_DEFAULT_SUFFIX = "Copy";
+
+class TextFormattingService {
+    constructor() { }
+    generateNameCopy(originalName, existingNames = undefined, copySuffix = ITEM_COPY_DEFAULT_SUFFIX) {
+        const existingNamesToLower = existingNames?.map(item => item.toLowerCase()) ?? [];
+        let newName = `${originalName} (Copy)`;
+        let copyIndex = 2;
+        while (existingNamesToLower.includes(newName.toLowerCase())) {
+            newName = `${originalName} (${copySuffix} ${copyIndex++})`;
+        }
+        return newName;
+    }
+    formattedDateString(date) {
+        if (!date)
+            return undefined;
+        const dateObj = (date instanceof Date) ? date : new Date(date);
+        return dateObj.toLocaleDateString(undefined, {
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextFormattingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextFormattingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextFormattingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class UiActionsService {
+    downloadFile(data, filename, mimeType) {
+        const blob = new Blob([data], { type: mimeType });
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: UiActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: UiActionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: UiActionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ThemingService {
+    mediaQueryList;
+    mediaQueryListener;
+    applicationThemeSubject = new ReplaySubject(1);
+    systemThemeSubject = new BehaviorSubject(this.detectSystemTheme());
+    constructor() {
+        this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+        this.createSubscription();
+    }
+    ngOnDestroy() {
+        if (this.mediaQueryListener) {
+            this.mediaQueryList.removeEventListener('change', this.mediaQueryListener);
+        }
+    }
+    createSubscription() {
+        this.handleSystemThemeChange(this.mediaQueryList);
+        this.mediaQueryListener = (event) => this.handleSystemThemeChange(event);
+        this.mediaQueryList.addEventListener('change', this.mediaQueryListener);
+    }
+    handleSystemThemeChange(eventOrList) {
+        const isDark = eventOrList.matches;
+        const theme = isDark ? 'dark' : 'light';
+        this.systemThemeSubject.next(theme);
+    }
+    detectSystemTheme() {
+        const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        return isDarkMode ? 'dark' : 'light';
+    }
+    getApplicationTheme$() {
+        return this.applicationThemeSubject.asObservable();
+    }
+    getSystemTheme$() {
+        return this.systemThemeSubject.asObservable();
+    }
+    getSystemTheme() {
+        return this.systemThemeSubject.value;
+    }
+    setApplicationTheme(theme) {
+        this.applicationThemeSubject.next(theme);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ThemingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ThemingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+function uuidv4() {
+    return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));
+}
+
+/*
+ * Public API Surface of blocks-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DesktopOS, DeviceTypeService, ITEM_COPY_DEFAULT_SUFFIX, MobileOS, ScrollLockService, TextFormattingService, ThemingService, UiActionsService, WindowDimensionsService, uuidv4 };
+//# sourceMappingURL=filip.mazev-blocks-core.mjs.map

package/fesm2022/filip.mazev-blocks-core.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filip.mazev-blocks-core.mjs","sources":["../../../projects/blocks-core/src/lib/enums/desktop-os.enum.ts","../../../projects/blocks-core/src/lib/enums/mobile-os.enum.ts","../../../projects/blocks-core/src/lib/services/device-type.service.ts","../../../projects/blocks-core/src/lib/services/window-dimension.service.ts","../../../projects/blocks-core/src/lib/constants/scroll-lock.constants.ts","../../../projects/blocks-core/src/lib/services/scroll-lock.service.ts","../../../projects/blocks-core/src/lib/constants/ui-services-common.consants.ts","../../../projects/blocks-core/src/lib/services/text-formatting.service.ts","../../../projects/blocks-core/src/lib/services/ui-actions.service.ts","../../../projects/blocks-core/src/lib/services/theming.service.ts","../../../projects/blocks-core/src/lib/helpers/uui4.ts","../../../projects/blocks-core/src/public-api.ts","../../../projects/blocks-core/src/filip.mazev-blocks-core.ts"],"sourcesContent":["export enum DesktopOS {\n    Linux = 'linux',\n    MacOS = 'mac_os',\n    Unix = 'unix',\n    Unknown = 'unknown',\n    Windows = 'windows'\n}","export enum MobileOS {\n    Android = 'android',\n    iOS = 'ios',\n    Unknown = 'unknown',\n    WindowsPhone = 'Windows Phone'\n}","import { Injectable } from '@angular/core';\nimport { DesktopOS } from '../enums/desktop-os.enum';\nimport { MobileOS } from '../enums/mobile-os.enum';\nimport { DeviceState } from '../interfaces/device-state.interface';\nimport { DeviceOS, DeviceOrientationType } from '../types/device.types';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DeviceTypeService {\n  private userAgent: string = navigator.userAgent || navigator.vendor || (window as any).opera || undefined;\n  private isDesktopDevice: boolean = !this.isMobileDevice() && !this.isTabletDevice();\n\n  private isMobileDevice(): boolean {\n    const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];\n    return regexs.some(b => this.userAgent.match(b) !== null);\n  }\n\n  private isTabletDevice(): boolean {\n    const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;\n    return regex.test(this.userAgent.toLowerCase());\n  }\n\n  private getMobileOS(): MobileOS | undefined {\n    if (this.isMobileDevice()) {\n      if (/windows phone/i.test(this.userAgent)) return MobileOS.WindowsPhone;\n      else if (/android/i.test(this.userAgent)) return MobileOS.Android;\n      else if (/iPad|iPhone|iPod/.test(this.userAgent) && !(window as any).MSStream) return MobileOS.iOS;\n\n      return MobileOS.Unknown;\n    } else return undefined;\n  }\n\n  private getDesktopOS(): DesktopOS | undefined {\n    if (this.isDesktopDevice) {\n      if (this.userAgent.indexOf('Win') !== -1) return DesktopOS.Windows;\n      else if (this.userAgent.indexOf('Mac') !== -1) return DesktopOS.MacOS;\n      else if (this.userAgent.indexOf('X11') !== -1) return DesktopOS.Unix;\n      else if (this.userAgent.indexOf('Linux') !== -1) return DesktopOS.Linux;\n\n      return DesktopOS.Unknown;\n    } else return undefined;\n  }\n\n  private getDeviceOS(): DeviceOS | undefined {\n    return this.getMobileOS() ?? this.getDesktopOS();\n  }\n\n  private supportedScreenOrientation = (screen?.orientation || {}).type ?? (screen as any).mozOrientation ?? (screen as any).msOrientation;\n  private safariScreenOrientation: DeviceOrientationType = !screen?.orientation && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';\n  private initialScreenOrientation: DeviceOrientationType = this.supportedScreenOrientation ?? this.safariScreenOrientation ?? 'portrait-primary';\n  private screenOrientation: DeviceOrientationType = this.initialScreenOrientation;\n  constructor() {\n    if (screen.orientation) {\n      screen.orientation.addEventListener(\n        'change',\n        (ev: Event) => (this.screenOrientation = (ev.target ?? ({} as any)).type as OrientationType)\n      );\n    }\n  }\n\n  public isLandscapeOrientation(): boolean {\n    return ['landscape-primary', 'landscape-secondary'].includes(this.screenOrientation);\n  }\n\n  public isPortraitOrientation(): boolean {\n    return ['portrait-primary', 'portrait-secondary'].includes(this.screenOrientation);\n  }\n\n  public getDeviceState(): DeviceState {\n    const isDesktop = this.isDesktopDevice;\n    const isMobile = this.isMobileDevice();\n    const isTablet = this.isTabletDevice();\n    const mobileOS: MobileOS | undefined = this.getMobileOS();\n    const isAndroidDevice = this.getDeviceOS() === MobileOS.Android;\n    const isAppleDevice = this.getDeviceOS() === MobileOS.iOS || this.getDeviceOS() === DesktopOS.MacOS;\n    const isUnknownMobileDevice = this.getDeviceOS() === MobileOS.Unknown;\n    const desktopOS: DesktopOS | undefined = this.getDesktopOS();\n    const isWindowsDesktop = this.getDeviceOS() === DesktopOS.Windows;\n    const isLinuxOrUnixDesktop = this.getDeviceOS() === DesktopOS.Linux || this.getDeviceOS() === DesktopOS.Unix;\n\n    return {\n      isDesktop,\n      desktopOS,\n      isWindowsDesktop,\n      isLinuxOrUnixDesktop,\n      isMobile,\n      mobileOS,\n      isAndroidDevice,\n      isAppleDevice,\n      isUnknownMobileDevice,\n      isTablet,\n      isLandscapeOrientation: () => this.isLandscapeOrientation(),\n      isPortraitOrientation: () => this.isPortraitOrientation()\n    };\n  }\n}\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { WindowDimensions } from '../interfaces/window-dimensions.interface';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class WindowDimensionsService {\n  private windowDimensionsSubject = new BehaviorSubject<WindowDimensions>(\n    this.getWindowDimensions()\n  );\n  constructor() {\n    this.handleResize();\n    window.addEventListener('resize', this.handleResize.bind(this));\n  }\n\n  public getWindowDimensions(): WindowDimensions {\n    return {\n      width: window.innerWidth,\n      height: window.innerHeight,\n      threshold_xs: 360,\n      threshold_sm: 640,\n      threshold_md: 768,\n      threshold_lg: 1024,\n      threshold_xl: 1280,\n      threshold_2xl: 1536,\n      threshold_3xl: 1920,\n      threshold_4xl: 2560,\n    };\n  }\n\n  private handleResize(): void {\n    this.windowDimensionsSubject.next(this.getWindowDimensions());\n  }\n\n  public getWindowDimensions$(): Observable<WindowDimensions> {\n    return this.windowDimensionsSubject.asObservable();\n  }\n}\n","export const SCROLL_LOCK_INSTANCE_IDENTIFIER = 'scroll_lock_instance_';","import { Injectable, inject } from '@angular/core';\nimport { DeviceTypeService } from './device-type.service';\nimport { WindowDimensionsService } from './window-dimension.service';\nimport { IScrollLockConfig } from '../interfaces/scroll-lock-config.interface';\nimport { WindowDimensions } from '../interfaces/window-dimensions.interface';\nimport { SCROLL_LOCK_INSTANCE_IDENTIFIER } from '../constants/scroll-lock.constants';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ScrollLockService {\n  private deviceTypeService = inject(DeviceTypeService);\n  private windowDimensionSerivce = inject(WindowDimensionsService);\n\n  private instanceId: string;\n\n  private configurationInstances: Map<string, IScrollLockConfig> = new Map<string, IScrollLockConfig>();\n  private windowDimensions: WindowDimensions = {} as WindowDimensions;\n\n  constructor() {\n    this.instanceId = SCROLL_LOCK_INSTANCE_IDENTIFIER + Math.random().toString(36).substring(2, 9);\n    this.windowDimensionSerivce.getWindowDimensions$().subscribe((dimensions) => {\n      this.windowDimensions = dimensions;\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.enableScroll();\n  }\n\n  public disableScroll(config: IScrollLockConfig): void {\n    document.body.style.setProperty('overflow', 'hidden', 'important');\n\n    const documentWidth = document.documentElement.clientWidth;\n    const windowWidth = window.innerWidth;\n    const scrollBarWidth = windowWidth - documentWidth;\n    document.body.style.paddingRight = scrollBarWidth + 'px';\n    document.body.style.setProperty('padding-right', scrollBarWidth + 'px', 'important');\n\n    if (config.handleTouchInput !== false) { document.body.style.setProperty('touch-action', 'none', 'important'); }\n\n    this.configurationInstances.set(this.instanceId, config);\n\n    if (config.mainContainer !== undefined && config.mainContainer.parentElement !== null) {\n      let currentNode = config.mainContainer.parentElement as HTMLElement | null;\n      while (currentNode !== null) {\n        currentNode.style.setProperty('overflow', 'hidden', 'important');\n\n        if (config.handleTouchInput !== false) {\n          currentNode.addEventListener('touchmove', (event) => this.handleTouchMove(event), { passive: false });\n          currentNode.style.setProperty('touch-action', 'none', 'important');\n        }\n\n        currentNode = currentNode.parentElement;\n      }\n    }\n\n    setTimeout(() => {\n      if (config.handleTouchInput !== false) {\n        document.body.addEventListener('touchmove', (event) => this.handleTouchMove(event), { passive: false });\n      }\n\n      if (config.handleExtremeOverflow !== false) {\n        const options = { passive: false };\n\n        window.addEventListener('wheel', this.preventDefault, options);\n        window.addEventListener('mousewheel', this.preventDefault, options);\n        window.addEventListener('scroll', this.preventDefault, options);\n        window.addEventListener('DOMMouseScroll', this.preventDefault, options);\n      }\n    }, (config.animationDuration ?? 0) + 10);\n  }\n\n  public enableScroll(extreme_overflow?: boolean): void {\n    document.body.style.removeProperty('overflow');\n    document.body.style.removeProperty('padding-right');\n\n    let currentConfiguration = this.configurationInstances.get(this.instanceId);\n\n    if (currentConfiguration && currentConfiguration.handleTouchInput !== false) {\n      document.body.removeEventListener('touchmove', this.handleTouchMove);\n      document.body.style.removeProperty('touch-action');\n    }\n\n    if (currentConfiguration !== undefined && currentConfiguration.mainContainer !== undefined && currentConfiguration.mainContainer.parentElement !== null) {\n      let currentNode = currentConfiguration.mainContainer.parentElement as HTMLElement | null;\n      while (currentNode !== null) {\n        currentNode.style.removeProperty('overflow');\n\n        if (currentConfiguration.handleTouchInput !== false) {\n          currentNode.removeEventListener('touchmove', this.preventDefault);\n          currentNode.style.removeProperty('touch-action');\n        }\n\n        currentNode = currentNode.parentElement;\n      }\n    }\n\n    this.configurationInstances.delete(this.instanceId);\n\n    if (extreme_overflow !== false) {\n      window.removeEventListener('wheel', this.preventDefault);\n      window.removeEventListener('mousewheel', this.preventDefault);\n      window.removeEventListener('scroll', this.preventDefault);\n      window.removeEventListener('DOMMouseScroll', this.preventDefault);\n    }\n  }\n\n  private handleTouchMove(event: Event): void {\n    const targetNode = event.target as Node;\n    const currentConfiguration = this.configurationInstances.get(this.instanceId);\n\n    if (!this.isAllowedToScroll(targetNode) && (currentConfiguration === null || currentConfiguration?.handleTouchInput !== false)) {\n      if (currentConfiguration === null || currentConfiguration?.mobileOnlyTouchPrevention !== true ||\n        (currentConfiguration?.mobileOnlyTouchPrevention === true && ((!this.deviceTypeService.getDeviceState().isMobile || !this.deviceTypeService.getDeviceState().isTablet)\n          && (this.windowDimensions.width < this.windowDimensions.threshold_sm)))) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    }\n  }\n\n  private isAllowedToScroll(targetNode: Node): boolean {\n    const currentConfiguration = this.configurationInstances.get(this.instanceId);\n\n    if (!currentConfiguration?.allowTouchInputOn || currentConfiguration.allowTouchInputOn.length === 0) { return true; }\n\n    if (currentConfiguration.allowTouchInputOn.length === undefined) {\n      return (currentConfiguration.allowTouchInputOn as unknown as Element).contains(targetNode);\n    }\n\n    for (const element of currentConfiguration.allowTouchInputOn) {\n      if (element.contains(targetNode)) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  private preventDefault(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n}\n","export const ITEM_COPY_DEFAULT_SUFFIX = \"Copy\";","import { Injectable } from \"@angular/core\";\nimport { ITEM_COPY_DEFAULT_SUFFIX } from \"../constants/ui-services-common.consants\";\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class TextFormattingService {\n\n    constructor() { }\n\n    public generateNameCopy(originalName: string, existingNames: string[] | undefined = undefined, copySuffix: string = ITEM_COPY_DEFAULT_SUFFIX): string {\n        const existingNamesToLower = existingNames?.map(item => item.toLowerCase()) ?? [];\n\n        let newName = `${originalName} (Copy)`;\n        let copyIndex = 2;\n\n        while (existingNamesToLower.includes(newName.toLowerCase())) {\n            newName = `${originalName} (${copySuffix} ${copyIndex++})`;\n        }\n\n        return newName;\n    }\n\n    public formattedDateString(date: Date | string | undefined | null): string | undefined {\n        if (!date) return undefined;\n\n        const dateObj = (date instanceof Date) ? date : new Date(date);\n        return dateObj.toLocaleDateString(undefined, {\n            year: 'numeric',\n            month: 'short',\n            day: 'numeric',\n        });\n    }\n}","import { Injectable } from \"@angular/core\";\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class UiActionsService {\n\n    public downloadFile(data: Blob, filename: string, mimeType: string): void {\n        const blob = new Blob([data], { type: mimeType });\n        const url = window.URL.createObjectURL(blob);\n        const a = document.createElement('a');\n        a.href = url;\n        a.download = filename;\n        document.body.appendChild(a);\n        a.click();\n        document.body.removeChild(a);\n        window.URL.revokeObjectURL(url);\n    }\n}","import { Injectable, OnDestroy } from '@angular/core';\nimport { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';\nimport { DeviceTheme } from '../types/device.types';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ThemingService implements OnDestroy {\n  private readonly mediaQueryList: MediaQueryList;\n  private mediaQueryListener?: (event: MediaQueryListEvent) => void;\n\n  private applicationThemeSubject = new ReplaySubject<DeviceTheme>(1);\n  private systemThemeSubject = new BehaviorSubject<DeviceTheme>(this.detectSystemTheme());\n \n  constructor() {\n    this.mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');\n    this.createSubscription();\n  }\n\n  public ngOnDestroy(): void {\n    if (this.mediaQueryListener) {\n      this.mediaQueryList.removeEventListener('change', this.mediaQueryListener);\n    }\n  }\n\n  private createSubscription(): void {\n    this.handleSystemThemeChange(this.mediaQueryList);\n    this.mediaQueryListener = (event: MediaQueryListEvent) => this.handleSystemThemeChange(event);\n    this.mediaQueryList.addEventListener('change', this.mediaQueryListener);\n  }\n\n  private handleSystemThemeChange(eventOrList: MediaQueryList | MediaQueryListEvent) {\n    const isDark = eventOrList.matches;\n    const theme: DeviceTheme = isDark ? 'dark' : 'light';\n    this.systemThemeSubject.next(theme);\n  }\n\n  private detectSystemTheme(): DeviceTheme {\n    const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    return isDarkMode ? 'dark' : 'light';\n  }\n\n  public getApplicationTheme$(): Observable<DeviceTheme> {\n    return this.applicationThemeSubject.asObservable();\n  }\n\n  public getSystemTheme$(): Observable<DeviceTheme> {\n    return this.systemThemeSubject.asObservable();\n  }\n\n  public getSystemTheme(): DeviceTheme {\n    return this.systemThemeSubject.value;\n  }\n\n  public setApplicationTheme(theme: DeviceTheme): void {\n    this.applicationThemeSubject.next(theme);\n  }\n}","export function uuidv4() {\n    return \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));\n}\n","/*\n * Public API Surface of blocks-core\n */\n\nexport * from './lib/services/device-type.service';\nexport * from './lib/services/scroll-lock.service';\nexport * from './lib/services/text-formatting.service';\nexport * from './lib/services/ui-actions.service';\nexport * from './lib/services/window-dimension.service';\nexport * from './lib/services/theming.service';\n\nexport * from './lib/constants/ui-services-common.consants';\n\nexport * from './lib/enums/desktop-os.enum';\nexport * from './lib/enums/mobile-os.enum';\n\nexport * from './lib/interfaces/device-state.interface';\nexport * from './lib/interfaces/scroll-lock-config.interface';\nexport * from './lib/interfaces/window-dimensions.interface';\n\nexport * from './lib/types/device.types';\n\nexport * from './lib/helpers/uui4';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@filip.mazev/blocks-core",
+  "version": "0.0.1",
+  "exports": {
+    "./mixins": "./lib/styles/_mixins.scss",
+    "./variables": "./lib/styles/_variables.scss",
+    "./theme-provider": "./lib/styles/_theme-provider.scss",
+    "./default-theme": "./lib/styles/themes/_default-theme.scss",
+    "./orange-company-theme": "./lib/styles/themes/_orange-company-theme.scss",
+    "./index": "./lib/styles/_index.scss",
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/filip.mazev-blocks-core.d.ts",
+      "default": "./fesm2022/filip.mazev-blocks-core.mjs"
+    }
+  },
+  "style": "src/lib/styles/_index.scss",
+  "sass": "src/lib/styles/_index.scss",
+  "peerDependencies": {
+    "@angular/common": "^21.1.1",
+    "@angular/core": "^21.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/filip.mazev-blocks-core.mjs",
+  "typings": "types/filip.mazev-blocks-core.d.ts"
+}

package/src/lib/styles/_index.scss

@@ -0,0 +1,5 @@
+@forward 'mixins';
+@forward 'variables';
+@forward 'theme-provider';
+@forward 'themes/default-theme';
+@forward 'themes/orange-company-theme';

package/src/lib/styles/_mixins.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use 'variables' as *;
+
+@mixin respond-up($size) {
+    @media (min-width: map.get($breakpoints, $size)) {
+        @content;
+    }
+}
+
+@mixin respond-down($size) {
+    @media (max-width: map.get($breakpoints, $size)) {
+        @content;
+    }
+}
+
+@mixin respond-between($min, $max) {
+    @media (min-width: map.get($breakpoints, $min)) and (max-width: map.get($breakpoints, $max)) {   
+        @content;
+    }
+}

package/src/lib/styles/_theme-provider.scss

@@ -0,0 +1,23 @@
+@use 'sass:map';
+
+@mixin core-theme($config) {
+  @each $key, $value in $config {
+    --fm-#{$key}: #{$value};
+  }
+
+  @if map.has-key($config, 'canvas') {
+    --fm-bg-canvas: #{map.get($config, 'canvas')};
+  }
+  @if map.has-key($config, 'surface') {
+    --fm-bg-surface: #{map.get($config, 'surface')};
+  }
+  @if map.has-key($config, 'element') {
+    --fm-bg-element: #{map.get($config, 'element')};
+  }
+  @if map.has-key($config, 'text') {
+    --fm-text-main: #{map.get($config, 'text')};
+  }
+  
+  $surface: map.get($config, 'surface');
+  --fm-contrast-main: #{if($surface == #ffffff or $surface == #f9fafb, #000, #fff)};
+}

package/src/lib/styles/_variables.scss

@@ -0,0 +1,40 @@
+$gray-palette: (
+  50:  #fafafa, 
+  100: #f5f5f5, 
+  200: #e5e5e5, 
+  300: #d4d4d4, 
+  400: #a3a3a3,
+  500: #737373, 
+  600: #525252, 
+  700: #404040, 
+  800: #262626, 
+  900: #171717
+) !default;
+
+$warning-palette: (
+  50: #fffbeb, 
+  500: #f59e0b, 
+  900: #78350f, 
+  A400: #ffc400
+) !default;
+
+$error-palette: (
+  50: #fef2f2, 
+  400: #f87171, 
+  500: #ef4444, 
+  900: #7f1d1d
+) !default;
+
+$breakpoints: (
+    xs: 360px,
+
+    sm: 640px,
+    md: 768px,
+
+    lg: 1024px,
+    xl: 1280px,
+
+    2xl: 1536px,
+    3xl: 1920px,
+    4xl: 2560px
+) !default;

package/src/lib/styles/themes/_default-theme.scss

@@ -0,0 +1,113 @@
+@use '../variables' as *;
+
+$default-light-theme-config: (
+    // General
+    'primary': map-get($gray-palette, 800),
+    'secondary': map-get($gray-palette, 100),
+    'alt': map-get($gray-palette, 900),
+    'accent': map-get($warning-palette, 500),
+    'accent-alt': map-get($warning-palette, 900),
+    'accent-tertiary': map-get($warning-palette, A400),
+
+    // Text
+    'text-primary': map-get($gray-palette, 900),
+    'text-secondary': map-get($gray-palette, 600),
+    'text-tertiary': map-get($gray-palette, 500),
+    'text-accent': map-get($warning-palette, 900),
+    'text-accent-alt': map-get($gray-palette, 50),
+    'text-grayscale': map-get($gray-palette, 900),
+    'menu-item-text': map-get($gray-palette, 800),
+    'text-warn': map-get($warning-palette, 900),
+    'text-confirm': #084720, 
+
+    // UI Elements
+    'bg-menu-item-hover': map-get($gray-palette, 200),
+    'border': map-get($gray-palette, 200),
+    'border-grayscale-light': map-get($gray-palette, 100),
+    'warn': map-get($warning-palette, 500),
+    'error': map-get($error-palette, 500),
+    'info': #3b82f6,
+
+    // Buttons
+    'button-primary': map-get($gray-palette, 800),
+    'button-confirm': #40ca73,
+    'button-warn': map-get($error-palette, 500),
+    'button-grayscale': map-get($gray-palette, 200),
+
+    // Feedback
+    'snackbar-error': map-get($error-palette, 50),
+    'snackbar-success': #f0fdf4,
+    'snackbar-warn': map-get($warning-palette, 50),
+
+    // Scrollbar & Sliders
+    'scroll-bg': map-get($gray-palette, 100),
+    'scroll-thumb': map-get($gray-palette, 400),
+    'scroll-thumb-highlighted': map-get($gray-palette, 600),
+    'slider-track': map-get($gray-palette, 200),
+    'slider-thumb': map-get($gray-palette, 800),
+    'slider-thumb-hover': map-get($gray-palette, 900),
+
+    'canvas': map-get($gray-palette, 50),
+    'surface': #ffffff,
+    'element': map-get($gray-palette, 100),
+    'text': map-get($gray-palette, 900),
+    'status-warn': map-get($warning-palette, 500),
+    'status-error': map-get($error-palette, 500),
+    'error-subtle': map-get($error-palette, 50)
+) !default;
+
+$default-dark-theme-config: (
+    // General
+    'primary': map-get($gray-palette, 50),
+    'secondary': map-get($gray-palette, 800),
+    'alt': map-get($gray-palette, 50),
+    'accent': map-get($warning-palette, 500),
+    'accent-alt': map-get($warning-palette, A400),
+    'accent-tertiary': map-get($warning-palette, 50),
+
+    // Text
+    'text-primary': map-get($gray-palette, 50),
+    'text-secondary': map-get($gray-palette, 400),
+    'text-tertiary': map-get($gray-palette, 500),
+    'text-accent': map-get($warning-palette, 500),
+    'text-accent-alt': map-get($gray-palette, 900),
+    'text-grayscale': map-get($gray-palette, 50),
+    'menu-item-text': map-get($gray-palette, 200),
+    'text-warn': map-get($warning-palette, 500),
+    'text-confirm': #4eee89,
+
+    // UI Elements
+    'bg-menu-item-hover': map-get($gray-palette, 700),
+    'border': map-get($gray-palette, 700),
+    'border-grayscale-light': map-get($gray-palette, 800),
+    'warn': map-get($warning-palette, 500),
+    'error': map-get($error-palette, 400),
+    'info': #60a5fa,
+
+    // Buttons
+    'button-primary': map-get($gray-palette, 50),
+    'button-confirm': #0f7033,
+    'button-warn': map-get($error-palette, 500),
+    'button-grayscale': map-get($gray-palette, 700),
+
+    // Feedback
+    'snackbar-error': #450a0a,
+    'snackbar-success': #052e16,
+    'snackbar-warn': #451a03,
+
+    // Scrollbar & Sliders
+    'scroll-bg': map-get($gray-palette, 800),
+    'scroll-thumb': map-get($gray-palette, 600),
+    'scroll-thumb-highlighted': map-get($gray-palette, 400),
+    'slider-track': map-get($gray-palette, 700),
+    'slider-thumb': map-get($gray-palette, 50),
+    'slider-thumb-hover': #ffffff,
+
+    'canvas': map-get($gray-palette, 900),
+    'surface': #1e1e1e,
+    'element': map-get($gray-palette, 800),
+    'text': map-get($gray-palette, 50),
+    'status-warn': map-get($warning-palette, 400),
+    'status-error': map-get($error-palette, 400),
+    'error-subtle': rgba(239, 68, 68, 0.15)
+) !default;

package/src/lib/styles/themes/_orange-company-theme.scss

@@ -0,0 +1,112 @@
+@use '../variables' as *;
+
+$orange-company-light-theme-config: (
+    // General
+    'primary': #FFF7ED,
+    'secondary': #f7f7f7,
+    'alt': #0c0c0c,
+    'accent': #FFB86A,
+    'accent-alt': #FF6900,
+    'accent-tertiary': #CA3500,
+
+    // Text
+    'text-primary': #484848,
+    'text-secondary': #9F2D00,
+    'text-tertiary': #CA3500,
+    'text-accent': #FF8904,
+    'text-accent-alt': #f3f3f3,
+    'text-grayscale': #111111,
+    'menu-item-text': #151515,
+    'text-warn': #FB2C36,
+    'text-confirm': #00C950,
+
+    // UI Elements
+    'bg-menu-item-hover': #FFD6A7,
+    'border': #d5d5d5,
+    'border-grayscale-light': #e1e1e1,
+    'warn': #ffcc54,
+    'error': #FF4C4F,
+    'info': #4da6ff,
+
+    // Buttons
+    'button-primary': #FF690099,
+    'button-confirm': #00C95070,
+    'button-warn': #FB2C3660,
+    'button-grayscale': #d0d0d0b3,
+
+    // Feedback
+    'snackbar-error': #ffa9aa,
+    'snackbar-success': #a2ff99,
+    'snackbar-warn': #ffdc9b,
+
+    // Scrollbar & Sliders
+    'scroll-bg': #FFEDD4,
+    'scroll-thumb': linear-gradient(278deg, #FFB86A -10.44%, #FF8904 100%),
+    'scroll-thumb-highlighted': linear-gradient(278deg, #FF8904 -10.44%, #CA3500 100%),
+    'slider-track': #f4f4f4,
+    'slider-thumb': #FF6900,
+    'slider-thumb-hover': #FF8900,
+
+    'canvas': #ffffff,
+    'surface': #ffffff,
+    'element': #f7f7f7,
+    'text': #484848,
+    'status-warn': map-get($warning-palette, 500),
+    'status-error': map-get($error-palette, 500),
+    'error-subtle': map-get($error-palette, 50)
+) !default;
+
+$orange-company-dark-theme-config: (
+    // General
+    'primary': #231812,
+    'secondary': #1a1a1a,
+    'alt': #FFF7ED,
+    'accent': #CA3500,
+    'accent-alt': #FF6900,
+    'accent-tertiary': #FF8904,
+
+    // Text
+    'text-primary': #ffffff,
+    'text-secondary': #FFD6A7,
+    'text-tertiary': #FFB86A,
+    'text-accent': #FF8904,
+    'text-accent-alt': #131313,
+    'text-grayscale': #e1e1e1,
+    'menu-item-text': #e7e7e7,
+    'text-warn': #FB2C36,
+    'text-confirm': #00C950,
+
+    // UI Elements
+    'bg-menu-item-hover': #CA3500,
+    'border': #282828,
+    'border-grayscale-light': #3b3b3b39,
+    'warn': #ffcc54,
+    'error': #FF4C4F,
+    'info': #4da6ff,
+
+    // Buttons
+    'button-primary': #FF690099,
+    'button-confirm': #00C95070,
+    'button-warn': #FB2C3660,
+    'button-grayscale': #2e2e2eb1,
+
+    // Feedback
+    'snackbar-error': #8e1416,
+    'snackbar-success': #2e7d32,
+    'snackbar-warn': #b27a1c,
+
+    // Scroll & Sliders
+    'scroll-bg': #712000,
+    'scroll-thumb': linear-gradient(278deg, #CA3500 -10.44%, #FF6900 100%),
+    'scroll-thumb-highlighted': linear-gradient(278deg, #FF6900 -10.44%, #FF8904 100%),
+    'slider-track': #333333,
+    'slider-thumb': #FF8904,
+    'slider-thumb-hover': #FF6900,
+
+    'canvas': #000000,
+    'surface': #0d0d0d,
+    'text': #ffffff,
+    'status-warn': map-get($warning-palette, 400),
+    'status-error': map-get($error-palette, 400),
+    'error-subtle': rgba(239, 68, 68, 0.15)
+) !default;

package/types/filip.mazev-blocks-core.d.ts

@@ -0,0 +1,146 @@
+import * as i0 from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+
+declare enum DesktopOS {
+    Linux = "linux",
+    MacOS = "mac_os",
+    Unix = "unix",
+    Unknown = "unknown",
+    Windows = "windows"
+}
+
+declare enum MobileOS {
+    Android = "android",
+    iOS = "ios",
+    Unknown = "unknown",
+    WindowsPhone = "Windows Phone"
+}
+
+interface DeviceState {
+    isDesktop: boolean;
+    desktopOS: DesktopOS | undefined;
+    isWindowsDesktop: boolean;
+    isLinuxOrUnixDesktop: boolean;
+    isMobile: boolean;
+    mobileOS: MobileOS | undefined;
+    isAndroidDevice: boolean;
+    isAppleDevice: boolean;
+    isUnknownMobileDevice: boolean;
+    isTablet: boolean;
+    isLandscapeOrientation: () => boolean;
+    isPortraitOrientation: () => boolean;
+}
+
+declare class DeviceTypeService {
+    private userAgent;
+    private isDesktopDevice;
+    private isMobileDevice;
+    private isTabletDevice;
+    private getMobileOS;
+    private getDesktopOS;
+    private getDeviceOS;
+    private supportedScreenOrientation;
+    private safariScreenOrientation;
+    private initialScreenOrientation;
+    private screenOrientation;
+    constructor();
+    isLandscapeOrientation(): boolean;
+    isPortraitOrientation(): boolean;
+    getDeviceState(): DeviceState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeviceTypeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DeviceTypeService>;
+}
+
+interface IScrollLockConfig {
+    allowTouchInputOn?: Element[];
+    mainContainer?: HTMLElement;
+    handleExtremeOverflow?: boolean;
+    animationDuration?: number;
+    handleTouchInput?: boolean;
+    mobileOnlyTouchPrevention?: boolean;
+}
+
+declare class ScrollLockService {
+    private deviceTypeService;
+    private windowDimensionSerivce;
+    private instanceId;
+    private configurationInstances;
+    private windowDimensions;
+    constructor();
+    ngOnDestroy(): void;
+    disableScroll(config: IScrollLockConfig): void;
+    enableScroll(extreme_overflow?: boolean): void;
+    private handleTouchMove;
+    private isAllowedToScroll;
+    private preventDefault;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollLockService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollLockService>;
+}
+
+declare class TextFormattingService {
+    constructor();
+    generateNameCopy(originalName: string, existingNames?: string[] | undefined, copySuffix?: string): string;
+    formattedDateString(date: Date | string | undefined | null): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFormattingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TextFormattingService>;
+}
+
+declare class UiActionsService {
+    downloadFile(data: Blob, filename: string, mimeType: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiActionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UiActionsService>;
+}
+
+interface WindowDimensions {
+    [x: string]: any;
+    width: number;
+    height: number;
+    threshold_xs: number;
+    threshold_sm: number;
+    threshold_md: number;
+    threshold_lg: number;
+    threshold_xl: number;
+    threshold_2xl: number;
+    threshold_3xl: number;
+    threshold_4xl: number;
+}
+
+declare class WindowDimensionsService {
+    private windowDimensionsSubject;
+    constructor();
+    getWindowDimensions(): WindowDimensions;
+    private handleResize;
+    getWindowDimensions$(): Observable<WindowDimensions>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindowDimensionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WindowDimensionsService>;
+}
+
+type DeviceTheme = "light" | "dark";
+type DeviceOS = DesktopOS | MobileOS;
+type DeviceOrientationType = 'portrait-primary' | 'landscape-primary' | 'portrait-secondary' | 'landscape-secondary';
+
+declare class ThemingService implements OnDestroy {
+    private readonly mediaQueryList;
+    private mediaQueryListener?;
+    private applicationThemeSubject;
+    private systemThemeSubject;
+    constructor();
+    ngOnDestroy(): void;
+    private createSubscription;
+    private handleSystemThemeChange;
+    private detectSystemTheme;
+    getApplicationTheme$(): Observable<DeviceTheme>;
+    getSystemTheme$(): Observable<DeviceTheme>;
+    getSystemTheme(): DeviceTheme;
+    setApplicationTheme(theme: DeviceTheme): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemingService>;
+}
+
+declare const ITEM_COPY_DEFAULT_SUFFIX = "Copy";
+
+declare function uuidv4(): string;
+
+export { DesktopOS, DeviceTypeService, ITEM_COPY_DEFAULT_SUFFIX, MobileOS, ScrollLockService, TextFormattingService, ThemingService, UiActionsService, WindowDimensionsService, uuidv4 };
+export type { DeviceOS, DeviceOrientationType, DeviceState, DeviceTheme, IScrollLockConfig, WindowDimensions };