legalesign-document-viewer 0.7.3 → 0.7.4

package/dist/components/p-BFUdzGLI.js.map

@@ -0,0 +1 @@
+{"file":"p-BFUdzGLI.js","mappings":";;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,y7BAAy7B,CAAC;;MCQ19B,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,IAAI,GAAa,EAAE;AACY,IAAA,WAAW;IAElD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;;;IAIzC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAQ,MAAA,CAAA,EAAE,EAC7F,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,WAAW,GAAG,eAAe,GAAG,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAC1G,GAAG,CACG,CACV,CAAC,CACE,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAS,CAAA,CACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-container/ls-field-properties-container.css?tag=ls-field-properties-container&encapsulation=shadow","src/components/ls-field-properties-container/ls-field-properties-container.tsx"],"sourcesContent":["* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: calc(100% - 7.25rem);\n  position: relative;\n}\n\n.tabs-container {\n  display: grid;\n  width: 100%;\n  gap: 0.125rem;\n  padding: 0.125rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  border-radius: 0.75rem;\n  background: var(--white, #ffffff);\n}\n\n.ls-tab {\n  all: unset;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  color: var(--gray-80, #6c6e73);\n  text-transform: capitalize;\n}\n\n.ls-tab.active {\n  background: var(--primary-10, #eff4ff);\n  color: var(--primary-60, #4456f6);\n}\n\n.ls-tab:not(.active):hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-footer {\n  display: flex;\n  padding-top: 1rem;\n  border-top: 1px solid var(--gray-20, #f0f1f2);\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 0.75rem;\n  margin-top: auto;\n}\n\n.scrolling-container {\n  overflow-y: auto;\n  padding: 0 1rem;\n  margin: 0 -1rem;\n  height: 100%;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-container',\n  styleUrl: 'ls-field-properties-container.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesContainer {\n  @Prop() dataItem: LSApiElement;\n  @Prop() tabs: string[] = [];\n  @Prop({ mutable: true, reflect: true}) selectedTab: string;\n\n  componentWillLoad() {\n    if (!this.selectedTab) {\n      this.selectedTab = this.tabs[0] || '';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.length > 1 && (\n          <div class={'tabs-container'} style={{ gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` }}>\n            {this.tabs.map(tab => (\n              <button class={tab === this.selectedTab ? 'ls-tab active' : 'ls-tab'} onClick={() => (this.selectedTab = tab)}>\n                {tab}\n              </button>\n            ))}\n          </div>\n        )}\n        <div class={'scrolling-container'}>\n          <slot name={this.selectedTab}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-BKrsDBDB.js

@@ -0,0 +1,219 @@
+// import { RoleColor } from "../../types/RoleColor";
+const defaultRolePalette = [
+    {
+        description: 'gray',
+        s10: '#f7f8fa',
+        s20: '#edeff2',
+        s30: '#e0e2e5',
+        s40: '#d8d9dc',
+        s50: '#c8c9cc',
+        s60: '#afb0b2',
+        s70: '#939599',
+        s80: '#6f7176',
+        s90: '#5e6066',
+        s100: '#45484d',
+    },
+    {
+        description: 'blue',
+        s10: '#f0f6ff',
+        s20: '#e0ecff',
+        s30: '#bed4fa',
+        s40: '#a2bdf5',
+        s50: '#78a3fa',
+        s60: '#5684f0',
+        s70: '#4368e0',
+        s80: '#2d4dcc',
+        s90: '#233ead',
+        s100: '#14287a',
+    },
+    {
+        description: 'green',
+        s10: '#effff9',
+        s20: '#c5fde8',
+        s30: '#9df5d4',
+        s40: '#72f0c2',
+        s50: '#57e5b1',
+        s60: '#46dbaa',
+        s70: '#33b88c',
+        s80: '#15946a',
+        s90: '#177559',
+        s100: '#125241',
+    },
+    {
+        description: 'yellow',
+        s10: '#fffcef',
+        s20: '#fff3c2',
+        s30: '#fcec9d',
+        s40: '#ffe561',
+        s50: '#fad232',
+        s60: '#f0b618',
+        s70: '#cc8904',
+        s80: '#9e5913',
+        s90: '#8a3f0e',
+        s100: '#70350d',
+    },
+    {
+        description: 'purple',
+        s10: '#f4f0ff',
+        s20: '#eee5ff',
+        s30: '#d6befa',
+        s40: '#c6a2f5',
+        s50: '#b078fa',
+        s60: '#9956f0',
+        s70: '#8743e0',
+        s80: '#722dcc',
+        s90: '#5f23ad',
+        s100: '#40147a',
+    },
+    {
+        description: 'teal',
+        s10: '#effffc',
+        s20: '#c5fcf1',
+        s30: '#a5fae9',
+        s40: '#76f5db',
+        s50: '#54ebcd',
+        s60: '#46dbbd',
+        s70: '#33b8a2',
+        s80: '#148f7e',
+        s90: '#17756c',
+        s100: '#15524c',
+    },
+    {
+        description: 'pink',
+        s10: '#fff0f9',
+        s20: '#ffe5f5',
+        s30: '#fabee2',
+        s40: '#f5a2d4',
+        s50: '#fa78c6',
+        s60: '#f056b2',
+        s70: '#e043a2',
+        s80: '#cc2d8c',
+        s90: '#ad2376',
+        s100: '#7a1451',
+    },
+    {
+        description: 'lime',
+        s10: '#fafff0',
+        s20: '#f6ffe5',
+        s30: '#e6fabe',
+        s40: '#d9f5a2',
+        s50: '#cffa78',
+        s60: '#bdf056',
+        s70: '#ace043',
+        s80: '#97cc2d',
+        s90: '#7fad23',
+        s100: '#587a14',
+    },
+    {
+        description: 'red',
+        s10: '#fff0f0',
+        s20: '#ffe1e0',
+        s30: '#ffc9c7',
+        s40: '#ffa19e',
+        s50: '#ff706b',
+        s60: '#f64a44',
+        s70: '#dc2721',
+        s80: '#c1140e',
+        s90: '#990500',
+        s100: '#7a1714',
+    },
+    {
+        description: 'lightblue',
+        s10: '#effbff',
+        s20: '#c7f1ff',
+        s30: '#9de4fc',
+        s40: '#79dbfc',
+        s50: '#51d3ff',
+        s60: '#48c5f0',
+        s70: '#20a6d6',
+        s80: '#0b80b2',
+        s90: '#19648a',
+        s100: '#0c3e57',
+    },
+    {
+        description: 'aubergine',
+        s10: '#fcf0ff',
+        s20: '#fae5ff',
+        s30: '#eebefa',
+        s40: '#e4a2f5',
+        s50: '#e078fa',
+        s60: '#d156f0',
+        s70: '#c143e0',
+        s80: '#ac2dcc',
+        s90: '#9223ad',
+        s100: '#66147a',
+    },
+    {
+        description: 'burnt',
+        s10: '#fff6f0',
+        s20: '#fff0e5',
+        s30: '#fad6be',
+        s40: '#f5c3a2',
+        s50: '#faac78',
+        s60: '#f09456',
+        s70: '#e08243',
+        s80: '#cc6d2d',
+        s90: '#ad5a23',
+        s100: '#7a3d14',
+    },
+    {
+        description: 'trueGreen',
+        s10: '#f0fff0',
+        s20: '#e5ffe5',
+        s30: '#befabe',
+        s40: '#a2f5a2',
+        s50: '#78fa78',
+        s60: '#56f056',
+        s70: '#43e043',
+        s80: '#2dcc2d',
+        s90: '#23ad23',
+        s100: '#147a14',
+    },
+    {
+        description: 'indigo',
+        s10: '#f2f0ff',
+        s20: '#e9e5ff',
+        s30: '#c6befa',
+        s40: '#ada2f5',
+        s50: '#8978fa',
+        s60: '#6b56f0',
+        s70: '#5843e0',
+        s80: '#422dcc',
+        s90: '#3523ad',
+        s100: '#21147a',
+    },
+    {
+        description: 'cyan',
+        s10: '#efffff',
+        s20: '#c5fcfc',
+        s30: '#a0fafa',
+        s40: '#76f5f5',
+        s50: '#54ebeb',
+        s60: '#46dbdb',
+        s70: '#33b3b8',
+        s80: '#11868f',
+        s90: '#166a70',
+        s100: '#11474d',
+    },
+    { s60: 'rgb(70, 219, 170)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },
+    { s60: 'rgb(240, 182, 24)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },
+    { s60: 'rgb(238, 229, 255)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
+    { s60: 'rgb(240, 86, 178)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },
+    { s60: 'rgb(189, 240, 86)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },
+    { s60: 'rgb(246, 74, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },
+    { s60: 'rgb(58, 0, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
+    { s60: 'rgba(1, 179, 34, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
+    { s60: 'rgb(201, 204, 0)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },
+    { s60: 'rgb(249, 55, 129)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },
+    { s60: 'rgb(0, 14, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },
+    { s60: 'rgb(135, 173, 158)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },
+    { s60: 'rgb(86, 199, 240)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },
+    { s60: 'rgb(246, 205, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },
+    { s60: 'rgb(0, 94, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },
+    { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },
+];
+
+export { defaultRolePalette as d };
+//# sourceMappingURL=p-BKrsDBDB.js.map
+
+//# sourceMappingURL=p-BKrsDBDB.js.map

package/dist/components/p-BKrsDBDB.js.map

@@ -0,0 +1 @@
+{"file":"p-BKrsDBDB.js","mappings":"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","names":[],"sources":["src/components/ls-document-viewer/defaultPalette.ts"],"sourcesContent":["// import { RoleColor } from \"../../types/RoleColor\";\n\nimport { RoleColor } from '../../types/RoleColor';\n\nexport const defaultRolePalette: RoleColor[] = [\n  {\n    description: 'gray',\n    s10: '#f7f8fa',\n    s20: '#edeff2',\n    s30: '#e0e2e5',\n    s40: '#d8d9dc',\n    s50: '#c8c9cc',\n    s60: '#afb0b2',\n    s70: '#939599',\n    s80: '#6f7176',\n    s90: '#5e6066',\n    s100: '#45484d',\n  },\n\n  {\n    description: 'blue',\n    s10: '#f0f6ff',\n    s20: '#e0ecff',\n    s30: '#bed4fa',\n    s40: '#a2bdf5',\n    s50: '#78a3fa',\n    s60: '#5684f0',\n    s70: '#4368e0',\n    s80: '#2d4dcc',\n    s90: '#233ead',\n    s100: '#14287a',\n  },\n\n  {\n    description: 'green',\n    s10: '#effff9',\n    s20: '#c5fde8',\n    s30: '#9df5d4',\n    s40: '#72f0c2',\n    s50: '#57e5b1',\n    s60: '#46dbaa',\n    s70: '#33b88c',\n    s80: '#15946a',\n    s90: '#177559',\n    s100: '#125241',\n  },\n\n  {\n    description: 'yellow',\n    s10: '#fffcef',\n    s20: '#fff3c2',\n    s30: '#fcec9d',\n    s40: '#ffe561',\n    s50: '#fad232',\n    s60: '#f0b618',\n    s70: '#cc8904',\n    s80: '#9e5913',\n    s90: '#8a3f0e',\n    s100: '#70350d',\n  },\n\n  {\n    description: 'purple',\n    s10: '#f4f0ff',\n    s20: '#eee5ff',\n    s30: '#d6befa',\n    s40: '#c6a2f5',\n    s50: '#b078fa',\n    s60: '#9956f0',\n    s70: '#8743e0',\n    s80: '#722dcc',\n    s90: '#5f23ad',\n    s100: '#40147a',\n  },\n\n  {\n    description: 'teal',\n    s10: '#effffc',\n    s20: '#c5fcf1',\n    s30: '#a5fae9',\n    s40: '#76f5db',\n    s50: '#54ebcd',\n    s60: '#46dbbd',\n    s70: '#33b8a2',\n    s80: '#148f7e',\n    s90: '#17756c',\n    s100: '#15524c',\n  },\n\n  {\n    description: 'pink',\n    s10: '#fff0f9',\n    s20: '#ffe5f5',\n    s30: '#fabee2',\n    s40: '#f5a2d4',\n    s50: '#fa78c6',\n    s60: '#f056b2',\n    s70: '#e043a2',\n    s80: '#cc2d8c',\n    s90: '#ad2376',\n    s100: '#7a1451',\n  },\n\n  {\n    description: 'lime',\n    s10: '#fafff0',\n    s20: '#f6ffe5',\n    s30: '#e6fabe',\n    s40: '#d9f5a2',\n    s50: '#cffa78',\n    s60: '#bdf056',\n    s70: '#ace043',\n    s80: '#97cc2d',\n    s90: '#7fad23',\n    s100: '#587a14',\n  },\n\n  {\n    description: 'red',\n    s10: '#fff0f0',\n    s20: '#ffe1e0',\n    s30: '#ffc9c7',\n    s40: '#ffa19e',\n    s50: '#ff706b',\n    s60: '#f64a44',\n    s70: '#dc2721',\n    s80: '#c1140e',\n    s90: '#990500',\n    s100: '#7a1714',\n  },\n\n  {\n    description: 'lightblue',\n    s10: '#effbff',\n    s20: '#c7f1ff',\n    s30: '#9de4fc',\n    s40: '#79dbfc',\n    s50: '#51d3ff',\n    s60: '#48c5f0',\n    s70: '#20a6d6',\n    s80: '#0b80b2',\n    s90: '#19648a',\n    s100: '#0c3e57',\n  },\n\n  {\n    description: 'aubergine',\n    s10: '#fcf0ff',\n    s20: '#fae5ff',\n    s30: '#eebefa',\n    s40: '#e4a2f5',\n    s50: '#e078fa',\n    s60: '#d156f0',\n    s70: '#c143e0',\n    s80: '#ac2dcc',\n    s90: '#9223ad',\n    s100: '#66147a',\n  },\n\n  {\n    description: 'burnt',\n    s10: '#fff6f0',\n    s20: '#fff0e5',\n    s30: '#fad6be',\n    s40: '#f5c3a2',\n    s50: '#faac78',\n    s60: '#f09456',\n    s70: '#e08243',\n    s80: '#cc6d2d',\n    s90: '#ad5a23',\n    s100: '#7a3d14',\n  },\n\n  {\n    description: 'trueGreen',\n    s10: '#f0fff0',\n    s20: '#e5ffe5',\n    s30: '#befabe',\n    s40: '#a2f5a2',\n    s50: '#78fa78',\n    s60: '#56f056',\n    s70: '#43e043',\n    s80: '#2dcc2d',\n    s90: '#23ad23',\n    s100: '#147a14',\n  },\n\n  {\n    description: 'indigo',\n    s10: '#f2f0ff',\n    s20: '#e9e5ff',\n    s30: '#c6befa',\n    s40: '#ada2f5',\n    s50: '#8978fa',\n    s60: '#6b56f0',\n    s70: '#5843e0',\n    s80: '#422dcc',\n    s90: '#3523ad',\n    s100: '#21147a',\n  },\n\n  {\n    description: 'cyan',\n    s10: '#efffff',\n    s20: '#c5fcfc',\n    s30: '#a0fafa',\n    s40: '#76f5f5',\n    s50: '#54ebeb',\n    s60: '#46dbdb',\n    s70: '#33b3b8',\n    s80: '#11868f',\n    s90: '#166a70',\n    s100: '#11474d',\n  },\n\n  { s60: 'rgb(70, 219, 170)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(239, 255, 249)', description: 'overflowcolor' },\n  { s60: 'rgb(240, 182, 24)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 252, 239)', description: 'overflowcolor' },\n  { s60: 'rgb(238, 229, 255)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },\n  { s60: 'rgb(240, 86, 178)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 240, 249)', description: 'overflowcolor' },\n  { s60: 'rgb(189, 240, 86)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(250, 255, 240)', description: 'overflowcolor' },\n  { s60: 'rgb(246, 74, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(246, 190, 188)', description: 'overflowcolor' },\n  { s60: 'rgb(58, 0, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },\n  { s60: 'rgba(1, 179, 34, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },\n  { s60: 'rgb(201, 204, 0)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgba(246, 247, 203, 0.77)', description: 'overflowcolor' },\n  { s60: 'rgb(249, 55, 129)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(255, 237, 244)', description: 'overflowcolor' },\n  { s60: 'rgb(0, 14, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(209, 212, 243)', description: 'overflowcolor' },\n  { s60: 'rgb(135, 173, 158)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(205, 244, 228)', description: 'overflowcolor' },\n  { s60: 'rgb(86, 199, 240)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(202, 236, 248)', description: 'overflowcolor' },\n  { s60: 'rgb(246, 205, 68)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(244, 240, 255)', description: 'overflowcolor' },\n  { s60: 'rgb(0, 94, 166)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(188, 169, 240)', description: 'overflowcolor' },\n  { s60: 'rgba(179, 1, 63, 0.69)', s100: '#', s90: '#', s30: '#', s40: '#', s80: '#', s50: '#', s10: '#', s20: 'rgb(135, 173, 158)', description: 'overflowcolor' },\n];\n\n// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];\n"],"version":3}

package/dist/{ls-document-viewer/ls-field-properties-advanced.entry.js → components/p-BSpwN-xy.js}

@@ -1,10 +1,16 @@
-import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
+import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
+import { d as defineCustomElement$1 } from './p-CwkNbClZ.js';
 
 const lsFieldPropertiesAdvancedCss = () => `:host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
-const LsFieldPropertiesAdvanced = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesAdvanced extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
         this.mutate = createEvent(this, "mutate", 7);
     }
     dataItem;
@@ -59,13 +65,42 @@ const LsFieldPropertiesAdvanced = class {
         return '';
     }
     render() {
-        return (h(Host, { key: '4cc19ee44823f85d1cbc76b92f109ccb038513a5' }, h("div", { key: 'ad5fa141c10b225a864da9edef5fad3a37e03459', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'a028b8e22e0fa2bc897cf2a50f50e0680b924524', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: '884e4f883d1dc11d3b5f52a899507e43943937a9' }, "Advanced Properties")), this.expanded && (h("div", { key: '1265569f80ac28212a3eb4dd9e4677b6db002ec0', class: 'field-set' }, h("ls-props-section", { key: 'a02cde009be40c5f16b1ececb330ba6d7cd96afb', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '622d357b9667520d35db546a9409fd1b02ccf7c9', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
+        return (h(Host, { key: 'a7ad1697f4b329ac1a43928e8d3f248d7d83e8c2' }, h("div", { key: '453c1146cc0c240c9e5024f2239b46d051fe7f8f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '09f6842e5dd0cd3ce2304105f53776ab75de7bde', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'ec9e254f995db1a731559e6a486103c90a283454' }, "Advanced Properties")), this.expanded && (h("div", { key: '0d78df448e715ae48c9d3056cc2045eb80435471', class: 'field-set' }, h("ls-props-section", { key: '378b525bd9d90f67e66d23aef89c1a90e72191c8', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '7fff85c8ca9bf8623e09d3fbddc99193d02a223f', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '64e58bf99868003f27c36a2f8fa9dd81a79749be', sectionTitle: "Ref. Name" }, h("input", { key: '1dca310b1962dff4e0c3ee192df1138a3a04d95d', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '39d33ca99d41ac57bf7183debc740f52a3dac35b', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '45fb0914453f07d668ca614851eed4fe63649d28', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '4b5c95b967d98dfb6f936e9c8ab0bd16ec507534', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'df4c67e55a853b81e4f28e3d3bf9888ee3f8f721', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'bda019b66e4236ddade651e7a49c3bd8b3f494e3', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: 'e11dc6b6b64d0482ff0c69d383fa0979965a126d', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'e2d43a5dfe639b82f91d277d2fa1e5744ad0b90f', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: '36b54a8dee79f7e308911b75329db200a9f8a1a6', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '1acdb4e42e843c7df99ea8d591056c530ef0666d', sectionTitle: "Ref. Name" }, h("input", { key: '1cdb174f66cc80372ec45c7d633c0b5b92217015', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '9bf9c95ac4434883e04bba1cc25ce3615edbd724', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '49d87771e92f2355bbdc09ddb1f17e1e950691ee', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'ec72dcc31d227996bebcf70a3e090d98bd4103be', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'ac8684b302d4ad04b4838c508e537c4315659a85', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'de0cc8c8afe8848f0588850101a1223ff35823d9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '038488bca973a04f6e71bb3ad6f3a585f2ddb9a3', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '4d8e5cb2195f46695c79c7fba470fc0e5c9706cb', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c109689bac1c4817e13f64549cce1a375d1f7620', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+    }
+    static get style() { return lsFieldPropertiesAdvancedCss(); }
+}, [769, "ls-field-properties-advanced", {
+        "dataItem": [1040],
+        "expanded": [1028]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
     }
-};
-LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
+    const components = ["ls-field-properties-advanced", "ls-icon", "ls-props-section"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-properties-advanced":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsFieldPropertiesAdvanced);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-props-section":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFieldPropertiesAdvanced as L, defineCustomElement as d };
+//# sourceMappingURL=p-BSpwN-xy.js.map
 
-export { LsFieldPropertiesAdvanced as ls_field_properties_advanced };
-//# sourceMappingURL=ls-field-properties-advanced.entry.esm.js.map
+//# sourceMappingURL=p-BSpwN-xy.js.map

package/dist/components/p-BSpwN-xy.js.map

@@ -0,0 +1 @@
+{"file":"p-BSpwN-xy.js","mappings":";;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,29LAA29L,CAAC;;MCS3/L,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACX,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;AAOlD,IAAA,MAAM;AAEN,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;;;;AAM1D,IAAA,KAAK,CAAC,IAAY,EAAE,WAAA,GAAsB,CAAC,EAAA;AACzC,QAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,IAAI,CAAC;QAC7C,IAAI,KAAK,GAAG,EAAE;QACd,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAG;AACrC,gBAAA,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAkB;AAC3C,aAAC,CAAC;YAEF,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAG;AAC7B,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAkB,EAAmB;AACxF,aAAC,CAAC;;aACG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACvC,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;YAE7C,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC;;AAGrE,QAAA,IAAI,WAAW,KAAK,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAEpB;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;;;AAI7B,IAAA,UAAU;IAElB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAA;QACnB,IAAI,IAAI,CAAC,UAAU;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;AAElD,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACxB,EAAE,KAAK,CAAC;;AAGX,IAAA,QAAQ,CAAC,GAAG,EAAA;QACV,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,EAAE;;aACJ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACvC,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;;AAE3B,QAAA,OAAO,EAAE;;IAGX,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EAC9E,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,UAAU,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAG,IAAA,EAAA,CAAA,EAC7E,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,qBAAA,CAA0B,CACtB,EACL,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAA,EACrB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAC,aAAa,EAAC,kBAAkB,EAAC,4DAA4D,EAAA,EAC1H,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,IAAG;AACxF,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACd,gBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC;AACvE,aAAC,EACD,QAAQ,EAAE,QAAQ,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA,EAAC,GACxC,CACe,EAEnB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAC,WAAW,EAAA,EACxC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,GAAI,CACtI,EAEnB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAC,WAAW,EAAC,kBAAkB,EAAC,8DAA8D,EAAA,EAC1H,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAC,YAAY,EAAA,YAAA,EAAY,YAAY,EAAA,EAC9H,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,EAEpD,EAAA,MAAA,CAAA,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,EAEpD,EAAA,2CAAA,CAAA,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,EAEpD,EAAA,gBAAA,CAAA,EACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,EAAA,EAAA,+BAAA,CAEpD,CACF,CACQ,EAEnB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAC,YAAY,EAAC,kBAAkB,EAAC,yDAAyD,EAAA,EACtH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EACnC,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,oBAAoB,EAChC,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAChF,CAAA,CACe,CACf,CACP,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.css?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.expand-fields-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.25rem;\n  cursor: pointer;\n  color: var(--gray-80, #6c6e73);\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.expand-fields-row p {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem; /* 150% */\n}\n\n.field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-field-properties-section-title {\n  color: var(--gray-90, #5e6066);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-field-properties-section-description {\n  overflow: hidden;\n  color: var(--gray-80, #6c6e73);\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.input-row .input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: var(--primary-60, #4456f6);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-50, #d8d9dc);\n}\n\n\n.has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.5rem;\n  color: var(--gray-100, #45484d);\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: var(--gray-60, #afb0b2);\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: var(--gray-50, #c8c9cc);\n  background-color: var(--white, #fff);\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n  border-color: var(--primary-60, #4456f6);\n  background-color: var(--white, #fff);\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: var(--gray-10, #f7f8fa);\n  color: var(--gray-50, #d8d9dc);\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n  background-color: var(--primary-60, #4456f6);\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n  background-color: var(--primary-70, #2134dc);\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.checkbox-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.form-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: var(--primary-60, #4456f6);\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group {\n  display: flex;\n  border-radius: 0.5rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\n  overflow: clip;\n  width: 100%;\n}\n\n.button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:disabled {\n  background: var(--gray-10, #f7f8fa);\n  cursor: not-allowed;\n  color: var(--gray-50, #d8d9dc);\n}\n\n.button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n  border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-field-properties-advanced',\n  styleUrl: 'ls-field-properties-advanced.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object, bounceDelay: number = 0) {\n    console.log('Altering advanced props:', diff);\n    let diffs = [];\n    if (this.isMultiple(this.dataItem)) {\n      this.dataItem = this.dataItem.map(di => {\n        return { ...di, ...diff } as LSApiElement;\n      });\n\n      diffs = this.dataItem.map(di => {\n        return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n      });\n    } else if (this.isSingle(this.dataItem)) {\n      this.dataItem = { ...this.dataItem, ...diff };\n\n      diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n    }\n\n    if (bounceDelay === 0) {\n      this.mutate.emit(diffs);\n    }\n    else {\n      this.debounce(diffs, bounceDelay);\n    }\n  }\n\n  private titletimer;\n\n  debounce(diffs, delay) {\n    if (this.titletimer) clearTimeout(this.titletimer);\n\n    this.titletimer = setTimeout(() => {\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  getValue(key) {\n    if (this.isMultiple(this.dataItem)) {\n      return '';\n    } else if (this.isSingle(this.dataItem)) {\n      return this.dataItem[key];\n    }\n    return '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n          <ls-icon name={this.expanded ? 'expand' : 'collapse'} size=\"1.25rem\" solid />\n          <p>Advanced Properties</p>\n        </div>\n        {this.expanded && (\n          <div class={'field-set'}>\n            <ls-props-section sectionTitle=\"Field Order\" sectionDescription=\"Determines what order fields will be filled in by the user\">\n              <input value={this.getValue('fieldOrder')} type=\"number\" placeholder=\"eg. 1\" onInput={e => {\n                console.log(e);\n                this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 100)\n              }} \n              onChange={() => { console.log('onchange')}}\n              />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle=\"Ref. Name\">\n              <input value={this.getValue('link')} placeholder=\"eg. checkbox group\" onInput={e => this.alter({ link: (e.target as HTMLInputElement).value }, 300)} />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle=\"Link Type\" sectionDescription=\"Determines  in what way this field is linked to other fields\">\n              <select onChange={e => this.alter({ linkType: (e.target as HTMLInputElement).value })} name=\"Link Field\" aria-label=\"Link Field\">\n                <option value=\"0\" selected={this.getValue('linkType') === '0'}>\n                  None\n                </option>\n                <option value=\"1\" selected={this.getValue('linkType') === '1'}>\n                  One of a group (e.g. select one checkbox)\n                </option>\n                <option value=\"2\" selected={this.getValue('linkType') === '2'}>\n                  Add to a total\n                </option>\n                <option value=\"3\" selected={this.getValue('linkType') === '3'}>\n                  Make this conditional upon...\n                </option>\n              </select>\n            </ls-props-section>\n\n            <ls-props-section sectionTitle=\"Link Value\" sectionDescription=\"Fields with the same Link Value will be linked together\">\n              <input\n                value={this.getValue('logicAction')}\n                width=\"30\"\n                placeholder=\"eg. checkbox group\"\n                onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value })}\n              />\n            </ls-props-section>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-B_JOCgcw.js

@@ -0,0 +1,105 @@
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
+
+const lsPageLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.loading-animation{position:relative;width:200px;height:200px;color:var(--primary-60, #0c7cba)}`;
+
+const LsPageLoader = /*@__PURE__*/ proxyCustomElement(class LsPageLoader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '01e009ecbac11a23aad4e885dca9febf6acaeadb' }, h("div", { key: '3195fdb01ef67049966a89159840ec77ba1fd9ab', class: 'loading-animation' }, h("svg", { key: '3f173de5f5ffaa129ab87997641912063a125c47', class: "block w-full h-full", fill: "none", preserveAspectRatio: "none", viewBox: "0 0 20 20" }, h("g", { key: '5c78040be893cf5dca98a2baa1104c02707d07d6', id: "Icon/solid/logo" }, h("g", { key: 'cee418050f0867fbeab231b4c369f26385c3091d', id: "Icon" }, h("path", { key: '255594d2250d1b15b5205363dbfbe1dce40770b7', class: "classic-sequential-front", d: "M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z", fill: "currentColor" }), h("path", { key: '79637a44f00247d0cab7109a0d36ad9f286dedab', class: "classic-sequential-middle", d: "M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z", fill: "currentColor" }), h("path", { key: 'a9ce86487feb3dd483238867eeab2ac657de9abd', class: "classic-sequential-back", d: "M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z", fill: "currentColor" })))), h("style", { key: 'f183512bf3c85091be73e39bd1969cc395ab2ded' }, `
+          @keyframes classic-sequential-back {
+            0% { opacity: 0; transform: scale(0.3); }
+            2% { opacity: 0.3; transform: scale(0.5); }
+            4% { opacity: 0.6; transform: scale(0.7); }
+            6% { opacity: 0.8; transform: scale(0.85); }
+            8% { opacity: 1; transform: scale(1); }
+            22% { opacity: 1; transform: scale(1); }
+            55% { opacity: 1; transform: scale(1); }
+            64% { opacity: 1; transform: scale(1); }
+            65% { opacity: 0.9; transform: scale(0.95); }
+            66.2% { opacity: 0.75; transform: scale(0.88); }
+            67.2% { opacity: 0.6; transform: scale(0.8); }
+            68% { opacity: 0.4; transform: scale(0.7); }
+            68.8% { opacity: 0.25; transform: scale(0.6); }
+            69.5% { opacity: 0.1; transform: scale(0.45); }
+            70% { opacity: 0.05; transform: scale(0.35); }
+            71% { opacity: 0; transform: scale(0.3); }
+            100% { opacity: 0; transform: scale(0.3); }
+          }
+
+          @keyframes classic-sequential-middle {
+            0%, 16% { opacity: 0; transform: scale(0.3); }
+            18% { opacity: 0.3; transform: scale(0.5); }
+            20% { opacity: 0.6; transform: scale(0.7); }
+            22% { opacity: 0.8; transform: scale(0.85); }
+            24% { opacity: 1; transform: scale(1); }
+            36%, 65%, 70% { opacity: 1; transform: scale(1); }
+            71% { opacity: 0.9; transform: scale(0.95); }
+            72.2% { opacity: 0.75; transform: scale(0.88); }
+            73.2% { opacity: 0.6; transform: scale(0.8); }
+            74% { opacity: 0.4; transform: scale(0.7); }
+            74.8% { opacity: 0.25; transform: scale(0.6); }
+            75.5% { opacity: 0.1; transform: scale(0.45); }
+            76% { opacity: 0.05; transform: scale(0.35); }
+            77%, 100% { opacity: 0; transform: scale(0.3); }
+          }
+
+          @keyframes classic-sequential-front {
+            0%, 32% { opacity: 0; transform: scale(0.3); }
+            34% { opacity: 0.3; transform: scale(0.5); }
+            36% { opacity: 0.6; transform: scale(0.7); }
+            38% { opacity: 0.8; transform: scale(0.85); }
+            40% { opacity: 1; transform: scale(1); }
+            60%, 76% { opacity: 1; transform: scale(1); }
+            77% { opacity: 0.9; transform: scale(0.95); }
+            78.2% { opacity: 0.75; transform: scale(0.88); }
+            79.2% { opacity: 0.6; transform: scale(0.8); }
+            80% { opacity: 0.4; transform: scale(0.7); }
+            80.8% { opacity: 0.25; transform: scale(0.6); }
+            81.5% { opacity: 0.1; transform: scale(0.45); }
+            82% { opacity: 0.05; transform: scale(0.35); }
+            83%, 100% { opacity: 0; transform: scale(0.3); }
+          }
+
+          .classic-sequential-back {
+            animation: classic-sequential-back 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
+            transform-origin: center;
+          }
+
+          .classic-sequential-middle {
+            animation: classic-sequential-middle 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
+            transform-origin: center;
+          }
+
+          .classic-sequential-front {
+            animation: classic-sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
+            transform-origin: center;
+          }
+        `)), h("slot", { key: '9453253f8fd26b07384f18e74d1c441eb7e2af28' })));
+    }
+    static get style() { return lsPageLoaderCss(); }
+}, [257, "ls-page-loader"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-page-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-page-loader":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsPageLoader);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsPageLoader as L, defineCustomElement as d };
+//# sourceMappingURL=p-B_JOCgcw.js.map
+
+//# sourceMappingURL=p-B_JOCgcw.js.map

package/dist/components/p-B_JOCgcw.js.map

@@ -0,0 +1 @@
+{"file":"p-B_JOCgcw.js","mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,gSAAgS,CAAC;;MCOnT,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACvB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,MAAM,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,EACzF,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACrB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,MAAM,EAAA,EACV,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAChC,CAAC,EAAC,qdAAqd,EACvd,IAAI,EAAC,cAAc,EACnB,CAAA,EACF,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EACjC,CAAC,EAAC,ilBAAilB,EACnlB,IAAI,EAAC,cAAc,EACnB,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,CAAC,EAAC,udAAud,EACzd,IAAI,EAAC,cAAc,EACnB,CAAA,CACA,CACF,CACA,EAEN,CACG,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEJ,QAAA,CAAA,CACS,CACJ,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-page-loader/ls-page-loader.css?tag=ls-page-loader&encapsulation=shadow","src/components/ls-page-loader/ls-page-loader.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  display: flex;\n  top: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(251, 251, 251, 0.3);\n  backdrop-filter: blur(2px);\n  height: 100%;\n  width: 100%;\n  z-index: 4000;\n}\n\n.loading-animation {\n  position: relative;\n  width: 200px;\n  height: 200px;\n  color: var(--primary-60, #0c7cba);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-page-loader',\n  styleUrl: 'ls-page-loader.css',\n  shadow: true,\n})\nexport class LsPageLoader {\n  render() {\n    return (\n      <Host>\n        <div class={'loading-animation'}>\n          <svg class=\"block w-full h-full\" fill=\"none\" preserveAspectRatio=\"none\" viewBox=\"0 0 20 20\">\n            <g id=\"Icon/solid/logo\">\n              <g id=\"Icon\">\n                <path\n                  class=\"classic-sequential-front\"\n                  d=\"M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z\"\n                  fill=\"currentColor\"\n                />\n                <path\n                  class=\"classic-sequential-middle\"\n                  d=\"M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z\"\n                  fill=\"currentColor\"\n                />\n                <path\n                  class=\"classic-sequential-back\"\n                  d=\"M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z\"\n                  fill=\"currentColor\"\n                />\n              </g>\n            </g>\n          </svg>\n\n          <style>\n            {`\n          @keyframes classic-sequential-back {\n            0% { opacity: 0; transform: scale(0.3); }\n            2% { opacity: 0.3; transform: scale(0.5); }\n            4% { opacity: 0.6; transform: scale(0.7); }\n            6% { opacity: 0.8; transform: scale(0.85); }\n            8% { opacity: 1; transform: scale(1); }\n            22% { opacity: 1; transform: scale(1); }\n            55% { opacity: 1; transform: scale(1); }\n            64% { opacity: 1; transform: scale(1); }\n            65% { opacity: 0.9; transform: scale(0.95); }\n            66.2% { opacity: 0.75; transform: scale(0.88); }\n            67.2% { opacity: 0.6; transform: scale(0.8); }\n            68% { opacity: 0.4; transform: scale(0.7); }\n            68.8% { opacity: 0.25; transform: scale(0.6); }\n            69.5% { opacity: 0.1; transform: scale(0.45); }\n            70% { opacity: 0.05; transform: scale(0.35); }\n            71% { opacity: 0; transform: scale(0.3); }\n            100% { opacity: 0; transform: scale(0.3); }\n          }\n\n          @keyframes classic-sequential-middle {\n            0%, 16% { opacity: 0; transform: scale(0.3); }\n            18% { opacity: 0.3; transform: scale(0.5); }\n            20% { opacity: 0.6; transform: scale(0.7); }\n            22% { opacity: 0.8; transform: scale(0.85); }\n            24% { opacity: 1; transform: scale(1); }\n            36%, 65%, 70% { opacity: 1; transform: scale(1); }\n            71% { opacity: 0.9; transform: scale(0.95); }\n            72.2% { opacity: 0.75; transform: scale(0.88); }\n            73.2% { opacity: 0.6; transform: scale(0.8); }\n            74% { opacity: 0.4; transform: scale(0.7); }\n            74.8% { opacity: 0.25; transform: scale(0.6); }\n            75.5% { opacity: 0.1; transform: scale(0.45); }\n            76% { opacity: 0.05; transform: scale(0.35); }\n            77%, 100% { opacity: 0; transform: scale(0.3); }\n          }\n\n          @keyframes classic-sequential-front {\n            0%, 32% { opacity: 0; transform: scale(0.3); }\n            34% { opacity: 0.3; transform: scale(0.5); }\n            36% { opacity: 0.6; transform: scale(0.7); }\n            38% { opacity: 0.8; transform: scale(0.85); }\n            40% { opacity: 1; transform: scale(1); }\n            60%, 76% { opacity: 1; transform: scale(1); }\n            77% { opacity: 0.9; transform: scale(0.95); }\n            78.2% { opacity: 0.75; transform: scale(0.88); }\n            79.2% { opacity: 0.6; transform: scale(0.8); }\n            80% { opacity: 0.4; transform: scale(0.7); }\n            80.8% { opacity: 0.25; transform: scale(0.6); }\n            81.5% { opacity: 0.1; transform: scale(0.45); }\n            82% { opacity: 0.05; transform: scale(0.35); }\n            83%, 100% { opacity: 0; transform: scale(0.3); }\n          }\n\n          .classic-sequential-back {\n            animation: classic-sequential-back 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;\n            transform-origin: center;\n          }\n\n          .classic-sequential-middle {\n            animation: classic-sequential-middle 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;\n            transform-origin: center;\n          }\n\n          .classic-sequential-front {\n            animation: classic-sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;\n            transform-origin: center;\n          }\n        `}\n          </style>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}