@social-mail/social-mail-client 1.2.55 → 1.2.57

package/dist/site-editor/styler/StylerSet.js

@@ -1,7 +1,7 @@
-System.register(["./Styler", "./properties/stylerBorder", "./properties/layouts/display", "./properties/layouts/flex/flex", "./properties/layouts/items-position/itemsPosition", "./properties/layouts/layout", "./properties/stylerPosition", "./properties/stylerSizes", "./properties/stylerSpace", "./properties/text/stylerText", "./properties/stylerBackground", "./properties/color-sets/stylerColorSets"], function (_export, _context) {
+System.register(["./Styler", "./properties/stylerBorder", "./properties/layouts/display", "./properties/layouts/flex/flex", "./properties/layouts/items-position/itemsPosition", "./properties/layouts/layout", "./properties/stylerPosition", "./properties/stylerSizes", "./properties/stylerSpace", "./properties/text/stylerText", "./properties/stylerBackground", "./properties/color-sets/stylerColorSets", "./properties/elements/elements"], function (_export, _context) {
   "use strict";
 
-  var StylerVariable, stylerVars, stylerBorder, stylerDisplay, stylerFlexDirection, itemPositions, stylerLayout, stylerPosition, stylerSizes, stylerSpace, stylerText, stylerBackground, stylerColorSets, StylerSet, vars;
+  var StylerVariable, stylerVars, stylerBorder, stylerDisplay, stylerFlexDirection, itemPositions, stylerLayout, stylerPosition, stylerSizes, stylerSpace, stylerText, stylerBackground, stylerColorSets, stylerElement, StylerSet, vars;
   _export("StylerSet", void 0);
   return {
     setters: [function (_Styler) {
@@ -29,6 +29,8 @@ System.register(["./Styler", "./properties/stylerBorder", "./properties/layouts/
       stylerBackground = _propertiesStylerBackground.stylerBackground;
     }, function (_propertiesColorSetsStylerColorSets) {
       stylerColorSets = _propertiesColorSetsStylerColorSets.stylerColorSets;
+    }, function (_propertiesElementsElements) {
+      stylerElement = _propertiesElementsElements.stylerElement;
     }],
     execute: function () {
       vars = [];
@@ -44,6 +46,7 @@ System.register(["./Styler", "./properties/stylerBorder", "./properties/layouts/
           this.varsCss = this.vars.join("\n\t\t\t");
           this.properties = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
             stylerLayout,
+            stylerElement,
             stylerColorSets,
             stylerDisplay,
             stylerFlexDirection

package/dist/site-editor/styler/StylerSet.js.map

@@ -1 +1 @@
-{"version":3,"names":["StylerSet","vars","_export","setters","_Styler","StylerVariable","stylerVars","_propertiesStylerBorder","stylerBorder","_propertiesLayoutsDisplay","stylerDisplay","_propertiesLayoutsFlexFlex","stylerFlexDirection","_propertiesLayoutsItemsPositionItemsPosition","itemPositions","_propertiesLayoutsLayout","stylerLayout","_propertiesStylerPosition","stylerPosition","_propertiesStylerSizes","stylerSizes","_propertiesStylerSpace","stylerSpace","_propertiesTextStylerText","stylerText","_propertiesStylerBackground","stylerBackground","_propertiesColorSetsStylerColorSets","stylerColorSets","execute","key","Object","prototype","hasOwnProperty","call","element","push","name","value","constructor","varsCss","join","properties","assign","toString","instance"],"sources":["../../../src/site-editor/styler/StylerSet.ts"],"sourcesContent":[null],"mappings":";;;0MAqBaA,SAAS,EAAAC,IAAA;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,OAAA;MArBbC,cAAc,GAAAD,OAAA,CAAdC,cAAc;MAAEC,UAAU,GAAAF,OAAA,CAAVE,UAAU;IAAA,aAAAC,uBAAA;MAC1BC,YAAY,GAAAD,uBAAA,CAAZC,YAAY;IAAA,aAAAC,yBAAA;MACZC,aAAa,GAAAD,yBAAA,CAAbC,aAAa;IAAA,aAAAC,0BAAA;MACbC,mBAAmB,GAAAD,0BAAA,CAAnBC,mBAAmB;IAAA,aAAAC,4CAAA;MACnBC,aAAa,GAAAD,4CAAA,CAAbC,aAAa;IAAA,aAAAC,wBAAA;MACbC,YAAY,GAAAD,wBAAA,CAAZC,YAAY;IAAA,aAAAC,yBAAA;MACZC,cAAc,GAAAD,yBAAA,CAAdC,cAAc;IAAA,aAAAC,sBAAA;MACdC,WAAW,GAAAD,sBAAA,CAAXC,WAAW;IAAA,aAAAC,sBAAA;MACXC,WAAW,GAAAD,sBAAA,CAAXC,WAAW;IAAA,aAAAC,yBAAA;MACXC,UAAU,GAAAD,yBAAA,CAAVC,UAAU;IAAA,aAAAC,2BAAA;MACVC,gBAAgB,GAAAD,2BAAA,CAAhBC,gBAAgB;IAAA,aAAAC,mCAAA;MAChBC,eAAe,GAAAD,mCAAA,CAAfC,eAAe;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAElB5B,IAAI,GAAG,EAAE;MACf,KAAK,MAAM6B,GAAG,IAAIxB,UAAU,EAAE;QAC1B,IAAIyB,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC5B,UAAU,EAAEwB,GAAG,CAAC,EAAE;UACvD,MAAMK,OAAO,GAAG7B,UAAU,CAACwB,GAAG,CAAC;UAC/B7B,IAAI,CAACmC,IAAI,CAAC,IAAI/B,cAAc,CAAC8B,OAAO,CAACE,IAAI,EAAEF,OAAO,CAACG,KAAK,CAAC,CAAC;;;MAEjEpC,OAAA,cAEYF,SAAS,GAAhB,MAAOA,SAAS;QAAtBuC,YAAA;UAII,KAAAtC,IAAI,GAAGA,IAAI;UAEX,KAAAuC,OAAO,GAAG,IAAI,CAACvC,IAAI,CAACwC,IAAI,CAAC,UAAU,CAAC;UAEpC,KAAAC,UAAU,GAAAX,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA,CAAAZ,MAAA,CAAAY,MAAA;YACN3B,YAAY;YACZY,eAAe;YACflB,aAAa;YACbE;UAAmB,GACfJ,YAAY,GACZM,aAAa,GACbU,UAAU,GACVJ,WAAW,GACXE,WAAW,GACXJ,cAAc,GACdQ,gBAAgB;QA0B5B;QAvBIkB,QAAQA,CAAA;UAEJ,MAAMF,UAAU,GAAG,EAAE;UACrB,KAAK,MAAMZ,GAAG,IAAI,IAAI,CAACY,UAAU,EAAE;YAC/B,IAAIX,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC,IAAI,CAACQ,UAAU,EAAEZ,GAAG,CAAC,EAAE;cAC5D,MAAMK,OAAO,GAAG,IAAI,CAACO,UAAU,CAACZ,GAAG,CAAC;cACpCY,UAAU,CAACN,IAAI,CAACD,OAAO,CAAC;;;UAIhC,OAAO;cACD,IAAI,CAAClC,IAAI,CAACwC,IAAI,CAAC,IAAI,CAAC;;;UAGxBC,UAAU,CAACD,IAAI,CAAC,IAAI,CAAC;;;;;;SAMtB;QACL;;MAzCczC,SAAA,CAAA6C,QAAQ,GAAG,IAAI7C,SAAS,EAAE;MA2C3C;IAAC;EAAA;AAAA"}
+{"version":3,"names":["StylerSet","vars","_export","setters","_Styler","StylerVariable","stylerVars","_propertiesStylerBorder","stylerBorder","_propertiesLayoutsDisplay","stylerDisplay","_propertiesLayoutsFlexFlex","stylerFlexDirection","_propertiesLayoutsItemsPositionItemsPosition","itemPositions","_propertiesLayoutsLayout","stylerLayout","_propertiesStylerPosition","stylerPosition","_propertiesStylerSizes","stylerSizes","_propertiesStylerSpace","stylerSpace","_propertiesTextStylerText","stylerText","_propertiesStylerBackground","stylerBackground","_propertiesColorSetsStylerColorSets","stylerColorSets","_propertiesElementsElements","stylerElement","execute","key","Object","prototype","hasOwnProperty","call","element","push","name","value","constructor","varsCss","join","properties","assign","toString","instance"],"sources":["../../../src/site-editor/styler/StylerSet.ts"],"sourcesContent":[null],"mappings":"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"}

package/dist/site-editor/styler/properties/color-sets/stylerColorSets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stylerColorSets.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/color-sets/stylerColorSets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAC;AAE1D,eAAO,MAAM,eAAe,gBA8C1B,CAAC"}
+{"version":3,"file":"stylerColorSets.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/color-sets/stylerColorSets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAc,MAAM,cAAc,CAAC;AAE1D,eAAO,MAAM,eAAe,gBAuF1B,CAAC"}

package/dist/site-editor/styler/properties/color-sets/stylerColorSets.js

@@ -24,6 +24,20 @@ System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function
             background-color: ${stylerVars.primarySurface};
             color: ${stylerVars.primarySurfaceText};
         }
+
+        & [styler-element=image-link] {
+            background: ${stylerVars.primaryButtonBackground};
+            color: ${stylerVars.primaryButtonText};
+        }
+
+        & [styler-element=link-button] {
+            background: ${stylerVars.primaryButtonBackground};
+            color: ${stylerVars.primaryButtonText};
+        }
+        & [styler-element=link-icon-button] {
+            background: ${stylerVars.primaryButtonBackground};
+            color: ${stylerVars.primaryButtonText};
+        }
     `,
         "secondary": styled.css`
         background-color: ${stylerVars.secondaryBackground};
@@ -38,6 +52,20 @@ System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function
             background-color: ${stylerVars.secondarySurface};
             color: ${stylerVars.secondarySurfaceText};
         }
+
+        & [styler-element=image-link] {
+            background: ${stylerVars.secondaryButtonBackground};
+            color: ${stylerVars.secondaryButtonText};
+        }
+
+        & [styler-element=link-button] {
+            background: ${stylerVars.secondaryButtonBackground};
+            color: ${stylerVars.secondaryButtonText};
+        }
+        & [styler-element=link-icon-button] {
+            background: ${stylerVars.secondaryButtonBackground};
+            color: ${stylerVars.secondaryButtonText};
+        }
     `,
         "tertiary": styled.css`
         background-color: ${stylerVars.tertiaryBackground};
@@ -52,6 +80,19 @@ System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function
             background-color: ${stylerVars.tertiarySurface};
             color: ${stylerVars.tertiarySurfaceText};
         }
+        & [styler-element=image-link] {
+            background: ${stylerVars.tertiaryButtonBackground};
+            color: ${stylerVars.tertiaryButtonText};
+        }
+
+        & [styler-element=link-button] {
+            background: ${stylerVars.tertiaryButtonBackground};
+            color: ${stylerVars.tertiaryButtonText};
+        }
+        & [styler-element=link-icon-button] {
+            background: ${stylerVars.tertiaryButtonBackground};
+            color: ${stylerVars.tertiaryButtonText};
+        }
     `
       }));
     }

package/dist/site-editor/styler/properties/color-sets/stylerColorSets.js.map

@@ -1 +1 @@
-{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","StylerProperty","stylerVars","execute","_export","stylerColorSets","create","css","primaryBackground","primaryColor","primaryAccent","primaryAccentText","primarySurface","primarySurfaceText","secondaryBackground","secondaryColor","secondaryAccent","secondaryAccentText","secondarySurface","secondarySurfaceText","tertiaryBackground","tertiaryColor","tertiaryAccent","tertiaryAccentText","tertiarySurface","tertiarySurfaceText"],"sources":["../../../../../src/site-editor/styler/properties/color-sets/stylerColorSets.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,cAAc,GAAAD,OAAA,CAAdC,cAAc;MAAEC,UAAU,GAAAF,OAAA,CAAVE,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,oBAEtBC,eAAe,GAAIJ,cAAc,CAACK,MAAM,CAAE,eAAe,EAAE;QAEpE,SAAS,EAAET,MAAM,CAACU,GAAI;4BACEL,UAAU,CAACM,iBAAiB;iBACvCN,UAAU,CAACO,YAAY;;;gCAGRP,UAAU,CAACQ,aAAa;qBACnCR,UAAU,CAACS,iBAAiB;;;;gCAIjBT,UAAU,CAACU,cAAc;qBACpCV,UAAU,CAACW,kBAAkB;;KAE7C;QAED,WAAW,EAAEhB,MAAM,CAACU,GAAI;4BACAL,UAAU,CAACY,mBAAmB;iBACzCZ,UAAU,CAACa,cAAc;;;gCAGVb,UAAU,CAACc,eAAe;qBACrCd,UAAU,CAACe,mBAAmB;;;;gCAInBf,UAAU,CAACgB,gBAAgB;qBACtChB,UAAU,CAACiB,oBAAoB;;KAE/C;QAED,UAAU,EAAEtB,MAAM,CAACU,GAAI;4BACCL,UAAU,CAACkB,kBAAkB;iBACxClB,UAAU,CAACmB,aAAa;;;gCAGTnB,UAAU,CAACoB,cAAc;qBACpCpB,UAAU,CAACqB,kBAAkB;;;;gCAIlBrB,UAAU,CAACsB,eAAe;qBACrCtB,UAAU,CAACuB,mBAAmB;;;OAGlD,CAAC;IAAA;EAAA;AAAA"}
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","StylerProperty","stylerVars","execute","_export","stylerColorSets","create","css","primaryBackground","primaryColor","primaryAccent","primaryAccentText","primarySurface","primarySurfaceText","primaryButtonBackground","primaryButtonText","secondaryBackground","secondaryColor","secondaryAccent","secondaryAccentText","secondarySurface","secondarySurfaceText","secondaryButtonBackground","secondaryButtonText","tertiaryBackground","tertiaryColor","tertiaryAccent","tertiaryAccentText","tertiarySurface","tertiarySurfaceText","tertiaryButtonBackground","tertiaryButtonText"],"sources":["../../../../../src/site-editor/styler/properties/color-sets/stylerColorSets.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,cAAc,GAAAD,OAAA,CAAdC,cAAc;MAAEC,UAAU,GAAAF,OAAA,CAAVE,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,oBAEtBC,eAAe,GAAIJ,cAAc,CAACK,MAAM,CAAE,eAAe,EAAE;QAEpE,SAAS,EAAET,MAAM,CAACU,GAAI;4BACEL,UAAU,CAACM,iBAAiB;iBACvCN,UAAU,CAACO,YAAY;;;gCAGRP,UAAU,CAACQ,aAAa;qBACnCR,UAAU,CAACS,iBAAiB;;;;gCAIjBT,UAAU,CAACU,cAAc;qBACpCV,UAAU,CAACW,kBAAkB;;;;0BAIxBX,UAAU,CAACY,uBAAuB;qBACvCZ,UAAU,CAACa,iBAAiB;;;;0BAIvBb,UAAU,CAACY,uBAAuB;qBACvCZ,UAAU,CAACa,iBAAiB;;;0BAGvBb,UAAU,CAACY,uBAAuB;qBACvCZ,UAAU,CAACa,iBAAiB;;KAE5C;QAED,WAAW,EAAElB,MAAM,CAACU,GAAI;4BACAL,UAAU,CAACc,mBAAmB;iBACzCd,UAAU,CAACe,cAAc;;;gCAGVf,UAAU,CAACgB,eAAe;qBACrChB,UAAU,CAACiB,mBAAmB;;;;gCAInBjB,UAAU,CAACkB,gBAAgB;qBACtClB,UAAU,CAACmB,oBAAoB;;;;0BAI1BnB,UAAU,CAACoB,yBAAyB;qBACzCpB,UAAU,CAACqB,mBAAmB;;;;0BAIzBrB,UAAU,CAACoB,yBAAyB;qBACzCpB,UAAU,CAACqB,mBAAmB;;;0BAGzBrB,UAAU,CAACoB,yBAAyB;qBACzCpB,UAAU,CAACqB,mBAAmB;;KAE9C;QAED,UAAU,EAAE1B,MAAM,CAACU,GAAI;4BACCL,UAAU,CAACsB,kBAAkB;iBACxCtB,UAAU,CAACuB,aAAa;;;gCAGTvB,UAAU,CAACwB,cAAc;qBACpCxB,UAAU,CAACyB,kBAAkB;;;;gCAIlBzB,UAAU,CAAC0B,eAAe;qBACrC1B,UAAU,CAAC2B,mBAAmB;;;0BAGzB3B,UAAU,CAAC4B,wBAAwB;qBACxC5B,UAAU,CAAC6B,kBAAkB;;;;0BAIxB7B,UAAU,CAAC4B,wBAAwB;qBACxC5B,UAAU,CAAC6B,kBAAkB;;;0BAGxB7B,UAAU,CAAC4B,wBAAwB;qBACxC5B,UAAU,CAAC6B,kBAAkB;;;OAGjD,CAAC;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/elements/elementImageLink.d.ts

@@ -0,0 +1,2 @@
+export declare const elementImageLink: any;
+//# sourceMappingURL=elementImageLink.d.ts.map

package/dist/site-editor/styler/properties/elements/elementImageLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementImageLink.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/elements/elementImageLink.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,EAAE,GAW9B,CAAC"}

package/dist/site-editor/styler/properties/elements/elementImageLink.js

@@ -0,0 +1,25 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled, elementImageLink;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      _export("elementImageLink", elementImageLink = {
+        "image-link": styled.css`
+            border: solid 1px transparent;
+            outline: none;
+            text-decoration: none;
+            display: flex;
+            &:hover {
+                border-color: green;
+                text-decoration: underline;
+            }
+        `
+      });
+    }
+  };
+});
+//# sourceMappingURL=elementImageLink.js.map

package/dist/site-editor/styler/properties/elements/elementImageLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","_export","elementImageLink","css"],"sources":["../../../../../src/site-editor/styler/properties/elements/elementImageLink.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,qBAEAC,gBAAgB,GAAQ;QAC7B,YAAY,EAAEL,MAAM,CAACM,GAAI;;;;;;;;;;OAUhC;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/elements/elementLinkButton.d.ts

@@ -0,0 +1,2 @@
+export declare const elementLinkButton: any;
+//# sourceMappingURL=elementLinkButton.d.ts.map

package/dist/site-editor/styler/properties/elements/elementLinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementLinkButton.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/elements/elementLinkButton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,EAAE,GAoB/B,CAAC"}

package/dist/site-editor/styler/properties/elements/elementLinkButton.js

@@ -0,0 +1,36 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, elementLinkButton;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("elementLinkButton", elementLinkButton = {
+        "link-button": styled.css`
+        display: inline-flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: ${stylerVars.sizeDefault};
+        padding-top: ${stylerVars.sizeTiny};
+        padding-bottom: ${stylerVars.sizeTiny};
+        padding-left: ${stylerVars.sizeLarge};
+        padding-right: ${stylerVars.sizeLarge};
+        background: ${stylerVars.buttonBackground};
+        color: ${stylerVars.buttonText};
+        border: none;
+        border-radius: ${stylerVars.sizeLarge};
+        text-decoration: none;
+        &:hover {
+            text-decoration: underline;
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=elementLinkButton.js.map

package/dist/site-editor/styler/properties/elements/elementLinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","elementLinkButton","css","sizeDefault","sizeTiny","sizeLarge","buttonBackground","buttonText"],"sources":["../../../../../src/site-editor/styler/properties/elements/elementLinkButton.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,sBAENC,iBAAiB,GAAQ;QAClC,aAAa,EAAEP,MAAM,CAACQ,GAAI;;;;;eAKfJ,UAAU,CAACK,WAAW;uBACdL,UAAU,CAACM,QAAQ;0BAChBN,UAAU,CAACM,QAAQ;wBACrBN,UAAU,CAACO,SAAS;yBACnBP,UAAU,CAACO,SAAS;sBACvBP,UAAU,CAACQ,gBAAgB;iBAChCR,UAAU,CAACS,UAAU;;yBAEbT,UAAU,CAACO,SAAS;;;;;;OAM5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/elements/elementLinkIconButton.d.ts

@@ -0,0 +1,2 @@
+export declare const elementLinkIconButton: any;
+//# sourceMappingURL=elementLinkIconButton.d.ts.map

package/dist/site-editor/styler/properties/elements/elementLinkIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementLinkIconButton.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/elements/elementLinkIconButton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,EAAE,GAmBnC,CAAC"}

package/dist/site-editor/styler/properties/elements/elementLinkIconButton.js

@@ -0,0 +1,35 @@
+System.register(["@web-atoms/core/dist/style/styled", "../../Styler"], function (_export, _context) {
+  "use strict";
+
+  var styled, stylerVars, elementLinkIconButton;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }, function (_Styler) {
+      stylerVars = _Styler.stylerVars;
+    }],
+    execute: function () {
+      _export("elementLinkIconButton", elementLinkIconButton = {
+        "link-icon-button": styled.css`
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: ${stylerVars.sizeDefault};
+        padding-top: ${stylerVars.sizeTiny};
+        padding-bottom: ${stylerVars.sizeTiny};
+        padding-left: ${stylerVars.sizeLarge};
+        padding-right: ${stylerVars.sizeLarge};
+        background: ${stylerVars.buttonBackground};
+        color: ${stylerVars.buttonText};
+        border: none;
+        border-radius: ${stylerVars.sizeLarge};
+        text-decoration: none;
+        &:hover {
+            text-decoration: underline;
+        }
+    `
+      });
+    }
+  };
+});
+//# sourceMappingURL=elementLinkIconButton.js.map

package/dist/site-editor/styler/properties/elements/elementLinkIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","elementLinkIconButton","css","sizeDefault","sizeTiny","sizeLarge","buttonBackground","buttonText"],"sources":["../../../../../src/site-editor/styler/properties/elements/elementLinkIconButton.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,0BAENC,qBAAqB,GAAQ;QACtC,kBAAkB,EAAEP,MAAM,CAACQ,GAAI;;;;eAIpBJ,UAAU,CAACK,WAAW;uBACdL,UAAU,CAACM,QAAQ;0BAChBN,UAAU,CAACM,QAAQ;wBACrBN,UAAU,CAACO,SAAS;yBACnBP,UAAU,CAACO,SAAS;sBACvBP,UAAU,CAACQ,gBAAgB;iBAChCR,UAAU,CAACS,UAAU;;yBAEbT,UAAU,CAACO,SAAS;;;;;;OAM5C;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/elements/elements.d.ts

@@ -0,0 +1,3 @@
+import { StylerProperty } from "../../Styler";
+export declare const stylerElement: StylerProperty;
+//# sourceMappingURL=elements.d.ts.map

package/dist/site-editor/styler/properties/elements/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/styler/properties/elements/elements.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,aAAa,gBAIxB,CAAC"}

package/dist/site-editor/styler/properties/elements/elements.js

@@ -0,0 +1,20 @@
+System.register(["../../Styler", "./elementImageLink", "./elementLinkButton", "./elementLinkIconButton"], function (_export, _context) {
+  "use strict";
+
+  var StylerProperty, elementImageLink, elementLinkButton, elementLinkIconButton, stylerElement;
+  return {
+    setters: [function (_Styler) {
+      StylerProperty = _Styler.StylerProperty;
+    }, function (_elementImageLink) {
+      elementImageLink = _elementImageLink.elementImageLink;
+    }, function (_elementLinkButton) {
+      elementLinkButton = _elementLinkButton.elementLinkButton;
+    }, function (_elementLinkIconButton) {
+      elementLinkIconButton = _elementLinkIconButton.elementLinkIconButton;
+    }],
+    execute: function () {
+      _export("stylerElement", stylerElement = StylerProperty.create("styler-element", Object.assign(Object.assign(Object.assign({}, elementImageLink), elementLinkButton), elementLinkIconButton)));
+    }
+  };
+});
+//# sourceMappingURL=elements.js.map

package/dist/site-editor/styler/properties/elements/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StylerProperty","_Styler","_elementImageLink","elementImageLink","_elementLinkButton","elementLinkButton","_elementLinkIconButton","elementLinkIconButton","execute","_export","stylerElement","create","Object","assign"],"sources":["../../../../../src/site-editor/styler/properties/elements/elements.ts"],"sourcesContent":[null],"mappings":";;;;;;MAASA,cAAc,GAAAC,OAAA,CAAdD,cAAc;IAAA,aAAAE,iBAAA;MACdC,gBAAgB,GAAAD,iBAAA,CAAhBC,gBAAgB;IAAA,aAAAC,kBAAA;MAChBC,iBAAiB,GAAAD,kBAAA,CAAjBC,iBAAiB;IAAA,aAAAC,sBAAA;MACjBC,qBAAqB,GAAAD,sBAAA,CAArBC,qBAAqB;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,kBAEjBC,aAAa,GAAGV,cAAc,CAACW,MAAM,CAAE,gBAAgB,EAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,KAC5DV,gBAAgB,GAChBE,iBAAiB,GACjBE,qBAAqB,EAC3B;IAAA;EAAA;AAAA"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutImageBox.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,GA+C5B,CAAC"}
+{"version":3,"file":"layoutImageBox.d.ts","sourceRoot":"","sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,EAAE,GAuF5B,CAAC"}

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js

@@ -55,7 +55,46 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
             text-overflow: ellipsis;
             content: "Container";
         }
-    `
+    `,
+        "vertical-image-box": styled.css`
+        display: flex;
+        flex-direction: column;
+        gap: ${stylerVars.sizeDefault};
+        padding: ${stylerVars.sizeDefault};
+        margin: ${stylerVars.sizeDefault};
+        border-radius: ${stylerVars.sizeDefault};
+        justify-items: center;
+        align-items: stretch;
+        contain: content;
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 100%;
+        }
+
+        & > *:empty:before {
+            background-color: #ddd;
+            color: #000;
+            font-size: 16px;
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+            height: 100%;
+            display: flex;
+            justify-items: center;
+            align-items: center;
+            min-height: 30px;
+            opacity: 0.3;
+            border-radius: 3px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            content: "Container";
+        }
+        `
       });
     }
   };

package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutImageBox","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,mBAENC,cAAc,GAAQ;QAC/B,WAAW,EAAEP,MAAM,CAACQ,GAAI;;;eAGbJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;uBAgBxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;;OAwB5C;IAAA;EAAA;AAAA"}
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","_Styler","stylerVars","execute","_export","layoutImageBox","css","sizeDefault"],"sources":["../../../../../../src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA,aAAAC,OAAA;MACJC,UAAU,GAAAD,OAAA,CAAVC,UAAU;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAC,OAAA,mBAENC,cAAc,GAAQ;QAC/B,WAAW,EAAEP,MAAM,CAACQ,GAAI;;;eAGbJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;uBAgBxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;KAuBxC;QAED,oBAAoB,EAAET,MAAM,CAACQ,GAAI;;;eAGtBJ,UAAU,CAACK,WAAW;mBAClBL,UAAU,CAACK,WAAW;kBACvBL,UAAU,CAACK,WAAW;yBACfL,UAAU,CAACK,WAAW;;;;;;;;;;uBAUxBL,UAAU,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;;OAuB5C;IAAA;EAAA;AAAA"}