@cloudflare/realtimekit-angular-ui 1.0.5-staging.2 → 1.0.5-staging.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudflare/realtimekit-angular-ui",
3
- "version": "1.0.5-staging.2",
3
+ "version": "1.0.5-staging.4",
4
4
  "description": "Pre-built, ready-to-use Angular UI components and utilities for integrating with Cloudflare RealtimeKit",
5
5
  "peerDependencies": {
6
6
  "@angular/common": ">=12",
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "dependencies": {
10
10
  "tslib": "^2.3.0",
11
- "@cloudflare/realtimekit-ui": "1.0.5-staging.2"
11
+ "@cloudflare/realtimekit-ui": "1.0.5-staging.4"
12
12
  },
13
13
  "publishConfig": {
14
14
  "tag": "staging"
@@ -18,30 +18,29 @@
18
18
  ],
19
19
  "sideEffects": false,
20
20
  "scripts": {
21
- "prepublishOnly": "cp package.json package.json.bak && node prepublish.js",
22
- "postpublish": "mv package.json.bak package.json"
21
+ "prepublishOnly": "node prepublish.js"
23
22
  },
24
- "module": "dist/fesm2022/cloudflare-realtimekit-angular-ui.mjs",
25
- "typings": "dist/cloudflare-realtimekit-angular-ui.d.ts",
26
23
  "bugs": {
27
24
  "url": "https://realtime.cloudflare.com/issues"
28
25
  },
29
26
  "homepage": "https://realtime.cloudflare.com",
30
- "es2020": "dist/fesm2020/cloudflare-realtimekit-angular-ui.mjs",
31
- "esm2020": "dist/esm2020/cloudflare-realtimekit-angular-ui.mjs",
32
- "fesm2020": "dist/fesm2020/cloudflare-realtimekit-angular-ui.mjs",
33
- "fesm2015": "dist/fesm2015/cloudflare-realtimekit-angular-ui.mjs",
27
+ "module": "fesm2015/cloudflare-realtimekit-angular-ui.mjs",
28
+ "es2020": "fesm2020/cloudflare-realtimekit-angular-ui.mjs",
29
+ "esm2020": "esm2020/cloudflare-realtimekit-angular-ui.mjs",
30
+ "fesm2020": "fesm2020/cloudflare-realtimekit-angular-ui.mjs",
31
+ "fesm2015": "fesm2015/cloudflare-realtimekit-angular-ui.mjs",
32
+ "typings": "cloudflare-realtimekit-angular-ui.d.ts",
34
33
  "exports": {
35
34
  "./package.json": {
36
35
  "default": "./package.json"
37
36
  },
38
37
  ".": {
39
- "types": "./dist/cloudflare-realtimekit-angular-ui.d.ts",
40
- "esm2020": "./dist/esm2020/cloudflare-realtimekit-angular-ui.mjs",
41
- "es2020": "./dist/fesm2020/cloudflare-realtimekit-angular-ui.mjs",
42
- "es2015": "./dist/fesm2015/cloudflare-realtimekit-angular-ui.mjs",
43
- "node": "./dist/fesm2015/cloudflare-realtimekit-angular-ui.mjs",
44
- "default": "./dist/fesm2020/cloudflare-realtimekit-angular-ui.mjs"
38
+ "types": "./cloudflare-realtimekit-angular-ui.d.ts",
39
+ "esm2020": "./esm2020/cloudflare-realtimekit-angular-ui.mjs",
40
+ "es2020": "./fesm2020/cloudflare-realtimekit-angular-ui.mjs",
41
+ "es2015": "./fesm2015/cloudflare-realtimekit-angular-ui.mjs",
42
+ "node": "./fesm2015/cloudflare-realtimekit-angular-ui.mjs",
43
+ "default": "./fesm2020/cloudflare-realtimekit-angular-ui.mjs"
45
44
  }
46
45
  }
47
46
  }
