@open-iframe-resizer/angular 2.2.0

package/LICENSE.md

@@ -0,0 +1,20 @@
+Copyright (c) 2012-2024 Scott Chacon and others
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# Open Iframe Resizer Angular
+
+## Overview
+
+`iframe-resizer` is a modern, lightweight library for resizing iframes dynamically. It is shipped under the MIT license, making it usable in commercial projects.
+
+If you found this plugin helpful, please consider starring the repository!
+
+## Installation
+
+```bash
+npm install @open-iframe-resizer/angular
+```
+
+---
+
+## Setup
+
+Import the module in your Angular application:
+
+```ts
+import { IframeResizerDirective } from '@open-iframe-resizer/angular';
+
+@Component({
+  selector: "app-root",
+  imports: [IframeResizerDirective, CommonModule],
+  templateUrl: "./app.component.html",
+})
+```
+
+---
+
+## Usage
+
+Add the directive to your iframe:
+
+```html
+<iframe
+  oirIframeResizer
+  src="/iframe-content.html"
+></iframe>
+```

package/fesm2022/open-iframe-resizer-angular.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { Input, Directive } from '@angular/core';
+import { initialize } from '@open-iframe-resizer/core';
+
+// biome-ignore lint/style/useImportType: ng does not like it
+class IframeResizerDirective {
+    el;
+    constructor(el) {
+        this.el = el;
+    }
+    offsetSize;
+    enableLegacyLibSupport;
+    checkOrigin;
+    onIframeResize;
+    onBeforeIframeResize;
+    targetElementSelector;
+    bodyMargin;
+    bodyPadding;
+    unsubscribeIframeRef = [];
+    isDestroyed = false;
+    ngAfterViewInit() {
+        const iframe = this.el.nativeElement;
+        if (!iframe) {
+            return;
+        }
+        // biome-ignore lint/suspicious/noExplicitAny: Compile fail if no key exhaustiveness
+        const settings = {
+            offsetSize: this.offsetSize,
+            enableLegacyLibSupport: this.enableLegacyLibSupport,
+            checkOrigin: this.checkOrigin,
+            onIframeResize: this.onIframeResize,
+            onBeforeIframeResize: this.onBeforeIframeResize,
+            targetElementSelector: this.targetElementSelector,
+            bodyMargin: this.bodyMargin,
+            bodyPadding: this.bodyPadding,
+        };
+        initialize(settings, iframe).then((results) => {
+            if (this.isDestroyed) {
+                for (const c of results) {
+                    c.unsubscribe();
+                }
+            }
+            else {
+                this.unsubscribeIframeRef = results;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.isDestroyed = true;
+        for (const c of this.unsubscribeIframeRef) {
+            c.unsubscribe();
+        }
+        this.unsubscribeIframeRef = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IframeResizerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: IframeResizerDirective, isStandalone: true, selector: "iframe[oirIframeResizer]", inputs: { offsetSize: "offsetSize", enableLegacyLibSupport: "enableLegacyLibSupport", checkOrigin: "checkOrigin", onIframeResize: "onIframeResize", onBeforeIframeResize: "onBeforeIframeResize", targetElementSelector: "targetElementSelector", bodyMargin: "bodyMargin", bodyPadding: "bodyPadding" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: IframeResizerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "iframe[oirIframeResizer]",
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { offsetSize: [{
+                type: Input
+            }], enableLegacyLibSupport: [{
+                type: Input
+            }], checkOrigin: [{
+                type: Input
+            }], onIframeResize: [{
+                type: Input
+            }], onBeforeIframeResize: [{
+                type: Input
+            }], targetElementSelector: [{
+                type: Input
+            }], bodyMargin: [{
+                type: Input
+            }], bodyPadding: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IframeResizerDirective };
+//# sourceMappingURL=open-iframe-resizer-angular.mjs.map

package/fesm2022/open-iframe-resizer-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-iframe-resizer-angular.mjs","sources":["../../../projects/lib/src/lib/iframe-resizer.directive.ts","../../../projects/lib/src/public-api.ts","../../../projects/lib/src/open-iframe-resizer-angular.ts"],"sourcesContent":["// biome-ignore lint/style/useImportType: ng does not like it\nimport { type AfterViewInit, Directive, ElementRef, Input, type OnDestroy } from \"@angular/core\";\n\nimport { type BeforeResizeContext, type InitializeResult, initialize, type ResizeContext, type Settings } from \"@open-iframe-resizer/core\";\n\n@Directive({\n  selector: \"iframe[oirIframeResizer]\",\n  standalone: true,\n})\nexport class IframeResizerDirective implements AfterViewInit, OnDestroy {\n  constructor(private el: ElementRef<HTMLIFrameElement>) { }\n\n  @Input() offsetSize?: number;\n  @Input() enableLegacyLibSupport?: boolean;\n  @Input() checkOrigin?: boolean;\n  @Input() onIframeResize?: (context: ResizeContext) => void;\n  @Input() onBeforeIframeResize?: (context: BeforeResizeContext) => boolean | undefined;\n  @Input() targetElementSelector?: string;\n  @Input() bodyMargin?: string;\n  @Input() bodyPadding?: string;\n\n  private unsubscribeIframeRef: InitializeResult[] = [];\n  private isDestroyed = false;\n\n  ngAfterViewInit(): void {\n    const iframe = this.el.nativeElement;\n\n    if (!iframe) {\n      return;\n    }\n\n    // biome-ignore lint/suspicious/noExplicitAny: Compile fail if no key exhaustiveness\n    const settings: Required<{ [K in keyof Settings]: any }> = {\n      offsetSize: this.offsetSize,\n      enableLegacyLibSupport: this.enableLegacyLibSupport,\n      checkOrigin: this.checkOrigin,\n      onIframeResize: this.onIframeResize,\n      onBeforeIframeResize: this.onBeforeIframeResize,\n      targetElementSelector: this.targetElementSelector,\n      bodyMargin: this.bodyMargin,\n      bodyPadding: this.bodyPadding,\n    };\n\n\n    initialize(settings, iframe).then((results) => {\n      if (this.isDestroyed) {\n        for (const c of results) {\n          c.unsubscribe();\n        }\n      } else {\n        this.unsubscribeIframeRef = results;\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.isDestroyed = true;\n    for (const c of this.unsubscribeIframeRef) {\n      c.unsubscribe();\n    }\n    this.unsubscribeIframeRef = [];\n  }\n}\n","/*\n * Public API Surface of lib\n */\n\nexport * from \"./lib/iframe-resizer.directive\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;MASa,sBAAsB,CAAA;AACb,IAAA,EAAA;AAApB,IAAA,WAAA,CAAoB,EAAiC,EAAA;QAAjC,IAAA,CAAA,EAAE,GAAF,EAAE;IAAmC;AAEhD,IAAA,UAAU;AACV,IAAA,sBAAsB;AACtB,IAAA,WAAW;AACX,IAAA,cAAc;AACd,IAAA,oBAAoB;AACpB,IAAA,qBAAqB;AACrB,IAAA,UAAU;AACV,IAAA,WAAW;IAEZ,oBAAoB,GAAuB,EAAE;IAC7C,WAAW,GAAG,KAAK;IAE3B,eAAe,GAAA;AACb,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAEpC,IAAI,CAAC,MAAM,EAAE;YACX;QACF;;AAGA,QAAA,MAAM,QAAQ,GAA6C;YACzD,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;YAC/C,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;YACjD,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B;QAGD,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,KAAI;AAC5C,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;oBACvB,CAAC,CAAC,WAAW,EAAE;gBACjB;YACF;iBAAO;AACL,gBAAA,IAAI,CAAC,oBAAoB,GAAG,OAAO;YACrC;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAE;YACzC,CAAC,CAAC,WAAW,EAAE;QACjB;AACA,QAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE;IAChC;wGApDW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;+EAIU,UAAU,EAAA,CAAA;sBAAlB;gBACQ,sBAAsB,EAAA,CAAA;sBAA9B;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,oBAAoB,EAAA,CAAA;sBAA5B;gBACQ,qBAAqB,EAAA,CAAA;sBAA7B;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;ACnBH;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@open-iframe-resizer/angular" />
+export * from './public-api';

package/lib/iframe-resizer.directive.d.ts

@@ -0,0 +1,21 @@
+import { type AfterViewInit, ElementRef, type OnDestroy } from "@angular/core";
+import { type BeforeResizeContext, type ResizeContext } from "@open-iframe-resizer/core";
+import * as i0 from "@angular/core";
+export declare class IframeResizerDirective implements AfterViewInit, OnDestroy {
+    private el;
+    constructor(el: ElementRef<HTMLIFrameElement>);
+    offsetSize?: number;
+    enableLegacyLibSupport?: boolean;
+    checkOrigin?: boolean;
+    onIframeResize?: (context: ResizeContext) => void;
+    onBeforeIframeResize?: (context: BeforeResizeContext) => boolean | undefined;
+    targetElementSelector?: string;
+    bodyMargin?: string;
+    bodyPadding?: string;
+    private unsubscribeIframeRef;
+    private isDestroyed;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IframeResizerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IframeResizerDirective, "iframe[oirIframeResizer]", never, { "offsetSize": { "alias": "offsetSize"; "required": false; }; "enableLegacyLibSupport": { "alias": "enableLegacyLibSupport"; "required": false; }; "checkOrigin": { "alias": "checkOrigin"; "required": false; }; "onIframeResize": { "alias": "onIframeResize"; "required": false; }; "onBeforeIframeResize": { "alias": "onBeforeIframeResize"; "required": false; }; "targetElementSelector": { "alias": "targetElementSelector"; "required": false; }; "bodyMargin": { "alias": "bodyMargin"; "required": false; }; "bodyPadding": { "alias": "bodyPadding"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@open-iframe-resizer/angular",
+  "private": false,
+  "version": "2.2.0",
+  "description": "Open-source modern iframe resizer component",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Lemick/open-iframe-resizer.git"
+  },
+  "keywords": [
+    "iframe",
+    "Resizing",
+    "Resizer",
+    "resize",
+    "cross",
+    "same",
+    "domain",
+    "width",
+    "height",
+    "responsive",
+    "react"
+  ],
+  "peerDependencies": {
+    "@angular/common": ">=14.0.0 <20.0.0",
+    "@angular/core": ">=14.0.0 <20.0.0"
+  },
+  "dependencies": {
+    "@open-iframe-resizer/core": "2.2.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/open-iframe-resizer-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/open-iframe-resizer-angular.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from "./lib/iframe-resizer.directive";