@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.Styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyAdaptiveCardDesignerStyles = void 0;
+var applyAdaptiveCardDesignerStyles = function () {
+    require("./AdaptiveCardDesigner.Styles.css");
+};
+exports.applyAdaptiveCardDesignerStyles = applyAdaptiveCardDesignerStyles;
+//# sourceMappingURL=AdaptiveCardDesigner.Styles.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardDesigner.Styles.js","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.Styles.ts"],"names":[],"mappings":";;;AAAO,IAAM,+BAA+B,GAAG;IAC3C,OAAO,CAAC,mCAAmC,CAAC,CAAC;AACjD,CAAC,CAAC;AAFW,QAAA,+BAA+B,mCAE1C"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveCardDesigner = exports.EmptyCard = void 0;
+var tslib_1 = require("tslib");
+var monacoLoader = tslib_1.__importStar(require("@monaco-editor/loader"));
+var adaptivecards_1 = require("adaptivecards");
+var adaptivecards_designer_1 = require("adaptivecards-designer");
+var markdown_it_1 = tslib_1.__importDefault(require("markdown-it"));
+var Spinner_1 = require("@fluentui/react/lib/Spinner");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var AdaptiveCardHost_Utilities_1 = require("../adaptiveCardHost/AdaptiveCardHost.Utilities");
+var FluentUIDefaultTheme_1 = require("../../common/fluentUIThemes/FluentUIDefaultTheme");
+var AdaptiveCardDesigner_Helpers_1 = require("./AdaptiveCardDesigner.Helpers");
+var AdaptiveCardDesigner_Styles_1 = require("./AdaptiveCardDesigner.Styles");
+var AdaptiveCardHostContainer_1 = require("./fluentUI/AdaptiveCardHostContainer");
+var DesignerPeers_1 = require("./fluentUI/peers/DesignerPeers");
+exports.EmptyCard = {
+    '$schema': 'http://adaptivecards.io/schemas/adaptive-card.json',
+    'type': 'AdaptiveCard',
+    'version': '1.5'
+};
+var AdaptiveCardDesigner = function (props) {
+    var adaptiveCardDesignerInstanceRef = (0, react_1.useRef)(null);
+    var renderElementRef = (0, react_1.useRef)();
+    var currentBreakpointValueRef = (0, react_1.useRef)('100%');
+    var _a = (0, react_1.useState)(false), isMonacoLoaded = _a[0], setIsMonacoLoaded = _a[1];
+    var monacoRef = (0, react_1.useRef)(null);
+    // updateLayout on windows resize
+    (0, react_1.useEffect)(function () {
+        function handleResize() {
+            var _a, _b;
+            (_b = (_a = adaptiveCardDesignerInstanceRef.current) === null || _a === void 0 ? void 0 : _a.designerSurface) === null || _b === void 0 ? void 0 : _b.updateLayout(true);
+        }
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    });
+    // *****
+    (0, react_1.useEffect)(function () {
+        adaptivecards_designer_1.CardDesigner.onProcessMarkdown = function (text, result) {
+            result.outputHtml = new markdown_it_1.default().render(text);
+            result.didProcess = true;
+        };
+        (0, AdaptiveCardDesigner_Styles_1.applyAdaptiveCardDesignerStyles)();
+        monacoLoader.default.init().then(function (monaco) {
+            // monaco as any => fix the problem with the type definition
+            monacoRef.current = monaco;
+            setIsMonacoLoaded(true);
+        })
+            .catch(function () { });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (props.addDefaultAdaptiveCardHostContainer) {
+            (0, DesignerPeers_1.initializeDesignerPeers)();
+        }
+        adaptivecards_designer_1.GlobalSettings.enableDataBindingSupport = props.enableDataBindingSupport;
+        adaptivecards_designer_1.GlobalSettings.selectedHostContainerControlsTargetVersion = props.selectedHostContainerControlsTargetVersion;
+        adaptivecards_designer_1.GlobalSettings.showDataStructureToolbox = props.showDataStructureToolbox;
+        adaptivecards_designer_1.GlobalSettings.showSampleDataEditorToolbox = props.showSampleDataEditorToolbox;
+        adaptivecards_designer_1.GlobalSettings.showTargetVersionMismatchWarning = props.showTargetVersionMismatchWarning;
+        adaptivecards_designer_1.GlobalSettings.showVersionPicker = props.showVersionPicker;
+        adaptivecards_designer_1.GlobalSettings.supportedTargetVersions = props.supportedTargetVersions;
+    }, [props.addDefaultAdaptiveCardHostContainer,
+        props.enableDataBindingSupport,
+        props.selectedHostContainerControlsTargetVersion,
+        props.showDataStructureToolbox,
+        props.showSampleDataEditorToolbox,
+        props.showTargetVersionMismatchWarning,
+        props.showVersionPicker,
+        props.supportedTargetVersions]);
+    (0, react_1.useEffect)(function () {
+        if (!isMonacoLoaded) {
+            return;
+        }
+        var hosts = [];
+        if (props.hostContainers) {
+            hosts.push.apply(hosts, props.hostContainers);
+        }
+        if (props.addDefaultAdaptiveCardHostContainer) {
+            hosts.push.apply(hosts, [
+                new AdaptiveCardHostContainer_1.AdaptiveCardHostContainer('ACH - Default', AdaptiveCardHostContainer_1.AdaptiveCardHostContainerType.Default),
+                new AdaptiveCardHostContainer_1.AdaptiveCardHostContainer('ACH - Teams', AdaptiveCardHostContainer_1.AdaptiveCardHostContainerType.TeamsDefault),
+                new AdaptiveCardHostContainer_1.AdaptiveCardHostContainer('ACH - Teams Dark', AdaptiveCardHostContainer_1.AdaptiveCardHostContainerType.TeamsDark),
+                new AdaptiveCardHostContainer_1.AdaptiveCardHostContainer('ACH - Teams High Contrast', AdaptiveCardHostContainer_1.AdaptiveCardHostContainerType.TeamsHighContrast)
+            ]);
+        }
+        var cardDesigner = new adaptivecards_designer_1.CardDesigner(hosts);
+        cardDesigner.bindingPreviewMode = (props.bindingPreviewMode)
+            ? props.bindingPreviewMode
+            : adaptivecards_designer_1.BindingPreviewMode.GeneratedData;
+        (0, AdaptiveCardDesigner_Helpers_1.addToolbarButton)(cardDesigner, 'New Card', 'acd-icon-newCard', adaptivecards_designer_1.CardDesigner.ToolbarCommands.NewCard, true, adaptivecards_designer_1.CardDesigner.ToolbarCommands.NewCard, function (sender) {
+            var text = 'Do you want to create a new Card?';
+            if (confirm(text) === true) {
+                cardDesigner.setCard((props.newCardPayload) ? props.newCardPayload : exports.EmptyCard);
+                cardDesigner.clearUndoStack();
+                cardDesigner.designerSurface.updateLayout(true);
+            }
+        });
+        if (props.onSave) {
+            (0, AdaptiveCardDesigner_Helpers_1.addToolbarButton)(cardDesigner, 'Save', 'acd-icon-save', adaptivecards_designer_1.CardDesigner.ToolbarCommands.NewCard, true, null, function (sender) {
+                var payload = cardDesigner.designerSurface.getCardPayloadAsObject();
+                props.onSave(payload);
+            });
+        }
+        if (props.showFluentBreakpointsPicker) {
+            (0, AdaptiveCardDesigner_Helpers_1.addToolbarChoicePicker)(cardDesigner, adaptivecards_designer_1.CardDesigner.ToolbarCommands.HostAppPicker, true, 'Breakpoints:', [
+                { name: 'Fluid (fit content)', value: '100%' },
+                { name: 'Small (>= 320px)', value: '320px' },
+                { name: 'Medium (>= 480px)', value: '480px' },
+                { name: 'Large (>= 640px)', value: '640px' },
+                { name: 'Extra large (>= 1024px)', value: '1024px' },
+                { name: 'Extra extra large (>= 1366px)', value: '1366px' },
+                { name: 'Extra extra extra large (>= 1920px)', value: '1920px' }
+            ], function (sender) {
+                currentBreakpointValueRef.current = sender.value;
+                cardDesigner.designerSurface.context.hostContainer.cardHost.style.width = sender.value;
+                cardDesigner.designerSurface.updateLayout(false);
+            });
+        }
+        (0, AdaptiveCardDesigner_Helpers_1.hideToolbarElement)(cardDesigner, adaptivecards_designer_1.CardDesigner.ToolbarCommands.Help);
+        if (props.showCopyToJsonToolbarCommand === false)
+            (0, AdaptiveCardDesigner_Helpers_1.hideToolbarElement)(cardDesigner, adaptivecards_designer_1.CardDesigner.ToolbarCommands.CopyJSON);
+        if (props.snippets) {
+            props.snippets.forEach(function (item) {
+                (0, AdaptiveCardDesigner_Helpers_1.addToolboxSnippet)(cardDesigner, item.category, item.name, item.payload);
+            });
+        }
+        adaptiveCardDesignerInstanceRef.current = cardDesigner;
+        cardDesigner.attachTo(renderElementRef.current);
+        cardDesigner.monacoModuleLoaded(monacoRef.current);
+        cardDesigner.setCard((props.card) ? props.card : (props.newCardPayload) ? props.newCardPayload : exports.EmptyCard);
+        cardDesigner.clearUndoStack();
+        cardDesigner.designerSurface.updateLayout(true);
+        cardDesigner.onActiveHostContainerChanged = function (designer) {
+            var hostConfig = designer.hostContainer.getHostConfig();
+            cardDesigner.designerSurface.context.hostContainer.cardHost.style.width = currentBreakpointValueRef.current;
+            cardDesigner.designerSurface.updateLayout(false);
+            console.log(hostConfig);
+        };
+        cardDesigner.designerSurface.context.hostContainer.cardHost.style.width = '100%';
+        cardDesigner.dataToolbox.collapse();
+        var data = (props.data) ? props.data : { $root: {} };
+        var dataObject = (0, AdaptiveCardHost_Utilities_1.injectContextProperty)(data, (0, FluentUIDefaultTheme_1.fluentUIDefaultTheme)(), props.context);
+        (0, AdaptiveCardDesigner_Helpers_1.convertNullToEmptyString)(dataObject);
+        cardDesigner.dataStructure = adaptivecards_designer_1.FieldDefinition.deriveFrom(dataObject.$root);
+    }, [isMonacoLoaded,
+        props.addDefaultAdaptiveCardHostContainer,
+        props.onSave,
+        props.showFluentBreakpointsPicker,
+        props.showCopyToJsonToolbarCommand,
+        props.snippets]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: renderElementRef }),
+        !isMonacoLoaded &&
+            React.createElement(Spinner_1.Spinner, { style: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    height: '100%'
+                }, size: Spinner_1.SpinnerSize.medium, label: 'loading...', ariaLive: 'assertive', labelPosition: 'bottom' })));
+};
+exports.AdaptiveCardDesigner = AdaptiveCardDesigner;
+exports.AdaptiveCardDesigner.defaultProps = {
+    newCardPayload: exports.EmptyCard,
+    hostContainers: [],
+    supportedTargetVersions: [adaptivecards_1.Versions.v1_0, adaptivecards_1.Versions.v1_1, adaptivecards_1.Versions.v1_2, adaptivecards_1.Versions.v1_3, adaptivecards_1.Versions.v1_4, adaptivecards_1.Versions.v1_5],
+    snippets: [],
+    bindingPreviewMode: adaptivecards_designer_1.BindingPreviewMode.GeneratedData,
+    enableDataBindingSupport: true,
+    selectedHostContainerControlsTargetVersion: false,
+    showTargetVersionMismatchWarning: true,
+    showVersionPicker: false,
+    showSampleDataEditorToolbox: false,
+    showDataStructureToolbox: true,
+    showFluentBreakpointsPicker: true,
+    showCopyToJsonToolbarCommand: false,
+    addDefaultAdaptiveCardHostContainer: true,
+    injectAdaptiveCardHostContextProperty: true
+};
+//# sourceMappingURL=AdaptiveCardDesigner.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardDesigner.js","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesigner.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.Exports.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Versions = exports.Version = exports.BindingPreviewMode = exports.HostContainer = void 0;
+var containers_1 = require("adaptivecards-designer/lib/containers");
+Object.defineProperty(exports, "HostContainer", { enumerable: true, get: function () { return containers_1.HostContainer; } });
+var card_designer_surface_1 = require("adaptivecards-designer/lib/card-designer-surface");
+Object.defineProperty(exports, "BindingPreviewMode", { enumerable: true, get: function () { return card_designer_surface_1.BindingPreviewMode; } });
+var adaptivecards_1 = require("adaptivecards");
+Object.defineProperty(exports, "Version", { enumerable: true, get: function () { return adaptivecards_1.Version; } });
+Object.defineProperty(exports, "Versions", { enumerable: true, get: function () { return adaptivecards_1.Versions; } });
+//# sourceMappingURL=AdaptiveCardDesignerHost.Exports.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.Exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardDesignerHost.Exports.js","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.Exports.ts"],"names":[],"mappings":";;;AAAA,oEAAsE;AAA7D,2GAAA,aAAa,OAAA;AACtB,0FAAsF;AAA7E,2HAAA,kBAAkB,OAAA;AAC3B,+CAAkD;AAAzC,wGAAA,OAAO,OAAA;AAAE,yGAAA,QAAQ,OAAA"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveCardDesignerHost = void 0;
+var tslib_1 = require("tslib");
+var Button_1 = require("@fluentui/react/lib/Button");
+var Panel_1 = require("@fluentui/react/lib/Panel");
+var Styling_1 = require("@fluentui/react/lib/Styling");
+var Theme_1 = require("@fluentui/react/lib/Theme");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
+var AdaptiveCardDesigner_1 = require("./AdaptiveCardDesigner");
+var panelStyles = {
+    scrollableContent: { display: "flex", height: "100%" },
+    content: {
+        display: "flex",
+        flex: "1 1 auto",
+        flexDirection: "column",
+        overflow: "hidden",
+        paddingLeft: 0,
+        paddingRight: 0,
+        paddingBottom: 0
+    },
+    commands: { marginBottom: 15 }
+};
+var AdaptiveCardDesignerHost = function (props) {
+    var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button_1.DefaultButton, { text: props.buttonText, onClick: function () { return setIsOpen(true); } }),
+        React.createElement(Theme_1.ThemeProvider, { theme: (0, Styling_1.getTheme)() },
+            React.createElement(Panel_1.Panel, { styles: panelStyles, headerText: props.headerText, isBlocking: true, isOpen: isOpen, type: Panel_1.PanelType.smallFluid, hasCloseButton: true, onDismiss: function (ev) {
+                    var srcElement = ev.nativeEvent.target;
+                    if (srcElement && srcElement.className.indexOf('ms-Overlay') !== -1) {
+                        ev.preventDefault();
+                    }
+                    else {
+                        setIsOpen(false);
+                    }
+                } },
+                React.createElement("hr", null),
+                React.createElement(AdaptiveCardDesigner_1.AdaptiveCardDesigner, tslib_1.__assign({}, props))))));
+};
+exports.AdaptiveCardDesignerHost = AdaptiveCardDesignerHost;
+//# sourceMappingURL=AdaptiveCardDesignerHost.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardDesignerHost.js","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.tsx"],"names":[],"mappings":";;;;AACA,qDAA2D;AAC3D,mDAA6F;AAC7F,uDAAuD;AACvD,mDAA0D;AAC1D,mDAA+B;AAC/B,+BAAiC;AACjC,+DAA8D;AAG9D,IAAM,WAAW,GAA0D;IACvE,iBAAiB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;IACtD,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,CAAC;KACnB;IACD,QAAQ,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;CACjC,CAAC;AAEK,IAAM,wBAAwB,GAAG,UAAC,KAAqC;IACpE,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,OAAO,CACH;QACI,oBAAC,sBAAa,IAAC,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,GAAI;QACzE,oBAAC,qBAAa,IAAC,KAAK,EAAE,IAAA,kBAAQ,GAAE;YAC5B,oBAAC,aAAK,IACF,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,iBAAS,CAAC,UAAU,EAC1B,cAAc,EAAE,IAAI,EACpB,SAAS,EAAE,UAAC,EAAE;oBACV,IAAM,UAAU,GAAI,EAA2B,CAAC,WAAW,CAAC,MAAwB,CAAC;oBACrF,IAAI,UAAU,IAAI,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;wBAClE,EAAE,CAAC,cAAc,EAAE,CAAC;oBACxB,CAAC;yBAAM,CAAC;wBACJ,SAAS,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;gBACL,CAAC;gBACD,+BAAM;gBACN,oBAAC,2CAAoB,uBAAK,KAAK,EAAI,CAC/B,CACI,CACjB,CACN,CAAC;AACN,CAAC,CAAC;AA5BW,QAAA,wBAAwB,4BA4BnC"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/IAdaptiveCardDesignerProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IAdaptiveCardDesignerProps.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/IAdaptiveCardDesignerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAdaptiveCardDesignerProps.js","sourceRoot":"","sources":["../../../src/controls/adaptiveCardDesignerHost/IAdaptiveCardDesignerProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/AdaptiveCardHostContainer.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdaptiveCardHostContainer = exports.AdaptiveCardHostContainerType = void 0;
+var tslib_1 = require("tslib");
+var adaptivecards_1 = require("adaptivecards");
+var containers_1 = require("adaptivecards-designer/lib/containers");
+var AdaptiveCardHost_HostConfig_1 = require("../../adaptiveCardHost/AdaptiveCardHost.HostConfig");
+var Actions_1 = require("../../adaptiveCardHost/fluentUI/Actions");
+var Elements_1 = require("../../adaptiveCardHost/fluentUI/Elements");
+var AdaptiveCardHostThemeType_1 = require("../../adaptiveCardHost/models/AdaptiveCardHostThemeType");
+var FluentUIDefaultTheme_1 = require("../../../common/fluentUIThemes/FluentUIDefaultTheme");
+var AdaptiveCardHostContainerType;
+(function (AdaptiveCardHostContainerType) {
+    AdaptiveCardHostContainerType["Default"] = "default";
+    AdaptiveCardHostContainerType["TeamsDefault"] = "TeamsDefault";
+    AdaptiveCardHostContainerType["TeamsDark"] = "TeamsDark";
+    AdaptiveCardHostContainerType["TeamsHighContrast"] = "TeamsHighContrast";
+})(AdaptiveCardHostContainerType || (exports.AdaptiveCardHostContainerType = AdaptiveCardHostContainerType = {}));
+var AdaptiveCardHostContainer = /** @class */ (function (_super) {
+    tslib_1.__extends(AdaptiveCardHostContainer, _super);
+    function AdaptiveCardHostContainer(name, type) {
+        var _this = _super.call(this, name) || this;
+        _this.type = type;
+        (0, Elements_1.registerFluentUIElements)(_this.elementsRegistry);
+        (0, Actions_1.registerFluentUIActions)(_this.actionsRegistry);
+        return _this;
+    }
+    AdaptiveCardHostContainer.prototype.renderTo = function (hostElement) {
+        var container = document.createElement("div");
+        container.className = "adaptiveCardHostContainer";
+        container.appendChild(this.cardHost);
+        hostElement.appendChild(container);
+    };
+    AdaptiveCardHostContainer.prototype.getCurrentStyleSheet = function () {
+        return "";
+    };
+    AdaptiveCardHostContainer.prototype.getHostConfig = function () {
+        var hostThemeType;
+        switch (this.type) {
+            case AdaptiveCardHostContainerType.Default:
+                hostThemeType = AdaptiveCardHostThemeType_1.AdaptiveCardHostThemeType.SharePoint;
+                break;
+            case AdaptiveCardHostContainerType.TeamsDefault:
+                hostThemeType = AdaptiveCardHostThemeType_1.AdaptiveCardHostThemeType.Teams;
+                break;
+            case AdaptiveCardHostContainerType.TeamsDark:
+                hostThemeType = AdaptiveCardHostThemeType_1.AdaptiveCardHostThemeType.TeamsDark;
+                break;
+            case AdaptiveCardHostContainerType.TeamsHighContrast:
+                hostThemeType = AdaptiveCardHostThemeType_1.AdaptiveCardHostThemeType.TeamsHighContrast;
+                break;
+        }
+        var adaptiveCardHostConfigResult = (0, AdaptiveCardHost_HostConfig_1.initializeAdaptiveCardHost)(hostThemeType, (0, FluentUIDefaultTheme_1.fluentUIDefaultTheme)());
+        return adaptiveCardHostConfigResult.hostConfig;
+    };
+    Object.defineProperty(AdaptiveCardHostContainer.prototype, "targetVersion", {
+        get: function () {
+            return adaptivecards_1.Versions.v1_5;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return AdaptiveCardHostContainer;
+}(containers_1.HostContainer));
+exports.AdaptiveCardHostContainer = AdaptiveCardHostContainer;
+//# sourceMappingURL=AdaptiveCardHostContainer.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/AdaptiveCardHostContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveCardHostContainer.js","sourceRoot":"","sources":["../../../../src/controls/adaptiveCardDesignerHost/fluentUI/AdaptiveCardHostContainer.ts"],"names":[],"mappings":";;;;AAAA,+CAAkD;AAClD,oEAAsE;AAEtE,kGAAgG;AAChG,mEAAkF;AAClF,qEAAoF;AACpF,qGAAoG;AACpG,4FAA2F;AAE3F,IAAY,6BAKX;AALD,WAAY,6BAA6B;IACvC,oDAAmB,CAAA;IACnB,8DAA6B,CAAA;IAC7B,wDAAuB,CAAA;IACvB,wEAAuC,CAAA;AACzC,CAAC,EALW,6BAA6B,6CAA7B,6BAA6B,QAKxC;AAED;IAA+C,qDAAa;IAG1D,mCAAmB,IAAY,EAAE,IAAmC;QAClE,YAAA,MAAK,YAAC,IAAI,CAAC,SAAC;QACZ,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAA,mCAAwB,EAAC,KAAI,CAAC,gBAAgB,CAAC,CAAC;QAChD,IAAA,iCAAuB,EAAC,KAAI,CAAC,eAAe,CAAC,CAAC;;IAChD,CAAC;IAEM,4CAAQ,GAAf,UAAgB,WAAwB;QACtC,IAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,SAAS,GAAG,2BAA2B,CAAC;QAClD,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,wDAAoB,GAA3B;QACE,OAAO,EAAE,CAAC;IACZ,CAAC;IAEM,iDAAa,GAApB;QACE,IAAI,aAAwC,CAAC;QAE7C,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,6BAA6B,CAAC,OAAO;gBACxC,aAAa,GAAG,qDAAyB,CAAC,UAAU,CAAC;gBACrD,MAAM;YACR,KAAK,6BAA6B,CAAC,YAAY;gBAC7C,aAAa,GAAG,qDAAyB,CAAC,KAAK,CAAC;gBAChD,MAAM;YACR,KAAK,6BAA6B,CAAC,SAAS;gBAC1C,aAAa,GAAG,qDAAyB,CAAC,SAAS,CAAC;gBACpD,MAAM;YACR,KAAK,6BAA6B,CAAC,iBAAiB;gBAClD,aAAa,GAAG,qDAAyB,CAAC,iBAAiB,CAAC;gBAC5D,MAAM;QACV,CAAC;QAED,IAAM,4BAA4B,GAAG,IAAA,wDAA0B,EAAC,aAAa,EAAE,IAAA,2CAAoB,GAAE,CAAC,CAAC;QACvG,OAAO,4BAA4B,CAAC,UAAU,CAAC;IACjD,CAAC;IAED,sBAAI,oDAAa;aAAjB;YACE,OAAO,wBAAQ,CAAC,IAAI,CAAC;QACvB,CAAC;;;OAAA;IACH,gCAAC;AAAD,CAAC,AA/CD,CAA+C,0BAAa,GA+C3D;AA/CY,8DAAyB"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AdaptiveCardHostContainer"), exports);
+tslib_1.__exportStar(require("./peers"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/controls/adaptiveCardDesignerHost/fluentUI/index.ts"],"names":[],"mappings":";;;AAAA,sEAA4C;AAC5C,kDAAwB"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/peers/ActionPeers.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleVisibilityActionPeer = exports.ShowCardActionPeer = exports.OpenUrlActionPeer = exports.ExecuteActionPeer = exports.SubmitActionPeer = void 0;
+var tslib_1 = require("tslib");
+var Adaptive = tslib_1.__importStar(require("adaptivecards"));
+var designer_peers_1 = require("adaptivecards-designer/lib/designer-peers");
+var SubmitActionPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(SubmitActionPeer, _super);
+    function SubmitActionPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return SubmitActionPeer;
+}(designer_peers_1.BaseSubmitActionPeer));
+exports.SubmitActionPeer = SubmitActionPeer;
+var ExecuteActionPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(ExecuteActionPeer, _super);
+    function ExecuteActionPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ExecuteActionPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, ExecuteActionPeer.verbProperty);
+    };
+    ExecuteActionPeer.verbProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_4, "verb", "Verb");
+    return ExecuteActionPeer;
+}(designer_peers_1.BaseSubmitActionPeer));
+exports.ExecuteActionPeer = ExecuteActionPeer;
+var OpenUrlActionPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(OpenUrlActionPeer, _super);
+    function OpenUrlActionPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    OpenUrlActionPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, OpenUrlActionPeer.urlProperty);
+    };
+    OpenUrlActionPeer.urlProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "url", "Url");
+    return OpenUrlActionPeer;
+}(designer_peers_1.TypedActionPeer));
+exports.OpenUrlActionPeer = OpenUrlActionPeer;
+var ShowCardActionPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(ShowCardActionPeer, _super);
+    function ShowCardActionPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ShowCardActionPeer.prototype.getToolTip = function () {
+        return "Double click to open/close";
+    };
+    return ShowCardActionPeer;
+}(designer_peers_1.TypedActionPeer));
+exports.ShowCardActionPeer = ShowCardActionPeer;
+var ToggleVisibilityActionPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(ToggleVisibilityActionPeer, _super);
+    function ToggleVisibilityActionPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ToggleVisibilityActionPeer;
+}(designer_peers_1.TypedActionPeer));
+exports.ToggleVisibilityActionPeer = ToggleVisibilityActionPeer;
+//# sourceMappingURL=ActionPeers.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/peers/ActionPeers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPeers.js","sourceRoot":"","sources":["../../../../../src/controls/adaptiveCardDesignerHost/fluentUI/peers/ActionPeers.ts"],"names":[],"mappings":";;;;AAAA,8DAA0C;AAC1C,4EAA8J;AAG9J;IAAsC,4CAA0C;IAAhF;;IACA,CAAC;IAAD,uBAAC;AAAD,CAAC,AADD,CAAsC,qCAAoB,GACzD;AADY,4CAAgB;AAG7B;IAAuC,6CAA2C;IAAlF;;IAQA,CAAC;IALU,iDAAqB,GAA5B,UAA6B,aAA4B,EAAE,eAA+D;QAA/D,gCAAA,EAAA,kBAA0B,sCAAqB,CAAC,eAAe;QACtH,gBAAK,CAAC,qBAAqB,YAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAE5D,aAAa,CAAC,GAAG,CAAC,eAAe,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACvE,CAAC;IANsB,8BAAY,GAAG,IAAI,qCAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAO3G,wBAAC;CAAA,AARD,CAAuC,qCAAoB,GAQ1D;AARY,8CAAiB;AAU9B;IAAuC,6CAAsC;IAA7E;;IAUA,CAAC;IAPU,iDAAqB,GAA5B,UAA6B,aAA4B,EAAE,eAA+D;QAA/D,gCAAA,EAAA,kBAA0B,sCAAqB,CAAC,eAAe;QACtH,gBAAK,CAAC,qBAAqB,YAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAE5D,aAAa,CAAC,GAAG,CACb,eAAe,EACf,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;IARsB,6BAAW,GAAG,IAAI,qCAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IASxG,wBAAC;CAAA,AAVD,CAAuC,gCAAe,GAUrD;AAVY,8CAAiB;AAY9B;IAAwC,8CAAuC;IAA/E;;IAIA,CAAC;IAHa,uCAAU,GAApB;QACI,OAAO,4BAA4B,CAAC;IACxC,CAAC;IACL,yBAAC;AAAD,CAAC,AAJD,CAAwC,gCAAe,GAItD;AAJY,gDAAkB;AAM/B;IAAgD,sDAA+C;IAA/F;;IACA,CAAC;IAAD,iCAAC;AAAD,CAAC,AADD,CAAgD,gCAAe,GAC9D;AADY,gEAA0B"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/peers/DesignerPeers.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeDesignerPeers = initializeDesignerPeers;
+var card_designer_surface_1 = require("adaptivecards-designer/lib/card-designer-surface");
+var designer_peers_1 = require("adaptivecards-designer/lib/designer-peers");
+var Actions_1 = require("../../../adaptiveCardHost/fluentUI/Actions");
+var Elements_1 = require("../../../adaptiveCardHost/fluentUI/Elements");
+var InputPeers_1 = require("./InputPeers");
+var Shared_1 = require("./Shared");
+function initializeDesignerPeers() {
+    //https://github.com/microsoft/AdaptiveCards/blob/87e44941433326a9238de2161124fc246f12a1b6/source/nodejs/adaptivecards-designer/src/card-designer-surface.ts
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUITextInput, InputPeers_1.TextInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputText");
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUINumberInput, InputPeers_1.NumberInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputNumber");
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUITimeInput, InputPeers_1.TimeInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputTime");
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUIDateInput, InputPeers_1.DateInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputDate");
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUIToggleInput, InputPeers_1.ToggleInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputToggle");
+    card_designer_surface_1.CardDesignerSurface.cardElementPeerRegistry.registerPeer(Elements_1.FluentUIChoiceSetInput, InputPeers_1.ChoiceSetInputPeer, Shared_1.DesignerPeerCategory.Inputs, "acd-icon-inputChoiceSet");
+    card_designer_surface_1.CardDesignerSurface.actionPeerRegistry.registerPeer(Actions_1.FluentUISubmitAction, designer_peers_1.SubmitActionPeer, Shared_1.DesignerPeerCategory.Actions, "acd-icon-actionSubmit");
+    card_designer_surface_1.CardDesignerSurface.actionPeerRegistry.registerPeer(Actions_1.FluentUIOpenUrlAction, designer_peers_1.OpenUrlActionPeer, Shared_1.DesignerPeerCategory.Actions, "acd-icon-actionOpenUrl");
+    card_designer_surface_1.CardDesignerSurface.actionPeerRegistry.registerPeer(Actions_1.FluentUIShowCardAction, designer_peers_1.ShowCardActionPeer, Shared_1.DesignerPeerCategory.Actions, "acd-icon-actionShowCard");
+    card_designer_surface_1.CardDesignerSurface.actionPeerRegistry.registerPeer(Actions_1.FluentUIToggleVisibilityAction, designer_peers_1.ToggleVisibilityActionPeer, Shared_1.DesignerPeerCategory.Actions, "acd-icon-actionToggleVisibility");
+    card_designer_surface_1.CardDesignerSurface.actionPeerRegistry.registerPeer(Actions_1.FluentUIExecuteAction, designer_peers_1.ExecuteActionPeer, Shared_1.DesignerPeerCategory.Actions, "acd-icon-actionSubmit");
+}
+//# sourceMappingURL=DesignerPeers.js.map

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/peers/DesignerPeers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerPeers.js","sourceRoot":"","sources":["../../../../../src/controls/adaptiveCardDesignerHost/fluentUI/peers/DesignerPeers.ts"],"names":[],"mappings":";;AAOA,0DAcC;AArBD,0FAA4H;AAC5H,4EAAmK;AACnK,sEAAwL;AACxL,wEAAwL;AACxL,2CAAiI;AACjI,mCAAgD;AAEhD,SAAgB,uBAAuB;IACnC,4JAA4J;IAC5J,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,4BAAiB,EAAE,0BAA+C,EAAE,6BAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChL,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,8BAAmB,EAAE,4BAAiD,EAAE,6BAAoB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACtL,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,4BAAiB,EAAE,0BAA+C,EAAE,6BAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChL,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,4BAAiB,EAAE,0BAA+C,EAAE,6BAAoB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAChL,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,8BAAmB,EAAE,4BAAiD,EAAE,6BAAoB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACtL,2CAAmB,CAAC,uBAAuB,CAAC,YAAY,CAAC,iCAAsB,EAAE,+BAAoD,EAAE,6BAAoB,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;IAE/L,2CAAmB,CAAC,kBAAkB,CAAC,YAAY,CAAC,8BAAoB,EAAE,iCAA6C,EAAE,6BAAoB,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;IAChL,2CAAmB,CAAC,kBAAkB,CAAC,YAAY,CAAC,+BAAqB,EAAE,kCAA8C,EAAE,6BAAoB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;IACnL,2CAAmB,CAAC,kBAAkB,CAAC,YAAY,CAAC,gCAAsB,EAAE,mCAA+C,EAAE,6BAAoB,CAAC,OAAO,EAAE,yBAAyB,CAAC,CAAC;IACtL,2CAAmB,CAAC,kBAAkB,CAAC,YAAY,CAAC,wCAA8B,EAAE,2CAAuD,EAAE,6BAAoB,CAAC,OAAO,EAAE,iCAAiC,CAAC,CAAC;IAC9M,2CAAmB,CAAC,kBAAkB,CAAC,YAAY,CAAC,+BAAqB,EAAE,kCAA8C,EAAE,6BAAoB,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;AACtL,CAAC"}