package/dist/README.md DELETED
@@ -1,106 +0,0 @@
1
- # RealtimeKit UI
2
-
3
- **RealtimeKit UI** provides pre-built, ready-to-use UI components for integrating with [Cloudflare RealtimeKit](https://npmjs.com/package/@cloudflare/realtimekit).
4
-
5
- If you're using a specific framework (or no framework - see HTML), we also offer dedicated packages:
6
-
7
- - [React](https://npmjs.com/package/@cloudflare/realtimekit-react-ui)
8
- - [HTML (Web Components)](https://npmjs.com/package/@cloudflare/realtimekit-ui)
9
-
10
- ## Usage
11
-
12
- First, install RealtimeKit UI along with [RealtimeKit](https://npmjs.com/package/@cloudflare/realtimekit):
13
-
14
- > `@cloudflare/realtimekit` is the core package that offers APIs to handle meetings in the client side.
15
- > You use it to access and perform actions in a meeting.
16
-
17
- ```sh
18
- npm i @cloudflare/realtimekit-ui @cloudflare/realtimekit
19
- ```
20
-
21
- Then you'll need to initialize a meeting object once you've received an `authToken` of a participant from your APIs.
22
-
23
- > You call the RealtimeKit Add Participant API from your own backend API to get this `authToken`
24
- > to use with RealtimeKit.
25
-
26
- ```js
27
- import RealtimeKitClient from '@cloudflare/realtimekit';
28
-
29
- const meeting = await RealtimeKitClient.init({
30
- authToken: '<your-auth-token>',
31
- defaults: {
32
- video: true,
33
- audio: true,
34
- },
35
- });
36
- ```
37
-
38
- ### Simple Usage
39
-
40
- Load the component in your template file (component.html):
41
-
42
- ```html
43
- <rtk-meeting #myid></rtk-meeting>
44
- ```
45
-
46
- Then initialize and pass the meeting object to the component:
47
-
48
- ```tsx
49
- import { RtkMeeting } from '@cloudflare/realtimekit-ui';
50
- import RealtimeKitClient from '@cloudflare/realtimekit';
51
-
52
- class AppComponent {
53
- title = 'MyProject';
54
- @ViewChild('myid') meetingComponent: RtkMeeting;
55
- rtkMeeting: RtkClient;
56
-
57
- async ngAfterViewInit() {
58
- const meeting = await RealtimeKitClient.init({
59
- authToken: '<auth-token>',
60
- defaults: {
61
- video: true,
62
- audio: true,
63
- },
64
- });
65
- meeting.joinRoom();
66
- this.rtkMeeting = meeting;
67
- if (this.meetingComponent) this.meetingComponent.meeting = meeting;
68
- }
69
- }
70
- ```
71
-
72
- ### Using RtkUiProvider
73
-
74
- If you wish to use individual UI components to build your desired UI, you can use the `RtkUiProvider` component to provide the meeting instance to all child components to make development easier.
75
-
76
- ```html
77
- <rtk-ui-provider #myid>
78
- <rtk-simple-grid />
79
- </rtk-ui-provider>
80
- ```
81
-
82
- Then initialize and pass the meeting object to the component:
83
-
84
- ```tsx
85
- import { RtkMeeting } from '@cloudflare/realtimekit-ui';
86
- import RealtimeKitClient from '@cloudflare/realtimekit';
87
-
88
- class AppComponent {
89
- title = 'MyProject';
90
- @ViewChild('myid') uiProvider: RtkUiProvider;
91
- rtkMeeting: RtkClient;
92
-
93
- async ngAfterViewInit() {
94
- const meeting = await RealtimeKitClient.init({
95
- authToken: '<auth-token>',
96
- defaults: {
97
- video: true,
98
- audio: true,
99
- },
100
- });
101
- meeting.joinRoom();
102
- this.rtkMeeting = meeting;
103
- if (this.uiProvider) this.uiProvider.meeting = meeting;
104
- }
105
- }
106
- ```
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- /// <amd-module name="@cloudflare/realtimekit-angular-ui" />
5
- export * from './public-api';
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public-api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xvdWRmbGFyZS1yZWFsdGltZWtpdC1hbmd1bGFyLXVpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2Nsb3VkZmxhcmUtcmVhbHRpbWVraXQtYW5ndWxhci11aS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -1,31 +0,0 @@
1
- import { APP_INITIALIZER, NgModule } from '@angular/core';
2
- import { DIRECTIVES } from './stencil-generated';
3
- import { defineCustomElements } from '@cloudflare/realtimekit-ui/loader';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "./stencil-generated/components";
6
- export class RealtimeKitComponentsModule {
7
- }
8
- RealtimeKitComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RealtimeKitComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- RealtimeKitComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RealtimeKitComponentsModule, declarations: [i1.RtkAi, i1.RtkAiToggle, i1.RtkAiTranscriptions, i1.RtkAudioGrid, i1.RtkAudioTile, i1.RtkAudioVisualizer, i1.RtkAvatar, i1.RtkBreakoutRoomManager, i1.RtkBreakoutRoomParticipants, i1.RtkBreakoutRoomsManager, i1.RtkBreakoutRoomsToggle, i1.RtkBroadcastMessageModal, i1.RtkButton, i1.RtkCameraSelector, i1.RtkCameraToggle, i1.RtkCaptionToggle, i1.RtkChannelCreator, i1.RtkChannelDetails, i1.RtkChannelHeader, i1.RtkChannelSelectorUi, i1.RtkChannelSelectorView, i1.RtkChat, i1.RtkChatComposerUi, i1.RtkChatComposerView, i1.RtkChatMessage, i1.RtkChatMessagesUi, i1.RtkChatMessagesUiPaginated, i1.RtkChatSearchResults, i1.RtkChatSelectorUi, i1.RtkChatToggle, i1.RtkClock, i1.RtkConfirmationModal, i1.RtkControlbar, i1.RtkControlbarButton, i1.RtkCounter, i1.RtkDebugger, i1.RtkDebuggerAudio, i1.RtkDebuggerScreenshare, i1.RtkDebuggerSystem, i1.RtkDebuggerToggle, i1.RtkDebuggerVideo, i1.RtkDialog, i1.RtkDialogManager, i1.RtkDraftAttachmentView, i1.RtkEmojiPicker, i1.RtkEmojiPickerButton, i1.RtkEndedScreen, i1.RtkFileDropzone, i1.RtkFileMessage, i1.RtkFileMessageView, i1.RtkFilePickerButton, i1.RtkFullscreenToggle, i1.RtkGrid, i1.RtkGridPagination, i1.RtkHeader, i1.RtkIcon, i1.RtkIdleScreen, i1.RtkImageMessage, i1.RtkImageMessageView, i1.RtkImageViewer, i1.RtkInformationTooltip, i1.RtkJoinStage, i1.RtkLeaveButton, i1.RtkLeaveMeeting, i1.RtkLivestreamIndicator, i1.RtkLivestreamPlayer, i1.RtkLivestreamToggle, i1.RtkLogo, i1.RtkMarkdownView, i1.RtkMeeting, i1.RtkMeetingTitle, i1.RtkMenu, i1.RtkMenuItem, i1.RtkMenuList, i1.RtkMessageListView, i1.RtkMessageView, i1.RtkMicToggle, i1.RtkMicrophoneSelector, i1.RtkMixedGrid, i1.RtkMoreToggle, i1.RtkMuteAllButton, i1.RtkMuteAllConfirmation, i1.RtkNameTag, i1.RtkNetworkIndicator, i1.RtkNotification, i1.RtkNotifications, i1.RtkOverlayModal, i1.RtkPaginatedList, i1.RtkParticipant, i1.RtkParticipantCount, i1.RtkParticipantSetup, i1.RtkParticipantTile, i1.RtkParticipants, i1.RtkParticipantsAudio, i1.RtkParticipantsStageList, i1.RtkParticipantsStageQueue, i1.RtkParticipantsToggle, i1.RtkParticipantsViewerList, i1.RtkParticipantsWaitingList, i1.RtkPermissionsMessage, i1.RtkPipToggle, i1.RtkPluginMain, i1.RtkPlugins, i1.RtkPluginsToggle, i1.RtkPoll, i1.RtkPollForm, i1.RtkPolls, i1.RtkPollsToggle, i1.RtkRecordingIndicator, i1.RtkRecordingToggle, i1.RtkScreenShareToggle, i1.RtkScreenshareView, i1.RtkSettings, i1.RtkSettingsAudio, i1.RtkSettingsToggle, i1.RtkSettingsVideo, i1.RtkSetupScreen, i1.RtkSidebar, i1.RtkSidebarUi, i1.RtkSimpleGrid, i1.RtkSpeakerSelector, i1.RtkSpinner, i1.RtkSpotlightGrid, i1.RtkSpotlightIndicator, i1.RtkStage, i1.RtkStageToggle, i1.RtkSwitch, i1.RtkTabBar, i1.RtkTextComposerView, i1.RtkTextMessage, i1.RtkTextMessageView, i1.RtkTooltip, i1.RtkTranscript, i1.RtkTranscripts, i1.RtkUiProvider, i1.RtkViewerCount, i1.RtkVirtualizedParticipantList, i1.RtkWaitingScreen], exports: [i1.RtkAi, i1.RtkAiToggle, i1.RtkAiTranscriptions, i1.RtkAudioGrid, i1.RtkAudioTile, i1.RtkAudioVisualizer, i1.RtkAvatar, i1.RtkBreakoutRoomManager, i1.RtkBreakoutRoomParticipants, i1.RtkBreakoutRoomsManager, i1.RtkBreakoutRoomsToggle, i1.RtkBroadcastMessageModal, i1.RtkButton, i1.RtkCameraSelector, i1.RtkCameraToggle, i1.RtkCaptionToggle, i1.RtkChannelCreator, i1.RtkChannelDetails, i1.RtkChannelHeader, i1.RtkChannelSelectorUi, i1.RtkChannelSelectorView, i1.RtkChat, i1.RtkChatComposerUi, i1.RtkChatComposerView, i1.RtkChatMessage, i1.RtkChatMessagesUi, i1.RtkChatMessagesUiPaginated, i1.RtkChatSearchResults, i1.RtkChatSelectorUi, i1.RtkChatToggle, i1.RtkClock, i1.RtkConfirmationModal, i1.RtkControlbar, i1.RtkControlbarButton, i1.RtkCounter, i1.RtkDebugger, i1.RtkDebuggerAudio, i1.RtkDebuggerScreenshare, i1.RtkDebuggerSystem, i1.RtkDebuggerToggle, i1.RtkDebuggerVideo, i1.RtkDialog, i1.RtkDialogManager, i1.RtkDraftAttachmentView, i1.RtkEmojiPicker, i1.RtkEmojiPickerButton, i1.RtkEndedScreen, i1.RtkFileDropzone, i1.RtkFileMessage, i1.RtkFileMessageView, i1.RtkFilePickerButton, i1.RtkFullscreenToggle, i1.RtkGrid, i1.RtkGridPagination, i1.RtkHeader, i1.RtkIcon, i1.RtkIdleScreen, i1.RtkImageMessage, i1.RtkImageMessageView, i1.RtkImageViewer, i1.RtkInformationTooltip, i1.RtkJoinStage, i1.RtkLeaveButton, i1.RtkLeaveMeeting, i1.RtkLivestreamIndicator, i1.RtkLivestreamPlayer, i1.RtkLivestreamToggle, i1.RtkLogo, i1.RtkMarkdownView, i1.RtkMeeting, i1.RtkMeetingTitle, i1.RtkMenu, i1.RtkMenuItem, i1.RtkMenuList, i1.RtkMessageListView, i1.RtkMessageView, i1.RtkMicToggle, i1.RtkMicrophoneSelector, i1.RtkMixedGrid, i1.RtkMoreToggle, i1.RtkMuteAllButton, i1.RtkMuteAllConfirmation, i1.RtkNameTag, i1.RtkNetworkIndicator, i1.RtkNotification, i1.RtkNotifications, i1.RtkOverlayModal, i1.RtkPaginatedList, i1.RtkParticipant, i1.RtkParticipantCount, i1.RtkParticipantSetup, i1.RtkParticipantTile, i1.RtkParticipants, i1.RtkParticipantsAudio, i1.RtkParticipantsStageList, i1.RtkParticipantsStageQueue, i1.RtkParticipantsToggle, i1.RtkParticipantsViewerList, i1.RtkParticipantsWaitingList, i1.RtkPermissionsMessage, i1.RtkPipToggle, i1.RtkPluginMain, i1.RtkPlugins, i1.RtkPluginsToggle, i1.RtkPoll, i1.RtkPollForm, i1.RtkPolls, i1.RtkPollsToggle, i1.RtkRecordingIndicator, i1.RtkRecordingToggle, i1.RtkScreenShareToggle, i1.RtkScreenshareView, i1.RtkSettings, i1.RtkSettingsAudio, i1.RtkSettingsToggle, i1.RtkSettingsVideo, i1.RtkSetupScreen, i1.RtkSidebar, i1.RtkSidebarUi, i1.RtkSimpleGrid, i1.RtkSpeakerSelector, i1.RtkSpinner, i1.RtkSpotlightGrid, i1.RtkSpotlightIndicator, i1.RtkStage, i1.RtkStageToggle, i1.RtkSwitch, i1.RtkTabBar, i1.RtkTextComposerView, i1.RtkTextMessage, i1.RtkTextMessageView, i1.RtkTooltip, i1.RtkTranscript, i1.RtkTranscripts, i1.RtkUiProvider, i1.RtkViewerCount, i1.RtkVirtualizedParticipantList, i1.RtkWaitingScreen] });
10
- RealtimeKitComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RealtimeKitComponentsModule, providers: [
11
- {
12
- provide: APP_INITIALIZER,
13
- useFactory: () => defineCustomElements,
14
- multi: true,
15
- },
16
- ] });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RealtimeKitComponentsModule, decorators: [{
18
- type: NgModule,
19
- args: [{
20
- declarations: [...DIRECTIVES],
21
- exports: [...DIRECTIVES],
22
- providers: [
23
- {
24
- provide: APP_INITIALIZER,
25
- useFactory: () => defineCustomElements,
26
- multi: true,
27
- },
28
- ],
29
- }]
30
- }] });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBYXpFLE1BQU0sT0FBTywyQkFBMkI7O3lIQUEzQiwyQkFBMkI7MEhBQTNCLDJCQUEyQjswSEFBM0IsMkJBQTJCLGFBUjNCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsZUFBZTtZQUN4QixVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsb0JBQW9CO1lBQ3RDLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRjs0RkFFVSwyQkFBMkI7a0JBWHZDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO29CQUN4QixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGVBQWU7NEJBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBb0I7NEJBQ3RDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVBQX0lOSVRJQUxJWkVSLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRElSRUNUSVZFUyB9IGZyb20gJy4vc3RlbmNpbC1nZW5lcmF0ZWQnO1xuaW1wb3J0IHsgZGVmaW5lQ3VzdG9tRWxlbWVudHMgfSBmcm9tICdAY2xvdWRmbGFyZS9yZWFsdGltZWtpdC11aS9sb2FkZXInO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFsuLi5ESVJFQ1RJVkVTXSxcbiAgZXhwb3J0czogWy4uLkRJUkVDVElWRVNdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBUFBfSU5JVElBTElaRVIsXG4gICAgICB1c2VGYWN0b3J5OiAoKSA9PiBkZWZpbmVDdXN0b21FbGVtZW50cyxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJlYWx0aW1lS2l0Q29tcG9uZW50c01vZHVsZSB7fVxuIl19
@@ -1,59 +0,0 @@
1
- /* eslint-disable */
2
- /* tslint:disable */
3
- import { fromEvent } from 'rxjs';
4
- export const proxyInputs = (Cmp, inputs) => {
5
- const Prototype = Cmp.prototype;
6
- inputs.forEach((item) => {
7
- Object.defineProperty(Prototype, item, {
8
- get() {
9
- return this.el[item];
10
- },
11
- set(val) {
12
- this.z.runOutsideAngular(() => (this.el[item] = val));
13
- },
14
- /**
15
- * In the event that proxyInputs is called
16
- * multiple times re-defining these inputs
17
- * will cause an error to be thrown. As a result
18
- * we set configurable: true to indicate these
19
- * properties can be changed.
20
- */
21
- configurable: true,
22
- });
23
- });
24
- };
25
- export const proxyMethods = (Cmp, methods) => {
26
- const Prototype = Cmp.prototype;
27
- methods.forEach((methodName) => {
28
- Prototype[methodName] = function () {
29
- const args = arguments;
30
- return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
31
- };
32
- });
33
- };
34
- export const proxyOutputs = (instance, el, events) => {
35
- events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
36
- };
37
- export const defineCustomElement = (tagName, customElement) => {
38
- if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
39
- customElements.define(tagName, customElement);
40
- }
41
- };
42
- // tslint:disable-next-line: only-arrow-functions
43
- export function ProxyCmp(opts) {
44
- const decorator = function (cls) {
45
- const { defineCustomElementFn, inputs, methods } = opts;
46
- if (defineCustomElementFn !== undefined) {
47
- defineCustomElementFn();
48
- }
49
- if (inputs) {
50
- proxyInputs(cls, inputs);
51
- }
52
- if (methods) {
53
- proxyMethods(cls, methods);
54
- }
55
- return cls;
56
- };
57
- return decorator;
58
- }
59
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3N0ZW5jaWwtZ2VuZXJhdGVkL2FuZ3VsYXItY29tcG9uZW50LWxpYi91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvQkFBb0I7QUFDcEIsb0JBQW9CO0FBQ3BCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFakMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUMsR0FBUSxFQUFFLE1BQWdCLEVBQUUsRUFBRTtJQUN4RCxNQUFNLFNBQVMsR0FBRyxHQUFHLENBQUMsU0FBUyxDQUFDO0lBQ2hDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtRQUN0QixNQUFNLENBQUMsY0FBYyxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUU7WUFDckMsR0FBRztnQkFDRCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdkIsQ0FBQztZQUNELEdBQUcsQ0FBQyxHQUFRO2dCQUNWLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDeEQsQ0FBQztZQUNEOzs7Ozs7ZUFNRztZQUNILFlBQVksRUFBRSxJQUFJO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHLENBQUMsR0FBUSxFQUFFLE9BQWlCLEVBQUUsRUFBRTtJQUMxRCxNQUFNLFNBQVMsR0FBRyxHQUFHLENBQUMsU0FBUyxDQUFDO0lBQ2hDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRTtRQUM3QixTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUc7WUFDdEIsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDO1lBQ3ZCLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDbEYsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxRQUFhLEVBQUUsRUFBTyxFQUFFLE1BQWdCLEVBQUUsRUFBRTtJQUN2RSxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsR0FBRyxTQUFTLENBQUMsRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUNsRixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUFDLE9BQWUsRUFBRSxhQUFrQixFQUFFLEVBQUU7SUFDekUsSUFBSSxhQUFhLEtBQUssU0FBUyxJQUFJLE9BQU8sY0FBYyxLQUFLLFdBQVcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUU7UUFDeEcsY0FBYyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUM7S0FDL0M7QUFDSCxDQUFDLENBQUM7QUFFRixpREFBaUQ7QUFDakQsTUFBTSxVQUFVLFFBQVEsQ0FBQyxJQUF5RTtJQUNoRyxNQUFNLFNBQVMsR0FBRyxVQUFVLEdBQVE7UUFDbEMsTUFBTSxFQUFFLHFCQUFxQixFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFFeEQsSUFBSSxxQkFBcUIsS0FBSyxTQUFTLEVBQUU7WUFDdkMscUJBQXFCLEVBQUUsQ0FBQztTQUN6QjtRQUVELElBQUksTUFBTSxFQUFFO1lBQ1YsV0FBVyxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsQ0FBQztTQUMxQjtRQUNELElBQUksT0FBTyxFQUFFO1lBQ1gsWUFBWSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQztTQUM1QjtRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQyxDQUFDO0lBQ0YsT0FBTyxTQUFTLENBQUM7QUFDbkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlICovXG4vKiB0c2xpbnQ6ZGlzYWJsZSAqL1xuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBjb25zdCBwcm94eUlucHV0cyA9IChDbXA6IGFueSwgaW5wdXRzOiBzdHJpbmdbXSkgPT4ge1xuICBjb25zdCBQcm90b3R5cGUgPSBDbXAucHJvdG90eXBlO1xuICBpbnB1dHMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgIE9iamVjdC5kZWZpbmVQcm9wZXJ0eShQcm90b3R5cGUsIGl0ZW0sIHtcbiAgICAgIGdldCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxbaXRlbV07XG4gICAgICB9LFxuICAgICAgc2V0KHZhbDogYW55KSB7XG4gICAgICAgIHRoaXMuei5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiAodGhpcy5lbFtpdGVtXSA9IHZhbCkpO1xuICAgICAgfSxcbiAgICAgIC8qKlxuICAgICAgICogSW4gdGhlIGV2ZW50IHRoYXQgcHJveHlJbnB1dHMgaXMgY2FsbGVkXG4gICAgICAgKiBtdWx0aXBsZSB0aW1lcyByZS1kZWZpbmluZyB0aGVzZSBpbnB1dHNcbiAgICAgICAqIHdpbGwgY2F1c2UgYW4gZXJyb3IgdG8gYmUgdGhyb3duLiBBcyBhIHJlc3VsdFxuICAgICAgICogd2Ugc2V0IGNvbmZpZ3VyYWJsZTogdHJ1ZSB0byBpbmRpY2F0ZSB0aGVzZVxuICAgICAgICogcHJvcGVydGllcyBjYW4gYmUgY2hhbmdlZC5cbiAgICAgICAqL1xuICAgICAgY29uZmlndXJhYmxlOiB0cnVlLFxuICAgIH0pO1xuICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBwcm94eU1ldGhvZHMgPSAoQ21wOiBhbnksIG1ldGhvZHM6IHN0cmluZ1tdKSA9PiB7XG4gIGNvbnN0IFByb3RvdHlwZSA9IENtcC5wcm90b3R5cGU7XG4gIG1ldGhvZHMuZm9yRWFjaCgobWV0aG9kTmFtZSkgPT4ge1xuICAgIFByb3RvdHlwZVttZXRob2ROYW1lXSA9IGZ1bmN0aW9uICgpIHtcbiAgICAgIGNvbnN0IGFyZ3MgPSBhcmd1bWVudHM7XG4gICAgICByZXR1cm4gdGhpcy56LnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHRoaXMuZWxbbWV0aG9kTmFtZV0uYXBwbHkodGhpcy5lbCwgYXJncykpO1xuICAgIH07XG4gIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3h5T3V0cHV0cyA9IChpbnN0YW5jZTogYW55LCBlbDogYW55LCBldmVudHM6IHN0cmluZ1tdKSA9PiB7XG4gIGV2ZW50cy5mb3JFYWNoKChldmVudE5hbWUpID0+IChpbnN0YW5jZVtldmVudE5hbWVdID0gZnJvbUV2ZW50KGVsLCBldmVudE5hbWUpKSk7XG59O1xuXG5leHBvcnQgY29uc3QgZGVmaW5lQ3VzdG9tRWxlbWVudCA9ICh0YWdOYW1lOiBzdHJpbmcsIGN1c3RvbUVsZW1lbnQ6IGFueSkgPT4ge1xuICBpZiAoY3VzdG9tRWxlbWVudCAhPT0gdW5kZWZpbmVkICYmIHR5cGVvZiBjdXN0b21FbGVtZW50cyAhPT0gJ3VuZGVmaW5lZCcgJiYgIWN1c3RvbUVsZW1lbnRzLmdldCh0YWdOYW1lKSkge1xuICAgIGN1c3RvbUVsZW1lbnRzLmRlZmluZSh0YWdOYW1lLCBjdXN0b21FbGVtZW50KTtcbiAgfVxufTtcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBvbmx5LWFycm93LWZ1bmN0aW9uc1xuZXhwb3J0IGZ1bmN0aW9uIFByb3h5Q21wKG9wdHM6IHsgZGVmaW5lQ3VzdG9tRWxlbWVudEZuPzogKCkgPT4gdm9pZDsgaW5wdXRzPzogYW55OyBtZXRob2RzPzogYW55IH0pIHtcbiAgY29uc3QgZGVjb3JhdG9yID0gZnVuY3Rpb24gKGNsczogYW55KSB7XG4gICAgY29uc3QgeyBkZWZpbmVDdXN0b21FbGVtZW50Rm4sIGlucHV0cywgbWV0aG9kcyB9ID0gb3B0cztcblxuICAgIGlmIChkZWZpbmVDdXN0b21FbGVtZW50Rm4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgZGVmaW5lQ3VzdG9tRWxlbWVudEZuKCk7XG4gICAgfVxuXG4gICAgaWYgKGlucHV0cykge1xuICAgICAgcHJveHlJbnB1dHMoY2xzLCBpbnB1dHMpO1xuICAgIH1cbiAgICBpZiAobWV0aG9kcykge1xuICAgICAgcHJveHlNZXRob2RzKGNscywgbWV0aG9kcyk7XG4gICAgfVxuICAgIHJldHVybiBjbHM7XG4gIH07XG4gIHJldHVybiBkZWNvcmF0b3I7XG59XG4iXX0=