@social-mail/social-mail-client 1.2.190 → 1.2.192

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.
@@ -39624,17 +39624,81 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
39624
39624
 
39625
39625
  AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/ImageGallery");
39626
39626
 
39627
- System.register(["@web-atoms/core/dist/core/XNode", "./Block"], function (_export, _context) {
39627
+ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@web-atoms/core/dist/style/styled", "../styler/StylerSets"], function (_export, _context) {
39628
39628
  "use strict";
39629
39629
 
39630
- var XNode, Block, VideoPlayer;
39630
+ var XNode, Block, styled, StylerSets, VideoPlayer;
39631
39631
  return {
39632
39632
  setters: [function (_webAtomsCoreDistCoreXNode) {
39633
39633
  XNode = _webAtomsCoreDistCoreXNode.default;
39634
39634
  }, function (_Block) {
39635
39635
  Block = _Block.Block;
39636
+ }, function (_webAtomsCoreDistStyleStyled) {
39637
+ styled = _webAtomsCoreDistStyleStyled.default;
39638
+ }, function (_stylerStylerSets) {
39639
+ StylerSets = _stylerStylerSets.StylerSets;
39636
39640
  }],
39637
39641
  execute: function () {
39642
+ StylerSets.register("low", styled.css`
39643
+
39644
+
39645
+ & > *:empty:before {
39646
+ background-color: #ddd;
39647
+ color: #000;
39648
+ font-size: 16px;
39649
+ font-weight: bold;
39650
+ font-family: 'Courier New', Courier, monospace;
39651
+ height: 100%;
39652
+ min-height: 100px;
39653
+ display: flex;
39654
+ justify-items: center;
39655
+ align-items: center;
39656
+ min-height: 30px;
39657
+ opacity: 0.3;
39658
+ border-radius: 3px;
39659
+ white-space: nowrap;
39660
+ overflow: hidden;
39661
+ text-overflow: ellipsis;
39662
+ content: "Video Player";
39663
+
39664
+ }
39665
+ `.expand("video-player"));
39666
+ StylerSets.register("low", styled.css`
39667
+
39668
+ display: flex;
39669
+ content: "Video Player";
39670
+ align-items: center;
39671
+ justify-content: center;
39672
+ justify-items: center;
39673
+ min-height: 100px;
39674
+ background-color: black;
39675
+ border-radius: 10px;
39676
+ color: white;
39677
+
39678
+ &:before {
39679
+ padding: 10px;
39680
+ background-color: #ddd;
39681
+ color: #000;
39682
+ font-size: 16px;
39683
+ font-weight: bold;
39684
+ font-family: 'Courier New', Courier, monospace;
39685
+ height: 100%;
39686
+ min-height: 100px;
39687
+ display: flex;
39688
+ justify-items: center;
39689
+ align-items: center;
39690
+ opacity: 0.3;
39691
+ border-radius: 3px;
39692
+ white-space: nowrap;
39693
+ overflow: hidden;
39694
+ text-align: center;
39695
+ vertical-align: middle;
39696
+ text-overflow: ellipsis;
39697
+ content: "Video Player";
39698
+
39699
+ }
39700
+
39701
+ `.expand("body[editing=true] video-player"));
39638
39702
  _export("VideoPlayer", VideoPlayer = Block({
39639
39703
  className: "fad fa-circle-play",
39640
39704
  title: "Add Video Player",