package/lib-commonjs/controls/adaptiveCardDesignerHost/fluentUI/peers/InputPeers.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChoiceSetInputPeer = exports.ToggleInputPeer = exports.TimeInputPeer = exports.DateInputPeer = exports.NumberInputPeer = exports.TextInputPeer = void 0;
+var tslib_1 = require("tslib");
+var Adaptive = tslib_1.__importStar(require("adaptivecards"));
+var designer_peers_1 = require("adaptivecards-designer/lib/designer-peers");
+var Shared_1 = require("./Shared");
+var TextInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(TextInputPeer, _super);
+    function TextInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TextInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, TextInputPeer.placeholderProperty, TextInputPeer.isMultilineProperty);
+        if (!this.cardElement.isMultiline) {
+            propertySheet.add(designer_peers_1.PropertySheetCategory.DefaultCategory, TextInputPeer.styleProperty);
+        }
+        else {
+            propertySheet.add(designer_peers_1.PropertySheetCategory.LayoutCategory, designer_peers_1.CardElementPeer.heightProperty);
+        }
+        propertySheet.add(designer_peers_1.PropertySheetCategory.InlineAction, TextInputPeer.inlineActionProperty);
+        if (this.cardElement.inlineAction) {
+            propertySheet.addActionProperties(Adaptive.Versions.v1_2, this, this.cardElement.inlineAction, designer_peers_1.PropertySheetCategory.InlineAction, [designer_peers_1.ActionPeer.styleProperty, designer_peers_1.ActionPeer.modeProperty]);
+        }
+        propertySheet.add(defaultCategory, TextInputPeer.maxLengthProperty, TextInputPeer.defaultValueProperty);
+        propertySheet.add(designer_peers_1.PropertySheetCategory.Validation, TextInputPeer.regexProperty);
+    };
+    TextInputPeer.prototype.initializeCardElement = function () {
+        _super.prototype.initializeCardElement.call(this);
+        this.cardElement.placeholder = "Placeholder text";
+    };
+    TextInputPeer.defaultValueProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    TextInputPeer.placeholderProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "placeholder", "Placeholder");
+    TextInputPeer.isMultilineProperty = new designer_peers_1.BooleanPropertyEditor(Adaptive.Versions.v1_0, "isMultiline", "Multi-line", true);
+    TextInputPeer.styleProperty = new designer_peers_1.EnumPropertyEditor(Adaptive.Versions.v1_0, "style", "Style", Adaptive.InputTextStyle);
+    TextInputPeer.maxLengthProperty = new designer_peers_1.NumberPropertyEditor(Adaptive.Versions.v1_0, "maxLength", "Maximum length");
+    TextInputPeer.inlineActionProperty = new designer_peers_1.ActionPropertyEditor(Adaptive.Versions.v1_2, "inlineAction", "Action type", [Adaptive.ShowCardAction.JsonTypeName], true);
+    TextInputPeer.regexProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_3, "regex", "Pattern");
+    return TextInputPeer;
+}(designer_peers_1.InputPeer));
+exports.TextInputPeer = TextInputPeer;
+var NumberInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(NumberInputPeer, _super);
+    function NumberInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    NumberInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, NumberInputPeer.placeholderProperty, NumberInputPeer.defaultValueProperty, NumberInputPeer.minProperty, NumberInputPeer.maxProperty);
+    };
+    NumberInputPeer.prototype.initializeCardElement = function () {
+        _super.prototype.initializeCardElement.call(this);
+        this.cardElement.placeholder = "Placeholder text";
+        this.cardElement.defaultValue = 0;
+    };
+    NumberInputPeer.defaultValueProperty = new designer_peers_1.NumberPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    NumberInputPeer.placeholderProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "placeholder", "Placeholder");
+    NumberInputPeer.minProperty = new designer_peers_1.NumberPropertyEditor(Adaptive.Versions.v1_0, "min", "Minimum value");
+    NumberInputPeer.maxProperty = new designer_peers_1.NumberPropertyEditor(Adaptive.Versions.v1_0, "max", "Maximum value");
+    return NumberInputPeer;
+}(designer_peers_1.InputPeer));
+exports.NumberInputPeer = NumberInputPeer;
+var DateInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(DateInputPeer, _super);
+    function DateInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DateInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, DateInputPeer.defaultValueProperty, DateInputPeer.minProperty, DateInputPeer.maxProperty);
+    };
+    DateInputPeer.defaultValueProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    DateInputPeer.minProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "min", "Minimum value");
+    DateInputPeer.maxProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "max", "Maximum value");
+    return DateInputPeer;
+}(designer_peers_1.InputPeer));
+exports.DateInputPeer = DateInputPeer;
+var TimeInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(TimeInputPeer, _super);
+    function TimeInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TimeInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, TimeInputPeer.defaultValueProperty, TimeInputPeer.minProperty, TimeInputPeer.maxProperty);
+    };
+    TimeInputPeer.defaultValueProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    TimeInputPeer.minProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "min", "Minimum value");
+    TimeInputPeer.maxProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "max", "Maximum value");
+    return TimeInputPeer;
+}(designer_peers_1.InputPeer));
+exports.TimeInputPeer = TimeInputPeer;
+var ToggleInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(ToggleInputPeer, _super);
+    function ToggleInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToggleInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, ToggleInputPeer.titleProperty, ToggleInputPeer.valueOnProperty, ToggleInputPeer.valueOffProperty, ToggleInputPeer.defaultValueProperty);
+        propertySheet.add(designer_peers_1.PropertySheetCategory.LayoutCategory, ToggleInputPeer.wrapProperty);
+    };
+    ToggleInputPeer.prototype.initializeCardElement = function () {
+        this.cardElement.title = "New Input.Toggle";
+    };
+    ToggleInputPeer.defaultValueProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    ToggleInputPeer.titleProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "title", "Title", true);
+    ToggleInputPeer.valueOnProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "valueOn", "Value when on");
+    ToggleInputPeer.valueOffProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "valueOff", "Value when off");
+    ToggleInputPeer.wrapProperty = new designer_peers_1.BooleanPropertyEditor(Adaptive.Versions.v1_2, "wrap", "Wrap");
+    return ToggleInputPeer;
+}(designer_peers_1.InputPeer));
+exports.ToggleInputPeer = ToggleInputPeer;
+var ChoiceSetInputPeer = /** @class */ (function (_super) {
+    tslib_1.__extends(ChoiceSetInputPeer, _super);
+    function ChoiceSetInputPeer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ChoiceSetInputPeer.prototype.populatePropertySheet = function (propertySheet, defaultCategory) {
+        if (defaultCategory === void 0) { defaultCategory = designer_peers_1.PropertySheetCategory.DefaultCategory; }
+        _super.prototype.populatePropertySheet.call(this, propertySheet, defaultCategory);
+        propertySheet.add(defaultCategory, ChoiceSetInputPeer.placeholderProperty, ChoiceSetInputPeer.isMultiselectProperty, ChoiceSetInputPeer.styleProperty, ChoiceSetInputPeer.defaultValueProperty);
+        propertySheet.add(designer_peers_1.PropertySheetCategory.LayoutCategory, ToggleInputPeer.wrapProperty);
+        propertySheet.add("Choices", ChoiceSetInputPeer.choicesProperty);
+    };
+    ChoiceSetInputPeer.prototype.initializeCardElement = function () {
+        this.cardElement.placeholder = "Placeholder text";
+        this.cardElement.choices.push(new Adaptive.Choice("Choice 1", "Choice 1"), new Adaptive.Choice("Choice 2", "Choice 2"));
+    };
+    ChoiceSetInputPeer.defaultValueProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "defaultValue", "Default value");
+    ChoiceSetInputPeer.placeholderProperty = new designer_peers_1.StringPropertyEditor(Adaptive.Versions.v1_0, "placeholder", "Placeholder");
+    ChoiceSetInputPeer.isMultiselectProperty = new designer_peers_1.BooleanPropertyEditor(Adaptive.Versions.v1_0, "isMultiSelect", "Allow multi selection");
+    ChoiceSetInputPeer.styleProperty = new designer_peers_1.ChoicePropertyEditor(Adaptive.Versions.v1_0, "style", "Style", [
+        { targetVersion: Adaptive.Versions.v1_0, name: "Compact", value: "compact" },
+        { targetVersion: Adaptive.Versions.v1_0, name: "Expanded", value: "expanded" },
+        { targetVersion: Adaptive.Versions.v1_5, name: "Filtered", value: "filtered" }
+    ], true);
+    ChoiceSetInputPeer.wrapProperty = new designer_peers_1.BooleanPropertyEditor(Adaptive.Versions.v1_2, "wrap", "Wrap");
+    ChoiceSetInputPeer.choicesProperty = new Shared_1.NameValuePairPropertyEditor(Adaptive.Versions.v1_0, "choices", "title", "value", function (name, value) { return new Adaptive.Choice(name, value); }, "Title", "Value", "Add a new choice", "This ChoiceSet is empty");
+    return ChoiceSetInputPeer;
+}(designer_peers_1.InputPeer));
+exports.ChoiceSetInputPeer = ChoiceSetInputPeer;
+//# sourceMappingURL=InputPeers.js.map