npm - @limetech/lime-elements - Versions diffs - 40.6.0 → 40.6.1 - Mend

@limetech/lime-elements 40.6.0 → 40.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (441) hide show

package/dist/cjs/limel-popover_2.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index--B6-r0uo.js');
-var randomString = require('./random-string-BTzDB2ee.js');
+var index = require('./index-BlsqxTB1.js');
+var randomString = require('./random-string-CFCtFh5l.js');
 var keycodes = require('./keycodes-k-EdzcMX.js');
 var focusTriggerElement = require('./focus-trigger-element-BfnJmxKO.js');
 require('./_assignValue-DQh76m39.js');
@@ -24,14 +24,15 @@ require('./eq-DFcUoVzv.js');
  */
 function portalContains(element, child) {
     var _a;
-    if (element.contains(child) || ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(child))) {
-        return true;
-    }
-    const parent = findParent(child);
-    if (!parent) {
-        return false;
-    }
-    return portalContains(element, parent);
+    let current = child;
+    do {
+        if (element.contains(current) ||
+            ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(current))) {
+            return true;
+        }
+        current = findParent(current);
+    } while (current);
+    return false;
 }
 function findParent(element) {
     const portal = element.closest('.limel-portal--container');
@@ -86,10 +87,11 @@ const Popover = class {
     }
     watchOpen() {
         this.setupGlobalHandlers();
-        if (!this.open && this.shouldRestoreFocusOnClose) {
-            this.shouldRestoreFocusOnClose = false;
-            setTimeout(this.focusTrigger, 0);
+        if (this.open || !this.shouldRestoreFocusOnClose) {
+            return;
         }
+        this.shouldRestoreFocusOnClose = false;
+        setTimeout(this.focusTrigger, 0);
     }
     connectedCallback() {
         this.setupGlobalHandlers();
@@ -101,8 +103,9 @@ const Popover = class {
         if (!this.triggerSlot) {
             return;
         }
-        // eslint-disable-next-line unicorn/no-array-for-each
-        this.triggerSlot.assignedElements().forEach(this.setTriggerAttributes);
+        for (const element of this.triggerSlot.assignedElements()) {
+            this.setTriggerAttributes(element);
+        }
     }
     setupGlobalHandlers() {
         // Stencil keeps firing `@Watch` on a detached instance, so `open` can
@@ -132,16 +135,17 @@ const Popover = class {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (index.h("div", { key: 'd34ccb8ce24c315432db83e6e1d998c4d230255f', class: "trigger-anchor" }, index.h("slot", { key: 'f2ab0bc064a439cecfee0fc75cb160cde227e018', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: '047d3643c80c445c8b97f1c30a6b7a8c236beaa9', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '91c6f19807aeda2d37652bce452f6bd3cd6bcc9f', contentCollection: this.host.children, style: cssProperties }))));
+        return (index.h("div", { key: '5726846ff3f4ccc50067c63cab387ce9efa34e9b', class: "trigger-anchor" }, index.h("slot", { key: '9bc0082641e95e2345b0ae3eb548477827420e85', name: "trigger", ref: this.setTriggerRef }), index.h("limel-portal", { key: 'fb247bd41c2d0f62f598a0e7d21776661490c485', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, index.h("limel-popover-surface", { key: '808155682967864b09f4344106cc0d1106f9e2c5', contentCollection: this.host.children, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;
         const clickedInside = portalContains(this.host, element);
-        if (this.open && !clickedInside) {
-            event.stopPropagation();
-            event.preventDefault();
-            this.close.emit();
+        if (!this.open || clickedInside) {
+            return;
         }
+        event.stopPropagation();
+        event.preventDefault();
+        this.close.emit();
     }
     getCssProperties() {
         const propertyNames = [
@@ -175,7 +179,7 @@ const PopoverSurface = class {
         this.appendElement();
     }
     render() {
-        return index.h("div", { key: 'c3f7cda21c76bdd39eba1e8e4e28503561d28a7e', class: "limel-popover-surface", tabindex: "0" });
+        return index.h("div", { key: '246fdc8fe255ae881e4ece6ae20bbb7f34a827b5', class: "limel-popover-surface", tabindex: "0" });
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

package/dist/cjs/limel-profile-picture.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index--B6-r0uo.js');
-var files = require('./files-DI4jItxi.js');
+var index = require('./index-BlsqxTB1.js');
+var files = require('./files-DpGigQ8k.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
-var translations = require('./translations-DFFpR6AZ.js');
-var randomString = require('./random-string-BTzDB2ee.js');
-var imageResize = require('./image-resize-CG2fitJT.js');
-var image_template = require('./image.template-DY7qwbuy.js');
+var translations = require('./translations-CNTWud2a.js');
+var randomString = require('./random-string-CFCtFh5l.js');
+var imageResize = require('./image-resize-JlRLB97I.js');
+var image_template = require('./image.template-DlF-f23b.js');
 require('./file-metadata-BrhOssGG.js');
 require('./icons-isR5V1X0.js');
-require('./language-CaqPKPyW.js');
+require('./language-v-MMS6ym.js');
 const profilePictureCss = () => `@charset "UTF-8";:host(limel-profile-picture){position:relative;display:inline-flex;min-width:1.5rem;min-height:1.5rem;border-radius:var(--profile-picture-border-radius, 100vw);background-color:rgb(var(--contrast-400))}*{box-sizing:border-box}limel-file-dropzone,limel-file-input,button.avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%}button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;display:block}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.avatar{overflow:hidden;border-radius:var(--profile-picture-border-radius, 100vw)}:host(:not([disabled]):not([disabled=true])) button.avatar{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent}:host(:not([disabled]):not([disabled=true])) button.avatar:hover,:host(:not([disabled]):not([disabled=true])) button.avatar:focus,:host(:not([disabled]):not([disabled=true])) button.avatar:focus-visible{will-change:color, background-color, box-shadow, transform}:host(:not([disabled]):not([disabled=true])) button.avatar:hover,:host(:not([disabled]):not([disabled=true])) button.avatar:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}:host(:not([disabled]):not([disabled=true])) button.avatar:hover{box-shadow:var(--button-shadow-hovered)}:host(:not([disabled]):not([disabled=true])) button.avatar:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}:host(:not([disabled]):not([disabled=true])) button.avatar:hover,:host(:not([disabled]):not([disabled=true])) button.avatar:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}:host([invalid]:not([invalid=false])) button.avatar{box-shadow:var(--shadow-error-state)}button.remove{transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:rgb(var(--contrast-900))}button.remove:hover,button.remove:focus,button.remove:focus-visible{will-change:color, background-color, box-shadow, transform}button.remove:hover,button.remove:focus-visible{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-white));background-color:rgb(var(--color-red-default))}button.remove:hover{box-shadow:var(--button-shadow-hovered)}button.remove:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.remove:hover,button.remove:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.remove{cursor:pointer;height:1.25rem;width:1.25rem;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:0.75rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cdefs/%3E%3Cpath%20fill='rgb(255,255,255)'%20d='M7.219%205.781L5.78%207.22%2014.563%2016%205.78%2024.781%207.22%2026.22%2016%2017.437l8.781%208.782%201.438-1.438L17.437%2016l8.782-8.781L24.78%205.78%2016%2014.563z'/%3E%3C/svg%3E");position:absolute;top:0;left:0;opacity:0}:host(:hover) button.remove,:host(:focus) button.remove,:host(:focus-visible) button.remove,:host(:focus-within) button.remove,:host(:active) button.remove{animation:show 0.4s ease-in-out forwards}@keyframes show{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}button.avatar,img,limel-icon{border-radius:var(--profile-picture-border-radius, 100vw)}limel-icon{width:calc(100% - 1rem);min-width:1rem;max-width:4rem;color:var(--limel-theme-text-secondary-on-background-color);margin:auto}img{object-fit:var(--limel-profile-picture-object-fit);width:100%;height:100%}:host(.has-image-error) img{border:1px dashed rgb(var(--contrast-600));background:url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");background-size:0.5rem}limel-spinner{position:absolute;inset:0;margin:auto}limel-popover{position:absolute;inset:auto 0 0 auto;display:block;width:2.25rem;height:2.25rem}`;
@@ -133,7 +133,7 @@ const ProfilePicture = class {
             this.isErrorMessagePopoverOpen = false;
         };
         this.getTranslation = (key) => {
-            return translations.translate.get(key, this.language);
+            return translations.translations.get(key, this.language);
         };
     }
     disconnectedCallback() {
@@ -252,10 +252,11 @@ const ProfilePicture = class {
         return undefined;
     }
     revokeObjectUrl() {
-        if (this.objectUrl) {
-            URL.revokeObjectURL(this.objectUrl);
-            this.objectUrl = undefined;
+        if (!this.objectUrl) {
+            return;
         }
+        URL.revokeObjectURL(this.objectUrl);
+        this.objectUrl = undefined;
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/limel-progress-flow-item.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 const progressFlowItemCss = () => `@charset "UTF-8";.step:before,.step .lock-icon{pointer-events:none;box-sizing:border-box;z-index:var(--limel-progress-flow-step-content)}.step::before{position:absolute;right:var(--selected-indicator-right);border-radius:50%}.last .step:before,.last .step .lock-icon{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:before{content:"";width:0.375rem;height:0.375rem;background-color:rgb(var(--contrast-700));opacity:0.7}.lock-icon{margin-left:0.25rem;margin-right:-0.5rem;width:0.75rem;color:currentColor;scale:0.8}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color--inactive, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}.flow-item{--step-background:var(       --progress-flow-step-background-color,       rgb(var(--contrast-600))   );--step-background--selected:var(       --progress-flow-step-background-color--selected,       var(--lime-primary-color, var(--limel-theme-primary-color))   );--step-background--passed:var(       --progress-flow-step-background-color--passed,       var(--step-background--selected)   );--step-text:var(       --progress-flow-step-text-color,       rgb(var(--contrast-1200))   );--step-text--selected:var(       --progress-flow-step-text-color--selected,       var(--lime-on-primary-color, var(--limel-theme-on-primary-color))   );--step-text--passed:var(       --progress-flow-step-text-color--passed,       var(--step-text--selected)   );--step-divider-color:var(       --progress-flow-step-divider-color,       rgb(var(--contrast-100))   );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:""}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:var(--limel-theme-default-font-size)}.step.disabled{cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:var(--limel-progress-flow-divider);right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:var(--limel-progress-flow-step-content)}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:var(--limel-progress-flow-step-content)}`;

package/dist/cjs/limel-progress-flow.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var getIconProps = require('./get-icon-props-CwpDdQDI.js');
 const progressFlowCss = () => `:host{--limel-progress-flow-step-content:2;--limel-progress-flow-divider:1;--step-height:2rem;--selected-indicator-right:-0.5rem;--max-text-width:10rem;isolation:isolate;box-sizing:border-box;width:100%;display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0.25rem}:host::-webkit-scrollbar{display:none}:host(.is-narrow){--step-height:1.5rem;--selected-indicator-right:0}`;
@@ -91,16 +91,17 @@ const ProgressFlow = class {
     }
     scrollToSelectedItem() {
         const selectedElement = this.getElementForSelectedItem();
-        if (selectedElement) {
-            const selectedItemLeftPosition = selectedElement.offsetLeft - this.element.offsetLeft;
-            const selectedElementLeftPositionCentered = selectedItemLeftPosition - this.element.offsetWidth / 2;
-            const selectedElementCentered = selectedElementLeftPositionCentered +
-                selectedElement.offsetWidth / 2;
-            this.element.scrollTo({
-                behavior: 'smooth',
-                left: selectedElementCentered,
-            });
+        if (!selectedElement) {
+            return;
         }
+        const selectedItemLeftPosition = selectedElement.offsetLeft - this.element.offsetLeft;
+        const selectedElementLeftPositionCentered = selectedItemLeftPosition - this.element.offsetWidth / 2;
+        const selectedElementCentered = selectedElementLeftPositionCentered +
+            selectedElement.offsetWidth / 2;
+        this.element.scrollTo({
+            behavior: 'smooth',
+            left: selectedElementCentered,
+        });
     }
     getElementForSelectedItem() {
         return this.element.shadowRoot.querySelector('.flow-item.selected');