@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-card-overlay.mjs

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Component, inject, ElementRef, Renderer2, Directive } from '@angular/core';
+
+class CardOverlayComponent {
+    withTranslate = input(false, ...(ngDevMode ? [{ debugName: "withTranslate", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    withBlur = input(false, ...(ngDevMode ? [{ debugName: "withBlur", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CardOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: CardOverlayComponent, isStandalone: true, selector: "emr-card-overlay", inputs: { withTranslate: { classPropertyName: "withTranslate", publicName: "withTranslate", isSignal: true, isRequired: false, transformFunction: null }, withBlur: { classPropertyName: "withBlur", publicName: "withBlur", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.with-translate": "withTranslate()", "class.with-blur": "withBlur()", "class.is-disabled": "disabled()" }, classAttribute: "emr-card-overlay" }, exportAs: ["emrCardOverlay"], ngImport: i0, template: "<div class=\"background\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;border-radius:inherit}:host .background{background-color:#0000004d;position:absolute;inset:0;z-index:0;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:inherit}:host .content{z-index:1;opacity:0;border-radius:inherit}:host.with-translate .background{transition:all .15s cubic-bezier(.4,0,.2,1)}:host.with-blur .background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:host.is-disabled{z-index:-1}:host-context(.emr-card-overlay-container:hover):not(.is-disabled) .background,:host-context(.emr-card-overlay-container:hover):not(.is-disabled) .content{opacity:100%}:host-context(.emr-card-overlay-container:hover):not(.is-disabled).with-translate .background{transition:all .15s cubic-bezier(.4,0,.2,1)}:host-context(html.dark) .background{background-color:#fff3}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CardOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-card-overlay', exportAs: 'emrCardOverlay', imports: [], host: {
+                        'class': 'emr-card-overlay',
+                        '[class.with-translate]': 'withTranslate()',
+                        '[class.with-blur]': 'withBlur()',
+                        '[class.is-disabled]': 'disabled()',
+                    }, template: "<div class=\"background\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;border-radius:inherit}:host .background{background-color:#0000004d;position:absolute;inset:0;z-index:0;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:inherit}:host .content{z-index:1;opacity:0;border-radius:inherit}:host.with-translate .background{transition:all .15s cubic-bezier(.4,0,.2,1)}:host.with-blur .background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:host.is-disabled{z-index:-1}:host-context(.emr-card-overlay-container:hover):not(.is-disabled) .background,:host-context(.emr-card-overlay-container:hover):not(.is-disabled) .content{opacity:100%}:host-context(.emr-card-overlay-container:hover):not(.is-disabled).with-translate .background{transition:all .15s cubic-bezier(.4,0,.2,1)}:host-context(html.dark) .background{background-color:#fff3}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { withTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "withTranslate", required: false }] }], withBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "withBlur", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+class CardOverlayContainerDirective {
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    ngOnInit() {
+        const nativeElement = this._elementRef.nativeElement;
+        this._renderer.setStyle(nativeElement, 'position', 'relative');
+        this._renderer.setStyle(nativeElement, 'overflow', 'hidden');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CardOverlayContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CardOverlayContainerDirective, isStandalone: true, selector: "[emrCardOverlayContainer]", host: { classAttribute: "emr-card-overlay-container" }, exportAs: ["emrCardOverlayContainer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CardOverlayContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrCardOverlayContainer]',
+                    exportAs: 'emrCardOverlayContainer',
+                    standalone: true,
+                    host: {
+                        'class': 'emr-card-overlay-container',
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardOverlayComponent, CardOverlayContainerDirective };
+//# sourceMappingURL=elementar-rt-components-card-overlay.mjs.map

package/fesm2022/elementar-rt-components-card-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-card-overlay.mjs","sources":["../../../projects/components/card-overlay/src/card-overlay/card-overlay.component.ts","../../../projects/components/card-overlay/src/card-overlay/card-overlay.component.html","../../../projects/components/card-overlay/src/card-overlay-container.directive.ts","../../../projects/components/card-overlay/elementar-rt-components-card-overlay.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-card-overlay',\r\n  exportAs: 'emrCardOverlay',\r\n  imports: [],\r\n  templateUrl: './card-overlay.component.html',\r\n  styleUrl: './card-overlay.component.scss',\r\n  host: {\r\n    'class': 'emr-card-overlay',\r\n    '[class.with-translate]': 'withTranslate()',\r\n    '[class.with-blur]': 'withBlur()',\r\n    '[class.is-disabled]': 'disabled()',\r\n  }\r\n})\r\nexport class CardOverlayComponent {\r\n  withTranslate = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  withBlur = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  disabled = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n}\r\n","<div class=\"background\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n","import { Directive, ElementRef, inject, OnInit, Renderer2 } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrCardOverlayContainer]',\r\n  exportAs: 'emrCardOverlayContainer',\r\n  standalone: true,\r\n  host: {\r\n    'class': 'emr-card-overlay-container',\r\n  }\r\n})\r\nexport class CardOverlayContainerDirective implements OnInit {\r\n  private _elementRef = inject(ElementRef);\r\n  private _renderer = inject(Renderer2);\r\n\r\n  ngOnInit() {\r\n    const nativeElement = this._elementRef.nativeElement as HTMLElement;\r\n    this._renderer.setStyle(nativeElement, 'position', 'relative');\r\n    this._renderer.setStyle(nativeElement, 'overflow', 'hidden');\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAea,oBAAoB,CAAA;IAC/B,aAAa,GAAG,KAAK,CAAC,KAAK,iDACzB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADA;AAC3B,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,QAAQ,GAAG,KAAK,CAAC,KAAK,4CACpB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADL;AACtB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;wGATS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,qrBCfjC,8FAIA,EAAA,MAAA,EAAA,CAAA,6/BAAA,CAAA,EAAA,CAAA;;4FDWa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,wBAAwB,EAAE,iBAAiB;AAC3C,wBAAA,mBAAmB,EAAE,YAAY;AACjC,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,6/BAAA,CAAA,EAAA;;;MEHU,6BAA6B,CAAA;AAChC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAErC,QAAQ,GAAA;AACN,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QACnE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC;IAC9D;wGARW,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,IAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,4BAA4B;AACtC;AACF,iBAAA;;;ACTD;;AAEG;;;;"}