@dereekb/dbx-web 12.0.5 → 12.1.0
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.
- package/esm2022/lib/interaction/iframe/iframe.component.mjs +65 -0
- package/esm2022/lib/interaction/iframe/index.mjs +2 -0
- package/esm2022/lib/interaction/index.mjs +2 -1
- package/fesm2022/dereekb-dbx-web.mjs +63 -4
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/interaction/_interaction.scss +4 -0
- package/lib/interaction/iframe/_iframe.scss +39 -0
- package/lib/interaction/iframe/iframe.component.d.ts +23 -0
- package/lib/interaction/iframe/index.d.ts +1 -0
- package/lib/interaction/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use './dialog/dialog';
|
|
2
2
|
@use './filter/filter';
|
|
3
|
+
@use './iframe/iframe';
|
|
3
4
|
@use './popover/popover';
|
|
4
5
|
@use './popup/popup';
|
|
5
6
|
@use './prompt/prompt';
|
|
@@ -8,6 +9,7 @@
|
|
|
8
9
|
@mixin all-interaction-core() {
|
|
9
10
|
@include dialog.core();
|
|
10
11
|
@include filter.core();
|
|
12
|
+
@include iframe.core();
|
|
11
13
|
@include popover.core();
|
|
12
14
|
@include popup.core();
|
|
13
15
|
@include prompt.core();
|
|
@@ -17,6 +19,7 @@
|
|
|
17
19
|
@mixin all-interaction-typography($theme-config) {
|
|
18
20
|
@include dialog.typography($theme-config);
|
|
19
21
|
@include filter.typography($theme-config);
|
|
22
|
+
@include iframe.typography($theme-config);
|
|
20
23
|
@include popover.typography($theme-config);
|
|
21
24
|
@include popup.typography($theme-config);
|
|
22
25
|
@include prompt.typography($theme-config);
|
|
@@ -26,6 +29,7 @@
|
|
|
26
29
|
@mixin all-interaction-theme($theme-config) {
|
|
27
30
|
@include dialog.theme($theme-config);
|
|
28
31
|
@include filter.theme($theme-config);
|
|
32
|
+
@include iframe.theme($theme-config);
|
|
29
33
|
@include popover.theme($theme-config);
|
|
30
34
|
@include popup.theme($theme-config);
|
|
31
35
|
@include prompt.theme($theme-config);
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
@use '../../style/theming';
|
|
2
|
+
|
|
3
|
+
// MARK: Variables
|
|
4
|
+
$dbx-iframe-height-var: --dbx-iframe-height;
|
|
5
|
+
|
|
6
|
+
// MARK: Mixin
|
|
7
|
+
@mixin core() {
|
|
8
|
+
dbx-iframe {
|
|
9
|
+
display: block;
|
|
10
|
+
height: 100%;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
dbx-iframe iframe {
|
|
14
|
+
height: 100%;
|
|
15
|
+
width: 100%;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin color($theme-config) {
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@mixin typography($theme-config-or-typography-config) {
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin theme($theme-config) {
|
|
26
|
+
@include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-iframe') {
|
|
27
|
+
$color: theming.m2-get-color-config($theme-config);
|
|
28
|
+
$density: theming.m2-get-density-config($theme-config);
|
|
29
|
+
$typography: theming.m2-get-typography-config($theme-config);
|
|
30
|
+
|
|
31
|
+
@if $color !=null {
|
|
32
|
+
@include color($theme-config);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@if $typography !=null {
|
|
36
|
+
@include typography($theme-config);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { Maybe } from '@dereekb/util';
|
|
4
|
+
import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
|
|
5
|
+
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare const DBX_IFRAME_COMPONENT_TEMPLATE = "<iframe #iframe src=\"about:blank\" frameborder=\"0\" [scrolling]=\"scrolling()\" allow=\"autoplay\"></iframe>";
|
|
8
|
+
export declare class DbxIframeComponent extends AbstractSubscriptionDirective implements OnDestroy {
|
|
9
|
+
readonly sanitizer: DomSanitizer;
|
|
10
|
+
readonly iframeLocationChanged: import("@angular/core").OutputEmitterRef<ElementRef<HTMLIFrameElement>>;
|
|
11
|
+
readonly iframe: import("@angular/core").Signal<ElementRef<HTMLIFrameElement> | undefined>;
|
|
12
|
+
readonly scrolling: import("@angular/core").InputSignalWithTransform<"auto" | "no" | "yes", boolean | "auto" | "no" | "yes">;
|
|
13
|
+
readonly sanitizeUrl: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly contentUrl: import("@angular/core").InputSignal<Maybe<string | SafeResourceUrl>>;
|
|
15
|
+
readonly contentUrlSignal: import("@angular/core").Signal<Maybe<string | SafeResourceUrl>>;
|
|
16
|
+
readonly iframe$: import("rxjs").Observable<ElementRef<HTMLIFrameElement> | undefined>;
|
|
17
|
+
readonly contentUrl$: import("rxjs").Observable<Maybe<string | SafeResourceUrl>>;
|
|
18
|
+
readonly retry: Subject<void>;
|
|
19
|
+
constructor();
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DbxIframeComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DbxIframeComponent, "dbx-iframe", never, { "scrolling": { "alias": "scrolling"; "required": false; "isSignal": true; }; "sanitizeUrl": { "alias": "sanitizeUrl"; "required": false; "isSignal": true; }; "contentUrl": { "alias": "contentUrl"; "required": true; "isSignal": true; }; }, { "iframeLocationChanged": "iframeLocationChanged"; }, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './iframe.component';
|