@luzmo/analytics-components-kit 1.0.1-alpha.0 → 1.0.1-alpha.10

package/components/imageobject.config-DZLp9Elq.js

@@ -0,0 +1,127 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e = [
+  {
+    key: "general",
+    type: "group",
+    open: !0,
+    children: [
+      {
+        key: "url",
+        control: {
+          type: "text-field",
+          placeholder: "Enter an image URL"
+        }
+      },
+      // TODO: add edit-option-button {
+      // key: 'upload',
+      //   control: {
+      //     type: 'button'
+      //   }
+      // },
+      {
+        key: "mode",
+        control: {
+          type: "action-button-group",
+          default: ["fill"],
+          values: {
+            noResize: { iconName: "ban", label: "No Resize" },
+            compress: { iconName: "compress", label: "Compress" },
+            fitHorizontal: {
+              iconName: "arrowsHorizontal",
+              label: "Fit Horizontal"
+            },
+            fitVertical: { iconName: "arrowsVertical", label: "Fit Vertical" },
+            fill: { iconName: "expand", label: "Fill" },
+            stretch: { iconName: "arrowsExpand", label: "Expand" }
+          },
+          selects: "single"
+        }
+      }
+    ]
+  },
+  {
+    key: "alignment",
+    type: "group",
+    open: !0,
+    children: [
+      {
+        key: "alignment.vertical",
+        control: {
+          type: "action-button-group",
+          label: "Vertical",
+          default: ["middle"],
+          values: {
+            top: { iconName: "alignTop", label: "align top" },
+            middle: { iconName: "alignMiddle", label: "align middle" },
+            bottom: { iconName: "alignBottom", label: "align bottom" }
+          },
+          selects: "single"
+        }
+      },
+      {
+        key: "alignment.horizontal",
+        control: {
+          type: "action-button-group",
+          label: "Horizontal",
+          default: ["center"],
+          values: {
+            left: { iconName: "alignLeft", label: "align left" },
+            center: { iconName: "alignCenter", label: "align center" },
+            right: { iconName: "alignRight", label: "align right" }
+          },
+          selects: "single"
+        }
+      }
+    ]
+  },
+  {
+    key: "link",
+    type: "group",
+    open: !1,
+    children: [
+      {
+        key: "link.url",
+        control: {
+          type: "multi-language-field",
+          placeholder: { en: "Enter URL" }
+        }
+      },
+      {
+        key: "link.tooltip",
+        control: {
+          type: "multi-language-field",
+          placeholder: { en: "Enter a tooltip" }
+        }
+      },
+      {
+        key: "link.target",
+        control: {
+          type: "picker",
+          default: "_blank",
+          enum: ["_parent", "_self", "_blank"]
+        }
+      }
+    ]
+  }
+];
+export {
+  e as default
+};

package/components/index-86cIx1Ql.cjs

@@ -0,0 +1,57 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const o=require("./property-0L4eB11h.cjs"),s=require("./sized-mixin-BxMraZLS-DEFWqo8f.cjs");require("./index-CdUTqQ3L.cjs");const c=require("./text-field-CvKSS59x-E9LQElL4.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const m=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const r=document.createElement("style");r.setAttribute("data-luzmo-vars",""),r.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(r)}};m();const d=":host{display:inline-block}:host luzmo-text-field{width:100%}";var z=Object.defineProperty,l=(r,t,i,p)=>{for(var u=void 0,a=r.length-1,n;a>=0;a--)(n=r[a])&&(u=n(t,i,u)||u);return u&&z(t,i,u),u};class e extends c.u(s.m(o.kt,{noDefaultSize:!0})){constructor(){super(...arguments),this.allowedKeys="",this.i18nPlaceholder={},this.type="text",this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.rows=-1,this.quiet=!1,this.disabled=!1,this.required=!1,this.readonly=!1,this.language="en",this.defaultLanguage="en",this.value={}}static get styles(){return[o.ht(d)]}get _localizedValue(){const t={...this.value};return t[this.language]??t[this.defaultLanguage]??Object.values(t)[0]??""}get _localizedPlaceholder(){const t={...this.i18nPlaceholder};return t[this.language]??t[this.defaultLanguage]??Object.values(t)[0]??""}handleChange(t){t.stopPropagation(),t.preventDefault();const i=t.target;this.value[this.language]!==i.value&&(this.value={...this.value,[this.language]:i.value},this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}})))}render(){return o.Ht`
+      <luzmo-text-field
+        .value=${this._localizedValue}
+        .size=${this.size}
+        .placeholder=${this._localizedPlaceholder}
+        .name=${this.name}
+        .allowedKeys=${this.allowedKeys}
+        .type=${this.type}
+        .pattern=${this.pattern}
+        .maxlength=${this.maxlength}
+        .minlength=${this.minlength}
+        ?multiline=${this.multiline}
+        ?grows=${this.grows}
+        .rows=${this.rows}
+        ?quiet=${this.quiet}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        ?required=${this.required}
+        @input=${this.handleChange}
+        @change=${this.handleChange}
+      ></luzmo-text-field>
+    `}}l([o.Rt({attribute:"allowed-keys"})],e.prototype,"allowedKeys");l([o.Rt({type:String,reflect:!0})],e.prototype,"name");l([o.Rt({type:Object,attribute:"i18n-placeholder"})],e.prototype,"i18nPlaceholder");l([o.Rt({attribute:"type",reflect:!0})],e.prototype,"type");l([o.Rt()],e.prototype,"pattern");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"grows");l([o.Rt({type:Number})],e.prototype,"maxlength");l([o.Rt({type:Number})],e.prototype,"minlength");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"multiline");l([o.Rt({type:Number})],e.prototype,"rows");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"quiet");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"disabled");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"required");l([o.Rt({type:Boolean,reflect:!0})],e.prototype,"readonly");l([o.Rt({type:String,reflect:!0})],e.prototype,"autocomplete");l([o.Rt({type:String,reflect:!0})],e.prototype,"language");l([o.Rt({type:String,reflect:!0})],e.prototype,"defaultLanguage");l([o.Rt({type:Object,reflect:!0})],e.prototype,"value");customElements.get("luzmo-multi-language-field")||customElements.define("luzmo-multi-language-field",e);