npm - @elementar-rt/components - Versions diffs - 0.6.55 → 0.6.57 - Mend

@elementar-rt/components 0.6.55 → 0.6.57

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.

Files changed (345) hide show

package/fesm2022/elementar-rt-components-avatar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.component.ts","../../../projects/components/avatar/src/avatar/avatar.component.html","../../../projects/components/avatar/src/avatar-group/avatar-group.component.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.component.html","../../../projects/components/avatar/src/avatar-total/avatar-total.component.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.component.html","../../../projects/components/avatar/src/dicebear/dicebear.component.ts","../../../projects/components/avatar/src/dicebear/dicebear.component.html","../../../projects/components/avatar/src/avatar-more/avatar-more.component.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.component.html","../../../projects/components/avatar/elementar-rt-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\r\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\r\n","import {\r\n AfterViewInit,\r\n booleanAttribute,\r\n Component,\r\n ElementRef,\r\n forwardRef,\r\n inject,\r\n input,\r\n OnChanges,\r\n OnInit,\r\n SimpleChanges\r\n} from '@angular/core';\r\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\r\n\r\nconst alreadyLoadedImages: string[] = [];\r\n\r\n@Component({\r\n selector: 'emr-avatar,[emr-avatar]',\r\n exportAs: 'emrAvatar',\r\n standalone: true,\r\n templateUrl: './avatar.component.html',\r\n styleUrls: ['./avatar.component.scss'],\r\n providers: [\r\n {\r\n provide: AVATAR_ACCESSOR,\r\n useExisting: forwardRef(() => AvatarComponent),\r\n multi: true\r\n }\r\n ],\r\n host: {\r\n 'class': 'emr-avatar',\r\n '[class.is-clickable]': 'clickable()',\r\n '[class.has-automatic-color]': '!!automaticColor()',\r\n '[class.has-loaded-image]': 'image() && imageLoaded',\r\n }\r\n})\r\nexport class AvatarComponent implements OnInit, OnChanges, AfterViewInit {\r\n private _elementRef = inject(ElementRef);\r\n\r\n image = input<string>('');\r\n clickable = input(false, {\r\n transform: booleanAttribute\r\n });\r\n label = input('');\r\n alt = input('');\r\n automaticColor = input();\r\n presenceIndicator = input<AvatarPresenceIndicator>(null);\r\n\r\n protected imageLoaded: boolean;\r\n protected showLabel = false;\r\n\r\n ngOnInit() {\r\n if (!this.image()) {\r\n return;\r\n }\r\n\r\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\r\n }\r\n\r\n ngAfterViewInit() {\r\n setTimeout(() => {\r\n this.showLabel = true;\r\n }, 0);\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\r\n this._setAutomaticColor(changes['automaticColor'].currentValue);\r\n }\r\n }\r\n\r\n onImageLoaded(): void {\r\n if (this.imageLoaded) {\r\n return;\r\n }\r\n\r\n alreadyLoadedImages.push(<string>this.image());\r\n this.imageLoaded = true;\r\n }\r\n\r\n private _setAutomaticColor(color: any): void {\r\n if (!this.isValidHex(color)) {\r\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\r\n }\r\n\r\n const element = this._elementRef.nativeElement as HTMLElement;\r\n element.style.setProperty('--emr-avatar-bg', color);\r\n element.style.setProperty('--emr-avatar-border-color', this._newShade(color, -25));\r\n element.style.setProperty('--emr-avatar-color', this._newShade(color, -150));\r\n }\r\n\r\n private _newShade(hexColor: string, magnitude: number): string {\r\n hexColor = hexColor.replace(`#`, ``);\r\n if (hexColor.length === 6) {\r\n const decimalColor = parseInt(hexColor, 16);\r\n let r = (decimalColor >> 16) + magnitude;\r\n r > 255 && (r = 255);\r\n r < 0 && (r = 0);\r\n let g = (decimalColor & 0x0000ff) + magnitude;\r\n g > 255 && (g = 255);\r\n g < 0 && (g = 0);\r\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\r\n b > 255 && (b = 255);\r\n b < 0 && (b = 0);\r\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\r\n } else {\r\n return hexColor;\r\n }\r\n };\r\n\r\n isValidHex(color: any): boolean {\r\n if(!color \|\| typeof color !== 'string') {\r\n return false;\r\n }\r\n\r\n // Validate hex values\r\n if(color.substring(0, 1) === '#') {\r\n color = color.substring(1);\r\n }\r\n\r\n switch(color.length) {\r\n case 3: {\r\n return /^[0-9A-F]{3}$/i.test(color);\r\n }\r\n case 6: {\r\n return /^[0-9A-F]{6}$/i.test(color);\r\n }\r\n case 8: {\r\n return /^[0-9A-F]{8}$/i.test(color);\r\n }\r\n default: {\r\n return false;\r\n }\r\n }\r\n }\r\n}\r\n","@if (image()) {\r\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n <div class=\"presence-indicator\"\r\n [class.is-online]=\"presenceIndicator() === 'online'\"\r\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (label() && showLabel) {\r\n <svg viewBox=\"0 0 50 50\" class=\"text\">\r\n <text\r\n x=\"50%\"\r\n y=\"50%\"\r\n alignment-baseline=\"central\"\r\n text-anchor=\"middle\"\r\n font-weight=\"inherit\"\r\n font-size=\"20\"\r\n fill=\"currentColor\">{{ label() }}</text>\r\n </svg>\r\n}\r\n\r\n<ng-content select=\"mat-icon,emr-icon\"/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-avatar-group',\r\n exportAs: 'emrAvatarGroup',\r\n standalone: true,\r\n templateUrl: './avatar-group.component.html',\r\n styleUrl: './avatar-group.component.scss',\r\n host: {\r\n 'class': 'emr-avatar-group'\r\n }\r\n})\r\nexport class AvatarGroupComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n// DEPRECATED\r\n@Component({\r\n selector: 'emr-avatar-total,[emr-avatar-total]',\r\n exportAs: 'emrAvatarTotal',\r\n standalone: true,\r\n templateUrl: './avatar-total.component.html',\r\n styleUrl: './avatar-total.component.scss',\r\n host: {\r\n 'class': 'emr-avatar-total'\r\n }\r\n})\r\nexport class AvatarTotalComponent {\r\n}\r\n","<ng-content></ng-content>\r\n","import {\r\n booleanAttribute,\r\n Component,\r\n forwardRef,\r\n input, OnInit\r\n} from '@angular/core';\r\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\r\nimport { createAvatar } from '@dicebear/core';\r\nimport { identicon, initials } from '@dicebear/collection';\r\nimport { v7 as uuid } from 'uuid';\r\nimport { SafeHtmlPipe } from '@elementar-rt/components/core';\r\n\r\nexport interface Preset {\r\n style: any,\r\n options?: {\r\n scale?: number;\r\n backgroundColor?: string[];\r\n fontWeight?: number;\r\n }\r\n}\r\n\r\nconst alreadyLoadedImages: string[] = [];\r\nconst presets: {[prop: string]: Preset} = {\r\n 'identicon': {\r\n style: identicon,\r\n options: {\r\n scale: 55,\r\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\r\n }\r\n },\r\n 'initials': {\r\n style: initials,\r\n options: {\r\n scale: 75,\r\n fontWeight: 500\r\n }\r\n }\r\n};\r\n\r\n@Component({\r\n selector: 'emr-dicebear,[emr-dicebear]',\r\n exportAs: 'emrDicebear',\r\n templateUrl: './dicebear.component.html',\r\n styleUrl: './dicebear.component.scss',\r\n providers: [\r\n {\r\n provide: AVATAR_ACCESSOR,\r\n useExisting: forwardRef(() => DicebearComponent),\r\n multi: true\r\n }\r\n ],\r\n imports: [\r\n SafeHtmlPipe,\r\n ],\r\n host: {\r\n 'class': 'emr-avatar emr-dicebear',\r\n '[class.is-clickable]': 'clickable()',\r\n '[class.has-loaded-image]': 'image() && imageLoaded',\r\n }\r\n})\r\nexport class DicebearComponent implements OnInit {\r\n image = input<string>('');\r\n clickable = input(false, {\r\n transform: booleanAttribute\r\n });\r\n key = input<any>();\r\n preset = input<string>('identicon');\r\n alt = input<string>();\r\n presenceIndicator = input<AvatarPresenceIndicator>(null);\r\n\r\n protected imageLoaded: boolean;\r\n protected svg = '';\r\n\r\n ngOnInit() {\r\n if (this.image()) {\r\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\r\n }\r\n\r\n const preset = presets[this.preset()];\r\n const avatar = createAvatar(preset.style, {\r\n seed: this.key() \|\| '',\r\n ...preset.options\r\n });\r\n this.svg = avatar.toString().replace('viewboxMask', uuid());\r\n }\r\n\r\n onImageLoaded(): void {\r\n if (this.imageLoaded) {\r\n return;\r\n }\r\n\r\n alreadyLoadedImages.push(<string>this.image());\r\n this.imageLoaded = true;\r\n }\r\n}\r\n","@if (image()) {\r\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\r\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\r\n}\r\n\r\n@if (presenceIndicator()) {\r\n <div class=\"presence-indicator\"\r\n [class.is-online]=\"presenceIndicator() === 'online'\"\r\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\r\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\r\n}\r\n\r\n@if (!image() && svg) {\r\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-avatar-more,[emr-avatar-more]',\r\n exportAs: 'emrAvatarMore',\r\n imports: [],\r\n templateUrl: './avatar-more.component.html',\r\n styleUrl: './avatar-more.component.scss',\r\n host: {\r\n 'class': 'emr-avatar-more'\r\n }\r\n})\r\nexport class AvatarMoreComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-avatar.mjs","sources":["../../../projects/components/avatar/src/types.ts","../../../projects/components/avatar/src/avatar/avatar.component.ts","../../../projects/components/avatar/src/avatar/avatar.component.html","../../../projects/components/avatar/src/avatar-group/avatar-group.component.ts","../../../projects/components/avatar/src/avatar-group/avatar-group.component.html","../../../projects/components/avatar/src/avatar-total/avatar-total.component.ts","../../../projects/components/avatar/src/avatar-total/avatar-total.component.html","../../../projects/components/avatar/src/dicebear/dicebear.component.ts","../../../projects/components/avatar/src/dicebear/dicebear.component.html","../../../projects/components/avatar/src/avatar-more/avatar-more.component.ts","../../../projects/components/avatar/src/avatar-more/avatar-more.component.html","../../../projects/components/avatar/elementar-rt-components-avatar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const AVATAR_ACCESSOR = new InjectionToken('AVATAR_ACCESSOR');\nexport type AvatarPresenceIndicator = 'online' \| 'offline' \| 'away' \| null \| string;\n","import {\n AfterViewInit,\n booleanAttribute,\n Component,\n ElementRef,\n forwardRef,\n inject,\n input,\n OnChanges,\n OnInit,\n SimpleChanges\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\n\nconst alreadyLoadedImages: string[] = [];\n\n@Component({\n selector: 'emr-avatar,[emr-avatar]',\n exportAs: 'emrAvatar',\n standalone: true,\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => AvatarComponent),\n multi: true\n }\n ],\n host: {\n 'class': 'emr-avatar',\n '[class.is-clickable]': 'clickable()',\n '[class.has-automatic-color]': '!!automaticColor()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class AvatarComponent implements OnInit, OnChanges, AfterViewInit {\n private _elementRef = inject(ElementRef);\n\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n label = input('');\n alt = input('');\n automaticColor = input();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected showLabel = false;\n\n ngOnInit() {\n if (!this.image()) {\n return;\n }\n\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.showLabel = true;\n }, 0);\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['automaticColor'] && changes['automaticColor'].currentValue) {\n this._setAutomaticColor(changes['automaticColor'].currentValue);\n }\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n\n private _setAutomaticColor(color: any): void {\n if (!this.isValidHex(color)) {\n throw new Error(`Invalid ${color} color, automatic color supports only a valid hex color`);\n }\n\n const element = this._elementRef.nativeElement as HTMLElement;\n element.style.setProperty('--emr-avatar-bg', color);\n element.style.setProperty('--emr-avatar-border-color', this._newShade(color, -25));\n element.style.setProperty('--emr-avatar-color', this._newShade(color, -150));\n }\n\n private _newShade(hexColor: string, magnitude: number): string {\n hexColor = hexColor.replace(`#`, ``);\n if (hexColor.length === 6) {\n const decimalColor = parseInt(hexColor, 16);\n let r = (decimalColor >> 16) + magnitude;\n r > 255 && (r = 255);\n r < 0 && (r = 0);\n let g = (decimalColor & 0x0000ff) + magnitude;\n g > 255 && (g = 255);\n g < 0 && (g = 0);\n let b = ((decimalColor >> 8) & 0x00ff) + magnitude;\n b > 255 && (b = 255);\n b < 0 && (b = 0);\n return `#${(g \| (b << 8) \| (r << 16)).toString(16)}`;\n } else {\n return hexColor;\n }\n };\n\n isValidHex(color: any): boolean {\n if(!color \|\| typeof color !== 'string') {\n return false;\n }\n\n // Validate hex values\n if(color.substring(0, 1) === '#') {\n color = color.substring(1);\n }\n\n switch(color.length) {\n case 3: {\n return /^[0-9A-F]{3}$/i.test(color);\n }\n case 6: {\n return /^[0-9A-F]{6}$/i.test(color);\n }\n case 8: {\n return /^[0-9A-F]{8}$/i.test(color);\n }\n default: {\n return false;\n }\n }\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\" [alt]=\"alt()\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (label() && showLabel) {\n <svg viewBox=\"0 0 50 50\" class=\"text\">\n <text\n x=\"50%\"\n y=\"50%\"\n alignment-baseline=\"central\"\n text-anchor=\"middle\"\n font-weight=\"inherit\"\n font-size=\"20\"\n fill=\"currentColor\">{{ label() }}</text>\n </svg>\n}\n\n<ng-content select=\"mat-icon,emr-icon\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-group',\n exportAs: 'emrAvatarGroup',\n standalone: true,\n templateUrl: './avatar-group.component.html',\n styleUrl: './avatar-group.component.scss',\n host: {\n 'class': 'emr-avatar-group'\n }\n})\nexport class AvatarGroupComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n// DEPRECATED\n@Component({\n selector: 'emr-avatar-total,[emr-avatar-total]',\n exportAs: 'emrAvatarTotal',\n standalone: true,\n templateUrl: './avatar-total.component.html',\n styleUrl: './avatar-total.component.scss',\n host: {\n 'class': 'emr-avatar-total'\n }\n})\nexport class AvatarTotalComponent {\n}\n","<ng-content></ng-content>\n","import {\n booleanAttribute,\n Component,\n forwardRef,\n input, OnInit\n} from '@angular/core';\nimport { AVATAR_ACCESSOR, AvatarPresenceIndicator } from '../types';\nimport { createAvatar } from '@dicebear/core';\nimport { identicon, initials } from '@dicebear/collection';\nimport { v7 as uuid } from 'uuid';\nimport { SafeHtmlPipe } from '@elementar-rt/components/core';\n\nexport interface Preset {\n style: any,\n options?: {\n scale?: number;\n backgroundColor?: string[];\n fontWeight?: number;\n }\n}\n\nconst alreadyLoadedImages: string[] = [];\nconst presets: {[prop: string]: Preset} = {\n 'identicon': {\n style: identicon,\n options: {\n scale: 55,\n backgroundColor: ['cbebf7', 'ebe1fc', 'd1f9db', 'f7e4e7', 'fce8d4', 'dcfcf9']\n }\n },\n 'initials': {\n style: initials,\n options: {\n scale: 75,\n fontWeight: 500\n }\n }\n};\n\n@Component({\n selector: 'emr-dicebear,[emr-dicebear]',\n exportAs: 'emrDicebear',\n templateUrl: './dicebear.component.html',\n styleUrl: './dicebear.component.scss',\n providers: [\n {\n provide: AVATAR_ACCESSOR,\n useExisting: forwardRef(() => DicebearComponent),\n multi: true\n }\n ],\n imports: [\n SafeHtmlPipe,\n ],\n host: {\n 'class': 'emr-avatar emr-dicebear',\n '[class.is-clickable]': 'clickable()',\n '[class.has-loaded-image]': 'image() && imageLoaded',\n }\n})\nexport class DicebearComponent implements OnInit {\n image = input<string>('');\n clickable = input(false, {\n transform: booleanAttribute\n });\n key = input<any>();\n preset = input<string>('identicon');\n alt = input<string>();\n presenceIndicator = input<AvatarPresenceIndicator>(null);\n\n protected imageLoaded: boolean;\n protected svg = '';\n\n ngOnInit() {\n if (this.image()) {\n this.imageLoaded = alreadyLoadedImages.includes(<string>this.image());\n }\n\n const preset = presets[this.preset()];\n const avatar = createAvatar(preset.style, {\n seed: this.key() \|\| '',\n ...preset.options\n });\n this.svg = avatar.toString().replace('viewboxMask', uuid());\n }\n\n onImageLoaded(): void {\n if (this.imageLoaded) {\n return;\n }\n\n alreadyLoadedImages.push(<string>this.image());\n this.imageLoaded = true;\n }\n}\n","@if (image()) {\n <img class=\"image\" loading=\"lazy\" [src]=\"image()\"\n [alt]=\"alt() \|\| ''\" (load)=\"onImageLoaded()\">\n}\n\n@if (presenceIndicator()) {\n <div class=\"presence-indicator\"\n [class.is-online]=\"presenceIndicator() === 'online'\"\n [class.is-offline]=\"presenceIndicator() === 'offline'\"\n [class.is-away]=\"presenceIndicator() === 'away'\"></div>\n}\n\n@if (!image() && svg) {\n <div class=\"svg\" [innerHTML]=\"svg \| safeHtml\"></div>\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-avatar-more,[emr-avatar-more]',\n exportAs: 'emrAvatarMore',\n imports: [],\n templateUrl: './avatar-more.component.html',\n styleUrl: './avatar-more.component.scss',\n host: {\n 'class': 'emr-avatar-more'\n }\n})\nexport class AvatarMoreComponent {\n\n}\n","<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["alreadyLoadedImages","uuid"],"mappings":"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"}

package/fesm2022/elementar-rt-components-badge.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, booleanAttribute, Component } from '@angular/core';
+class BadgeComponent {
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    max = input(99, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    dot = input(false, ...(ngDevMode ? [{ debugName: "dot", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    standalone = input(false, ...(ngDevMode ? [{ debugName: "standalone", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    position = input('top-right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    get displayValue() {
+        const v = this.value();
+        if (v === null || this.dot())
+            return '';
+        if (typeof v === 'number' && v > this.max())
+            return `${this.max()}+`;
+        return String(v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: BadgeComponent, isStandalone: true, selector: "emr-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, standalone: { classPropertyName: "standalone", publicName: "standalone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-dot": "dot()", "class.is-standalone": "standalone()", "attr.data-variant": "variant()", "attr.data-position": "position()" }, classAttribute: "emr-badge" }, exportAs: ["emrBadge"], ngImport: i0, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-badge', exportAs: 'emrBadge', host: {
+                        'class': 'emr-badge',
+                        '[class.is-dot]': 'dot()',
+                        '[class.is-standalone]': 'standalone()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-position]': 'position()',
+                    }, template: "<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n", styles: [":host{--emr-badge-size: calc(var(--spacing, .25rem) * 5);--emr-badge-dot-size: calc(var(--spacing, .25rem) * 2.5);--emr-badge-font-size: .75rem;--emr-badge-font-weight: 600;--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary);--emr-badge-border: 2px solid var(--color-surface);--emr-badge-border-radius: calc(infinity * 1px);--emr-badge-offset: calc(var(--spacing, .25rem) * -1.5);--emr-badge-min-width: var(--emr-badge-size);--emr-badge-padding: 0 calc(var(--spacing, .25rem) * 1.5);position:relative;display:inline-flex;align-items:center;justify-content:center}:host .badge-indicator{position:absolute;display:flex;align-items:center;justify-content:center;min-width:var(--emr-badge-min-width);height:var(--emr-badge-size);padding:var(--emr-badge-padding);background:var(--emr-badge-bg);color:var(--emr-badge-color);font-size:var(--emr-badge-font-size);font-weight:var(--emr-badge-font-weight);border-radius:var(--emr-badge-border-radius);border:var(--emr-badge-border);line-height:1;white-space:nowrap;z-index:1}:host[data-position=top-right] .badge-indicator{top:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,-50%)}:host[data-position=top-left] .badge-indicator{top:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,-50%)}:host[data-position=bottom-right] .badge-indicator{bottom:var(--emr-badge-offset);right:var(--emr-badge-offset);transform:translate(50%,50%)}:host[data-position=bottom-left] .badge-indicator{bottom:var(--emr-badge-offset);left:var(--emr-badge-offset);transform:translate(-50%,50%)}:host.is-dot .badge-indicator{min-width:var(--emr-badge-dot-size);height:var(--emr-badge-dot-size);padding:0}:host.is-standalone{position:static}:host.is-standalone .badge-indicator{position:static;transform:none}:host[data-variant=primary]{--emr-badge-bg: var(--color-primary);--emr-badge-color: var(--color-on-primary)}:host[data-variant=success]{--emr-badge-bg: var(--color-green);--emr-badge-color: var(--color-on-green)}:host[data-variant=warning]{--emr-badge-bg: var(--color-orange);--emr-badge-color: var(--color-on-orange)}:host[data-variant=danger]{--emr-badge-bg: var(--color-red);--emr-badge-color: var(--color-on-red)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], standalone: [{ type: i0.Input, args: [{ isSignal: true, alias: "standalone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { BadgeComponent };
+//# sourceMappingURL=elementar-rt-components-badge.mjs.map

package/fesm2022/elementar-rt-components-badge.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-badge.mjs","sources":["../../../projects/components/badge/src/badge/badge.component.ts","../../../projects/components/badge/src/badge/badge.component.html","../../../projects/components/badge/elementar-rt-components-badge.ts"],"sourcesContent":["import { booleanAttribute, Component, input, numberAttribute } from '@angular/core';\n\nexport type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | string;\nexport type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n\n@Component({\n selector: 'emr-badge',\n exportAs: 'emrBadge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n host: {\n 'class': 'emr-badge',\n '[class.is-dot]': 'dot()',\n '[class.is-standalone]': 'standalone()',\n '[attr.data-variant]': 'variant()',\n '[attr.data-position]': 'position()',\n }\n})\nexport class BadgeComponent {\n value = input<number | string | null>(null);\n max = input(99, { transform: numberAttribute });\n dot = input(false, { transform: booleanAttribute });\n standalone = input(false, { transform: booleanAttribute });\n variant = input<BadgeVariant>('default');\n position = input<BadgePosition>('top-right');\n\n protected get displayValue(): string {\n const v = this.value();\n if (v === null || this.dot()) return '';\n if (typeof v === 'number' && v > this.max()) return `${this.max()}+`;\n return String(v);\n }\n}\n","<ng-content/>\n<span class=\"badge-indicator\">{{ displayValue }}</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAkBa,cAAc,CAAA;AACzB,IAAA,KAAK,GAAG,KAAK,CAAyB,IAAI,iDAAC;AAC3C,IAAA,GAAG,GAAG,KAAK,CAAC,EAAE,uCAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAC/C,IAAA,GAAG,GAAG,KAAK,CAAC,KAAK,uCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACnD,IAAA,UAAU,GAAG,KAAK,CAAC,KAAK,8CAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AAC1D,IAAA,OAAO,GAAG,KAAK,CAAe,SAAS,mDAAC;AACxC,IAAA,QAAQ,GAAG,KAAK,CAAgB,WAAW,oDAAC;AAE5C,IAAA,IAAc,YAAY,GAAA;AACxB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,EAAE;QACvC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE;AAAE,YAAA,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG;AACpE,QAAA,OAAO,MAAM,CAAC,CAAC,CAAC;IAClB;wGAbW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,wgCClB3B,4EAEA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA,CAAA;;4FDgBa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,UAAU,EAAA,IAAA,EAGd;AACJ,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,gBAAgB,EAAE,OAAO;AACzB,wBAAA,uBAAuB,EAAE,cAAc;AACvC,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,sBAAsB,EAAE,YAAY;AACrC,qBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,wvEAAA,CAAA,EAAA;;;AEhBH;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-block-loader.mjs CHANGED Viewed

@@ -13,10 +13,10 @@ class BlockLoaderContainerDirective {
         const element = this.elementRef.nativeElement;
         this.renderer.removeStyle(element, 'position');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockLoaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: BlockLoaderContainerDirective, isStandalone: true, selector: "[emrBlockLoaderContainer]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: BlockLoaderContainerDirective, isStandalone: true, selector: "[emrBlockLoaderContainer]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockLoaderContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrBlockLoaderContainer]'
@@ -33,17 +33,17 @@ class BlockLoaderComponent {
     spinnerStrokeWidth = input(4, ...(ngDevMode ? [{ debugName: "spinnerStrokeWidth", transform: numberAttribute }] : [{
             transform: numberAttribute
         }]));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: BlockLoaderComponent, isStandalone: true, selector: "emr-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "emr-block-loader" }, exportAs: ["emrBlockLoader"], ngImport: i0, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\r\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\r\n<div class=\"message\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: BlockLoaderComponent, isStandalone: true, selector: "emr-block-loader", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-loading": "loading()" }, classAttribute: "emr-block-loader" }, exportAs: ["emrBlockLoader"], ngImport: i0, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-loader', exportAs: 'emrBlockLoader', imports: [
                         MatProgressSpinner
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-block-loader',
                         '[class.is-loading]': 'loading()'
-                    }, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\r\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\r\n<div class=\"message\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<mat-spinner [diameter]=\"spinnerDiameter()\"\n             [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n  <ng-content/>\n</div>\n", styles: [":host{--emr-block-loader-bg: rgba(255, 255, 255, .7);position:absolute;inset:0;background:var(--emr-block-loader-bg);visibility:hidden;z-index:-99;display:flex;align-items:center;justify-content:center;border-radius:inherit;flex-direction:column;gap:calc(var(--spacing, .25rem) * 4);-webkit-user-select:none;user-select:none}:host.is-loading{visibility:visible;z-index:99}:host .message{font-size:.875rem;text-align:center;max-width:800px}:host .message:empty{display:none}:host-context(html.dark){--emr-block-loader-bg: rgba(0, 0, 0, .7)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], spinnerDiameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerDiameter", required: false }] }], spinnerStrokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "spinnerStrokeWidth", required: false }] }] } });
 /**

package/fesm2022/elementar-rt-components-block-loader.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.html","../../../projects/components/block-loader/elementar-rt-components-block-loader.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[emrBlockLoaderContainer]'\r\n})\r\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\r\n private elementRef = inject(ElementRef);\r\n private renderer = inject(Renderer2);\r\n\r\n ngOnInit() {\r\n const element = this.elementRef.nativeElement as HTMLElement;\r\n this.renderer.setStyle(element, 'position', 'relative');\r\n }\r\n\r\n ngOnDestroy() {\r\n const element = this.elementRef.nativeElement as HTMLElement;\r\n this.renderer.removeStyle(element, 'position');\r\n }\r\n}\r\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\n\r\n@Component({\r\n selector: 'emr-block-loader',\r\n exportAs: 'emrBlockLoader',\r\n imports: [\r\n MatProgressSpinner\r\n ],\r\n templateUrl: './block-loader.component.html',\r\n styleUrl: './block-loader.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n 'class': 'emr-block-loader',\r\n '[class.is-loading]': 'loading()'\r\n }\r\n})\r\nexport class BlockLoaderComponent {\r\n readonly loading = input(false, {\r\n transform: booleanAttribute\r\n });\r\n readonly spinnerDiameter = input(48, {\r\n transform: numberAttribute\r\n });\r\n readonly spinnerStrokeWidth = input(4, {\r\n transform: numberAttribute\r\n });\r\n}\r\n","<mat-spinner [diameter]=\"spinnerDiameter()\"\r\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\r\n<div class=\"message\">\r\n <ng-content/>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAKa,6BAA6B,CAAA;AAChC,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;IAEpC,QAAQ,GAAA;AACN,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;QAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC;IACzD;IAEA,WAAW,GAAA;AACT,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;QAC5D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC;IAChD;wGAZW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAHzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;MCaY,oBAAoB,CAAA;IACtB,OAAO,GAAG,KAAK,CAAC,KAAK,2CAC5B,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADG;AAC9B,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACO,eAAe,GAAG,KAAK,CAAC,EAAE,mDACjC,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CADS;AACnC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACO,kBAAkB,GAAG,KAAK,CAAC,CAAC,sDACnC,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CADW;AACrC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;wGATS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBjC,~~oKAKA~~,EAAA,MAAA,EAAA,CAAA,~~mmBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEI,kBAAkB,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAUT,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB;wBACP;qBACD,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,oBAAoB,EAAE;AACvB,qBAAA,EAAA,QAAA,EAAA,~~oKAAA~~,EAAA,MAAA,EAAA,CAAA,~~mmBAAA~~,CAAA,EAAA;;;AEfH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-block-loader.mjs","sources":["../../../projects/components/block-loader/src/block-loader-container.directive.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.ts","../../../projects/components/block-loader/src/block-loader/block-loader.component.html","../../../projects/components/block-loader/elementar-rt-components-block-loader.ts"],"sourcesContent":["import { Directive, ElementRef, inject, OnDestroy, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[emrBlockLoaderContainer]'\n})\nexport class BlockLoaderContainerDirective implements OnInit, OnDestroy {\n private elementRef = inject(ElementRef);\n private renderer = inject(Renderer2);\n\n ngOnInit() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.setStyle(element, 'position', 'relative');\n }\n\n ngOnDestroy() {\n const element = this.elementRef.nativeElement as HTMLElement;\n this.renderer.removeStyle(element, 'position');\n }\n}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\n\n@Component({\n selector: 'emr-block-loader',\n exportAs: 'emrBlockLoader',\n imports: [\n MatProgressSpinner\n ],\n templateUrl: './block-loader.component.html',\n styleUrl: './block-loader.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'emr-block-loader',\n '[class.is-loading]': 'loading()'\n }\n})\nexport class BlockLoaderComponent {\n readonly loading = input(false, {\n transform: booleanAttribute\n });\n readonly spinnerDiameter = input(48, {\n transform: numberAttribute\n });\n readonly spinnerStrokeWidth = input(4, {\n transform: numberAttribute\n });\n}\n","<mat-spinner [diameter]=\"spinnerDiameter()\"\n [strokeWidth]=\"spinnerStrokeWidth()\"/>\n<div class=\"message\">\n <ng-content/>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-block-state.mjs CHANGED Viewed

@@ -2,69 +2,69 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 class BlockStateComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateComponent, isStandalone: true, selector: "emr-block-state", host: { classAttribute: "emr-block-state" }, exportAs: ["emrBlockState"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-block-state-padding: 0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding:var(--emr-block-state-padding)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateComponent, isStandalone: true, selector: "emr-block-state", host: { classAttribute: "emr-block-state" }, exportAs: ["emrBlockState"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-block-state-padding: 0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding:var(--emr-block-state-padding)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state', exportAs: 'emrBlockState', host: {
                         'class': 'emr-block-state',
-                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-block-state-padding: 0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding:var(--emr-block-state-padding)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-block-state-padding: 0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 6);padding:var(--emr-block-state-padding)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class BlockStateImageComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateImageComponent, isStandalone: true, selector: "emr-block-state-image", host: { classAttribute: "emr-block-state-image" }, exportAs: ["emrBlockStateImage"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 8);width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}:host ::ng-deep img,:host ::ng-deep svg{max-width:100%;max-height:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateImageComponent, isStandalone: true, selector: "emr-block-state-image", host: { classAttribute: "emr-block-state-image" }, exportAs: ["emrBlockStateImage"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 8);width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}:host ::ng-deep img,:host ::ng-deep svg{max-width:100%;max-height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state-image', exportAs: 'emrBlockStateImage', host: {
                         'class': 'emr-block-state-image'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 8);width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}:host ::ng-deep img,:host ::ng-deep svg{max-width:100%;max-height:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 8);width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}:host ::ng-deep img,:host ::ng-deep svg{max-width:100%;max-height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class BlockStateIconComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateIconComponent, isStandalone: true, selector: "emr-block-state-icon", host: { classAttribute: "emr-block-state-icon" }, exportAs: ["emrBlockStateIcon"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 40);height:calc(var(--spacing, .25rem) * 40);background-color:var(--color-surface-container);border-radius:calc(infinity * 1px);margin-bottom:calc(var(--spacing, .25rem) * 6)}:host ::ng-deep emr-icon{--emr-icon-size: calc(var(--spacing, .25rem) * 28)}:host ::ng-deep mat-icon{font-size:6rem!important;width:auto!important;height:auto!important}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateIconComponent, isStandalone: true, selector: "emr-block-state-icon", host: { classAttribute: "emr-block-state-icon" }, exportAs: ["emrBlockStateIcon"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 40);height:calc(var(--spacing, .25rem) * 40);background-color:var(--color-surface-container);border-radius:calc(infinity * 1px);margin-bottom:calc(var(--spacing, .25rem) * 6)}:host ::ng-deep emr-icon{--emr-icon-size: calc(var(--spacing, .25rem) * 28)}:host ::ng-deep mat-icon{font-size:6rem!important;width:auto!important;height:auto!important}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state-icon', exportAs: 'emrBlockStateIcon', host: {
                         'class': 'emr-block-state-icon'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 40);height:calc(var(--spacing, .25rem) * 40);background-color:var(--color-surface-container);border-radius:calc(infinity * 1px);margin-bottom:calc(var(--spacing, .25rem) * 6)}:host ::ng-deep emr-icon{--emr-icon-size: calc(var(--spacing, .25rem) * 28)}:host ::ng-deep mat-icon{font-size:6rem!important;width:auto!important;height:auto!important}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 40);height:calc(var(--spacing, .25rem) * 40);background-color:var(--color-surface-container);border-radius:calc(infinity * 1px);margin-bottom:calc(var(--spacing, .25rem) * 6)}:host ::ng-deep emr-icon{--emr-icon-size: calc(var(--spacing, .25rem) * 28)}:host ::ng-deep mat-icon{font-size:6rem!important;width:auto!important;height:auto!important}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class BlockStateTitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateTitleComponent, isStandalone: true, selector: "emr-block-state-title,[emr-block-state-title]", host: { classAttribute: "emr-block-state-title" }, exportAs: ["emrBlockStateTitle"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:1.5rem;font-weight:700}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateTitleComponent, isStandalone: true, selector: "emr-block-state-title,[emr-block-state-title]", host: { classAttribute: "emr-block-state-title" }, exportAs: ["emrBlockStateTitle"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;font-size:1.5rem;font-weight:700}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state-title,[emr-block-state-title]', exportAs: 'emrBlockStateTitle', host: {
                         'class': 'emr-block-state-title'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:1.5rem;font-weight:700}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;font-size:1.5rem;font-weight:700}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class BlockStateContentComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateContentComponent, isStandalone: true, selector: "emr-block-state-content", host: { classAttribute: "emr-block-state-content" }, exportAs: ["emrBlockStateContent"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.875rem;color:var(--text-neutral-600)}:host-context(html.dark){color:var(--text-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateContentComponent, isStandalone: true, selector: "emr-block-state-content", host: { classAttribute: "emr-block-state-content" }, exportAs: ["emrBlockStateContent"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;font-size:.875rem;color:var(--text-neutral-600)}:host-context(html.dark){color:var(--text-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state-content', exportAs: 'emrBlockStateContent', host: {
                         'class': 'emr-block-state-content'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.875rem;color:var(--text-neutral-600)}:host-context(html.dark){color:var(--text-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;font-size:.875rem;color:var(--text-neutral-600)}:host-context(html.dark){color:var(--text-neutral-500)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class BlockStateActionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: BlockStateActionsComponent, isStandalone: true, selector: "emr-block-state-actions", host: { classAttribute: "emr-block-state-actions" }, exportAs: ["emrBlockStateActions"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BlockStateActionsComponent, isStandalone: true, selector: "emr-block-state-actions", host: { classAttribute: "emr-block-state-actions" }, exportAs: ["emrBlockStateActions"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BlockStateActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BlockStateActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-block-state-actions', exportAs: 'emrBlockStateActions', host: {
                         'class': 'emr-block-state-actions'
-                    }, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;align-items:center;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 /**

package/fesm2022/elementar-rt-components-block-state.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-block-state.mjs","sources":["../../../projects/components/block-state/src/block-state/block-state.component.ts","../../../projects/components/block-state/src/block-state/block-state.component.html","../../../projects/components/block-state/src/block-state-image/block-state-image.component.ts","../../../projects/components/block-state/src/block-state-image/block-state-image.component.html","../../../projects/components/block-state/src/block-state-icon/block-state-icon.component.ts","../../../projects/components/block-state/src/block-state-icon/block-state-icon.component.html","../../../projects/components/block-state/src/block-state-title/block-state-title.component.ts","../../../projects/components/block-state/src/block-state-title/block-state-title.component.html","../../../projects/components/block-state/src/block-state-content/block-state-content.component.ts","../../../projects/components/block-state/src/block-state-content/block-state-content.component.html","../../../projects/components/block-state/src/block-state-actions/block-state-actions.component.ts","../../../projects/components/block-state/src/block-state-actions/block-state-actions.component.html","../../../projects/components/block-state/elementar-rt-components-block-state.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state',\r\n exportAs: 'emrBlockState',\r\n templateUrl: './block-state.component.html',\r\n styleUrl: './block-state.component.scss',\r\n host: {\r\n 'class': 'emr-block-state',\r\n }\r\n})\r\nexport class BlockStateComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state-image',\r\n exportAs: 'emrBlockStateImage',\r\n templateUrl: './block-state-image.component.html',\r\n styleUrl: './block-state-image.component.scss',\r\n host: {\r\n 'class': 'emr-block-state-image'\r\n }\r\n})\r\nexport class BlockStateImageComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state-icon',\r\n exportAs: 'emrBlockStateIcon',\r\n templateUrl: './block-state-icon.component.html',\r\n styleUrl: './block-state-icon.component.scss',\r\n host: {\r\n 'class': 'emr-block-state-icon'\r\n }\r\n})\r\nexport class BlockStateIconComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state-title,[emr-block-state-title]',\r\n exportAs: 'emrBlockStateTitle',\r\n templateUrl: './block-state-title.component.html',\r\n styleUrl: './block-state-title.component.scss',\r\n host: {\r\n 'class': 'emr-block-state-title'\r\n }\r\n})\r\nexport class BlockStateTitleComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state-content',\r\n exportAs: 'emrBlockStateContent',\r\n templateUrl: './block-state-content.component.html',\r\n styleUrl: './block-state-content.component.scss',\r\n host: {\r\n 'class': 'emr-block-state-content'\r\n }\r\n})\r\nexport class BlockStateContentComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-block-state-actions',\r\n exportAs: 'emrBlockStateActions',\r\n templateUrl: './block-state-actions.component.html',\r\n styleUrl: './block-state-actions.component.scss',\r\n host: {\r\n 'class': 'emr-block-state-actions'\r\n }\r\n})\r\nexport class BlockStateActionsComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAWa,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,qJCXhC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA,~~2RAAA~~,CAAA,EAAA,CAAA;;4FDUa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;+BACE,iBAAiB,EAAA,QAAA,EACjB,eAAe,EAAA,IAAA,EAGnB;AACJ,wBAAA,OAAO,EAAE,iBAAiB;AAC3B,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~2RAAA~~,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,sKCXrC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA,~~8SAAA~~,CAAA,EAAA,CAAA;;4FDUa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EACvB,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~8SAAA~~,CAAA,EAAA;;;MEEU,uBAAuB,CAAA;wGAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,mKCXpC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA,~~0iBAAA~~,CAAA,EAAA,CAAA;;4FDUa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,mBAAmB,EAAA,IAAA,EAGvB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~0iBAAA~~,CAAA,EAAA;;;MEEU,wBAAwB,CAAA;wGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,8LCXrC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA,~~6HAAA~~,CAAA,EAAA,CAAA;;4FDUa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;+BACE,+CAA+C,EAAA,QAAA,EAC/C,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~6HAAA~~,CAAA,EAAA;;;MEEU,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,4KCXvC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA,~~mMAAA~~,CAAA,EAAA,CAAA;;4FDUa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA,~~mMAAA~~,CAAA,EAAA;;;MEEU,0BAA0B,CAAA;wGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,4KCXvC,~~mBACA~~,EAAA,MAAA,EAAA,CAAA~~,+KAAA~~,CAAA,EAAA,CAAA;;4FDUa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACE,yBAAyB,EAAA,QAAA,EACzB,sBAAsB,EAAA,IAAA,EAG1B;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,~~mBAAA~~,EAAA,MAAA,EAAA,CAAA~~,+KAAA~~,CAAA,EAAA;;;AETH;;AAEG;;;;"}
1	+ {"version":3,"file":"elementar-rt-components-block-state.mjs","sources":["../../../projects/components/block-state/src/block-state/block-state.component.ts","../../../projects/components/block-state/src/block-state/block-state.component.html","../../../projects/components/block-state/src/block-state-image/block-state-image.component.ts","../../../projects/components/block-state/src/block-state-image/block-state-image.component.html","../../../projects/components/block-state/src/block-state-icon/block-state-icon.component.ts","../../../projects/components/block-state/src/block-state-icon/block-state-icon.component.html","../../../projects/components/block-state/src/block-state-title/block-state-title.component.ts","../../../projects/components/block-state/src/block-state-title/block-state-title.component.html","../../../projects/components/block-state/src/block-state-content/block-state-content.component.ts","../../../projects/components/block-state/src/block-state-content/block-state-content.component.html","../../../projects/components/block-state/src/block-state-actions/block-state-actions.component.ts","../../../projects/components/block-state/src/block-state-actions/block-state-actions.component.html","../../../projects/components/block-state/elementar-rt-components-block-state.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state',\n exportAs: 'emrBlockState',\n templateUrl: './block-state.component.html',\n styleUrl: './block-state.component.scss',\n host: {\n 'class': 'emr-block-state',\n }\n})\nexport class BlockStateComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state-image',\n exportAs: 'emrBlockStateImage',\n templateUrl: './block-state-image.component.html',\n styleUrl: './block-state-image.component.scss',\n host: {\n 'class': 'emr-block-state-image'\n }\n})\nexport class BlockStateImageComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state-icon',\n exportAs: 'emrBlockStateIcon',\n templateUrl: './block-state-icon.component.html',\n styleUrl: './block-state-icon.component.scss',\n host: {\n 'class': 'emr-block-state-icon'\n }\n})\nexport class BlockStateIconComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state-title,[emr-block-state-title]',\n exportAs: 'emrBlockStateTitle',\n templateUrl: './block-state-title.component.html',\n styleUrl: './block-state-title.component.scss',\n host: {\n 'class': 'emr-block-state-title'\n }\n})\nexport class BlockStateTitleComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state-content',\n exportAs: 'emrBlockStateContent',\n templateUrl: './block-state-content.component.html',\n styleUrl: './block-state-content.component.scss',\n host: {\n 'class': 'emr-block-state-content'\n }\n})\nexport class BlockStateContentComponent {\n\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-block-state-actions',\n exportAs: 'emrBlockStateActions',\n templateUrl: './block-state-actions.component.html',\n styleUrl: './block-state-actions.component.scss',\n host: {\n 'class': 'emr-block-state-actions'\n }\n})\nexport class BlockStateActionsComponent {\n\n}\n","<ng-content/>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-bottom-sheet.mjs ADDED Viewed

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, Component, inject, ApplicationRef, EnvironmentInjector, createComponent, TemplateRef, Injectable } from '@angular/core';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+class BottomSheetComponent {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    size = input('auto', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disableClose = input(false, ...(ngDevMode ? [{ debugName: "disableClose", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    contentComponent = input(null, ...(ngDevMode ? [{ debugName: "contentComponent" }] : []));
+    contentTemplate = input(null, ...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    closeRequest = output();
+    _onBackdropClick(event) {
+        if (event.target === event.currentTarget && !this.disableClose()) {
+            this.closeRequest.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BottomSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: BottomSheetComponent, isStandalone: true, selector: "emr-bottom-sheet", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, contentComponent: { classPropertyName: "contentComponent", publicName: "contentComponent", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequest: "closeRequest" }, host: { listeners: { "click": "_onBackdropClick($event)" }, properties: { "class.is-open": "open()", "attr.data-size": "size()" }, classAttribute: "emr-bottom-sheet-overlay" }, exportAs: ["emrBottomSheet"], ngImport: i0, template: "<div class=\"sheet-panel\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"sheet-handle\"></div>\n  @if (contentComponent()) {\n    <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n  }\n  @if (contentTemplate()) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()!\"/>\n  }\n  <ng-content/>\n</div>\n", styles: [":host{--emr-sheet-overlay-bg: var(--color-scrim);--emr-sheet-bg: var(--color-surface-container-low);--emr-sheet-border-radius: 1.5rem 1.5rem 0 0;--emr-sheet-padding: calc(var(--spacing, .25rem) * 6);--emr-sheet-handle-width: calc(var(--spacing, .25rem) * 8);--emr-sheet-handle-height: var(--spacing, .25rem);--emr-sheet-handle-color: var(--color-outline-variant);--emr-sheet-max-height-half: 50dvh;--emr-sheet-max-height-full: 95dvh;position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:var(--emr-sheet-overlay-bg);opacity:0;pointer-events:none;transition:opacity .2s ease}@supports (color: color-mix(in lab,red,red)){:host{--emr-sheet-overlay-bg: color-mix(in srgb, var(--color-scrim) 50%, transparent)}}:host.is-open{opacity:1;pointer-events:auto}:host.is-open .sheet-panel{transform:translateY(0)}.sheet-panel{width:100%;max-width:calc(var(--spacing, .25rem) * 200);background:var(--emr-sheet-bg);border-radius:var(--emr-sheet-border-radius);padding:calc(var(--spacing, .25rem) * 3) var(--emr-sheet-padding) var(--emr-sheet-padding);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}:host([data-size=half]) .sheet-panel{max-height:var(--emr-sheet-max-height-half)}:host([data-size=full]) .sheet-panel{max-height:var(--emr-sheet-max-height-full)}.sheet-handle{width:var(--emr-sheet-handle-width);height:var(--emr-sheet-handle-height);background:var(--emr-sheet-handle-color);border-radius:calc(infinity * 1px);margin:0 auto calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BottomSheetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-bottom-sheet', exportAs: 'emrBottomSheet', imports: [NgComponentOutlet, NgTemplateOutlet], host: {
+                        'class': 'emr-bottom-sheet-overlay',
+                        '[class.is-open]': 'open()',
+                        '[attr.data-size]': 'size()',
+                        '(click)': '_onBackdropClick($event)',
+                    }, template: "<div class=\"sheet-panel\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"sheet-handle\"></div>\n  @if (contentComponent()) {\n    <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n  }\n  @if (contentTemplate()) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()!\"/>\n  }\n  <ng-content/>\n</div>\n", styles: [":host{--emr-sheet-overlay-bg: var(--color-scrim);--emr-sheet-bg: var(--color-surface-container-low);--emr-sheet-border-radius: 1.5rem 1.5rem 0 0;--emr-sheet-padding: calc(var(--spacing, .25rem) * 6);--emr-sheet-handle-width: calc(var(--spacing, .25rem) * 8);--emr-sheet-handle-height: var(--spacing, .25rem);--emr-sheet-handle-color: var(--color-outline-variant);--emr-sheet-max-height-half: 50dvh;--emr-sheet-max-height-full: 95dvh;position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:var(--emr-sheet-overlay-bg);opacity:0;pointer-events:none;transition:opacity .2s ease}@supports (color: color-mix(in lab,red,red)){:host{--emr-sheet-overlay-bg: color-mix(in srgb, var(--color-scrim) 50%, transparent)}}:host.is-open{opacity:1;pointer-events:auto}:host.is-open .sheet-panel{transform:translateY(0)}.sheet-panel{width:100%;max-width:calc(var(--spacing, .25rem) * 200);background:var(--emr-sheet-bg);border-radius:var(--emr-sheet-border-radius);padding:calc(var(--spacing, .25rem) * 3) var(--emr-sheet-padding) var(--emr-sheet-padding);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}:host([data-size=half]) .sheet-panel{max-height:var(--emr-sheet-max-height-half)}:host([data-size=full]) .sheet-panel{max-height:var(--emr-sheet-max-height-full)}.sheet-handle{width:var(--emr-sheet-handle-width);height:var(--emr-sheet-handle-height);background:var(--emr-sheet-handle-color);border-radius:calc(infinity * 1px);margin:0 auto calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }], contentComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentComponent", required: false }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: false }] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }] } });
+class EmrBottomSheet {
+    _appRef = inject(ApplicationRef);
+    _injector = inject(EnvironmentInjector);
+    open(componentOrTemplate, config = {}) {
+        const host = document.createElement('div');
+        document.body.appendChild(host);
+        const ref = createComponent(BottomSheetComponent, {
+            environmentInjector: this._injector,
+            hostElement: host,
+        });
+        ref.setInput('size', config.size ?? 'auto');
+        ref.setInput('disableClose', config.disableClose ?? false);
+        if (componentOrTemplate instanceof TemplateRef) {
+            ref.setInput('contentTemplate', componentOrTemplate);
+        }
+        else {
+            ref.setInput('contentComponent', componentOrTemplate);
+        }
+        this._appRef.attachView(ref.hostView);
+        setTimeout(() => ref.setInput('open', true), 16);
+        const close = () => {
+            ref.setInput('open', false);
+            setTimeout(() => { ref.destroy(); host.remove(); }, 350);
+        };
+        ref.instance.closeRequest.subscribe(close);
+        ref.changeDetectorRef.detectChanges();
+        return { close };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrBottomSheet, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrBottomSheet, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: EmrBottomSheet, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { BottomSheetComponent, EmrBottomSheet };
+//# sourceMappingURL=elementar-rt-components-bottom-sheet.mjs.map

package/fesm2022/elementar-rt-components-bottom-sheet.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-bottom-sheet.mjs","sources":["../../../projects/components/bottom-sheet/src/bottom-sheet/bottom-sheet.component.ts","../../../projects/components/bottom-sheet/src/bottom-sheet/bottom-sheet.component.html","../../../projects/components/bottom-sheet/src/bottom-sheet.service.ts","../../../projects/components/bottom-sheet/elementar-rt-components-bottom-sheet.ts"],"sourcesContent":["import {\n booleanAttribute,\n Component,\n input,\n output,\n TemplateRef,\n Type\n} from '@angular/core';\nimport { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\n\nexport type BottomSheetSize = 'auto' | 'half' | 'full';\n\n@Component({\n selector: 'emr-bottom-sheet',\n exportAs: 'emrBottomSheet',\n imports: [NgComponentOutlet, NgTemplateOutlet],\n templateUrl: './bottom-sheet.component.html',\n styleUrl: './bottom-sheet.component.scss',\n host: {\n 'class': 'emr-bottom-sheet-overlay',\n '[class.is-open]': 'open()',\n '[attr.data-size]': 'size()',\n '(click)': '_onBackdropClick($event)',\n }\n})\nexport class BottomSheetComponent {\n open = input(false, { transform: booleanAttribute });\n size = input<BottomSheetSize>('auto');\n disableClose = input(false, { transform: booleanAttribute });\n contentComponent = input<Type<any> | null>(null);\n contentTemplate = input<TemplateRef<any> | null>(null);\n\n readonly closeRequest = output<void>();\n\n protected _onBackdropClick(event: MouseEvent) {\n if (event.target === event.currentTarget && !this.disableClose()) {\n this.closeRequest.emit();\n }\n }\n}\n","<div class=\"sheet-panel\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"sheet-handle\"></div>\n @if (contentComponent()) {\n <ng-container [ngComponentOutlet]=\"contentComponent()!\"/>\n }\n @if (contentTemplate()) {\n <ng-container [ngTemplateOutlet]=\"contentTemplate()!\"/>\n }\n <ng-content/>\n</div>\n","import {\n ApplicationRef,\n ComponentRef,\n createComponent,\n EnvironmentInjector,\n inject,\n Injectable,\n TemplateRef,\n Type\n} from '@angular/core';\nimport { BottomSheetComponent, BottomSheetSize } from './bottom-sheet/bottom-sheet.component';\n\nexport interface BottomSheetConfig {\n size?: BottomSheetSize;\n disableClose?: boolean;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class EmrBottomSheet {\n private _appRef = inject(ApplicationRef);\n private _injector = inject(EnvironmentInjector);\n\n open<T>(componentOrTemplate: Type<T> | TemplateRef<T>, config: BottomSheetConfig = {}): { close: () => void } {\n const host = document.createElement('div');\n document.body.appendChild(host);\n\n const ref: ComponentRef<BottomSheetComponent> = createComponent(BottomSheetComponent, {\n environmentInjector: this._injector,\n hostElement: host,\n });\n\n ref.setInput('size', config.size ?? 'auto');\n ref.setInput('disableClose', config.disableClose ?? false);\n\n if (componentOrTemplate instanceof TemplateRef) {\n ref.setInput('contentTemplate', componentOrTemplate);\n } else {\n ref.setInput('contentComponent', componentOrTemplate);\n }\n\n this._appRef.attachView(ref.hostView);\n\n setTimeout(() => ref.setInput('open', true), 16);\n\n const close = () => {\n ref.setInput('open', false);\n setTimeout(() => { ref.destroy(); host.remove(); }, 350);\n };\n\n ref.instance.closeRequest.subscribe(close);\n ref.changeDetectorRef.detectChanges();\n\n return { close };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-brand-colors.mjs CHANGED Viewed

@@ -46,16 +46,16 @@ class BrandColorsComponent {
     setDisabledState(isDisabled) {
         this._disabled = coerceBooleanProperty(isDisabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BrandColorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: BrandColorsComponent, isStandalone: true, selector: "emr-brand-colors", inputs: { colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, selectedColor: { classPropertyName: "selectedColor", publicName: "selectedColor", isSignal: true, isRequired: false, transformFunction: null }, withGradient: { classPropertyName: "withGradient", publicName: "withGradient", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.is-disabled": "disabled() || _disabled", "class.with-gradient": "withGradient()" }, classAttribute: "emr-brand-colors" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BrandColorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: BrandColorsComponent, isStandalone: true, selector: "emr-brand-colors", inputs: { colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, selectedColor: { classPropertyName: "selectedColor", publicName: "selectedColor", isSignal: true, isRequired: false, transformFunction: null }, withGradient: { classPropertyName: "withGradient", publicName: "withGradient", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.is-disabled": "disabled() || _disabled", "class.with-gradient": "withGradient()" }, classAttribute: "emr-brand-colors" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BrandColorsComponent),
                 multi: true
             }
-        ], exportAs: ["emrBrandColors"], usesOnChanges: true, ngImport: i0, template: "@for (color of colors(); track color) {\r\n  <button class=\"color\"\r\n       [style.--color]=\"color\"\r\n       [class.is-selected]=\"_selectedColor === color\"\r\n       (click)=\"selectColor(color)\">\r\n  </button>\r\n}\r\n\r\n", styles: [":host{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 6);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 3);display:inline-flex;flex-wrap:wrap;gap:var(--emr-brand-colors-gap);line-height:0}:host .color{--color: transparent;width:var(--emr-brand-colors-color-size);height:var(--emr-brand-colors-color-size);border-radius:calc(infinity * 1px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;position:relative;background:var(--color);line-height:0;flex:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}:host .color:hover{scale:1.05}:host .color:active{scale:.95}:host .color.is-selected:before{content:\"\";position:absolute;border-radius:calc(infinity * 1px);background:#fff;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}:host.is-disabled{pointer-events:none;opacity:60%}:host.with-gradient .color{box-shadow:#32325d26 0 2px 8px inset}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrBrandColors"], usesOnChanges: true, ngImport: i0, template: "@for (color of colors(); track color) {\n  <button class=\"color\"\n       [style.--color]=\"color\"\n       [class.is-selected]=\"_selectedColor === color\"\n       (click)=\"selectColor(color)\">\n  </button>\n}\n\n", styles: [":host{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 6);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 3);display:inline-flex;flex-wrap:wrap;gap:var(--emr-brand-colors-gap);line-height:0}:host .color{--color: transparent;width:var(--emr-brand-colors-color-size);height:var(--emr-brand-colors-color-size);border-radius:calc(infinity * 1px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;position:relative;background:var(--color);line-height:0;flex:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}:host .color:hover{scale:1.05}:host .color:active{scale:.95}:host .color.is-selected:before{content:\"\";position:absolute;border-radius:calc(infinity * 1px);background:#fff;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}:host.is-disabled{pointer-events:none;opacity:60%}:host.with-gradient .color{box-shadow:#32325d26 0 2px 8px inset}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: BrandColorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BrandColorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-brand-colors', exportAs: 'emrBrandColors', imports: [], providers: [
                         {
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         'class': 'emr-brand-colors',
                         '[class.is-disabled]': 'disabled() || _disabled',
                         '[class.with-gradient]': 'withGradient()'
-                    }, template: "@for (color of colors(); track color) {\r\n  <button class=\"color\"\r\n       [style.--color]=\"color\"\r\n       [class.is-selected]=\"_selectedColor === color\"\r\n       (click)=\"selectColor(color)\">\r\n  </button>\r\n}\r\n\r\n", styles: [":host{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 6);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 3);display:inline-flex;flex-wrap:wrap;gap:var(--emr-brand-colors-gap);line-height:0}:host .color{--color: transparent;width:var(--emr-brand-colors-color-size);height:var(--emr-brand-colors-color-size);border-radius:calc(infinity * 1px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;position:relative;background:var(--color);line-height:0;flex:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}:host .color:hover{scale:1.05}:host .color:active{scale:.95}:host .color.is-selected:before{content:\"\";position:absolute;border-radius:calc(infinity * 1px);background:#fff;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}:host.is-disabled{pointer-events:none;opacity:60%}:host.with-gradient .color{box-shadow:#32325d26 0 2px 8px inset}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@for (color of colors(); track color) {\n  <button class=\"color\"\n       [style.--color]=\"color\"\n       [class.is-selected]=\"_selectedColor === color\"\n       (click)=\"selectColor(color)\">\n  </button>\n}\n\n", styles: [":host{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 6);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 3);display:inline-flex;flex-wrap:wrap;gap:var(--emr-brand-colors-gap);line-height:0}:host .color{--color: transparent;width:var(--emr-brand-colors-color-size);height:var(--emr-brand-colors-color-size);border-radius:calc(infinity * 1px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;position:relative;background:var(--color);line-height:0;flex:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}:host .color:hover{scale:1.05}:host .color:active{scale:.95}:host .color.is-selected:before{content:\"\";position:absolute;border-radius:calc(infinity * 1px);background:#fff;width:calc(var(--spacing, .25rem) * 3);height:calc(var(--spacing, .25rem) * 3);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}:host.is-disabled{pointer-events:none;opacity:60%}:host.with-gradient .color{box-shadow:#32325d26 0 2px 8px inset}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], selectedColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedColor", required: false }] }], withGradient: [{ type: i0.Input, args: [{ isSignal: true, alias: "withGradient", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], colorChange: [{ type: i0.Output, args: ["colorChange"] }] } });
 /**