@sme.up/ketchup 10.2.0 → 10.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "10.2.0",
+    "version": "10.3.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -59,7 +59,7 @@
     },
     "devDependencies": {
         "@stencil/core": "4.20.0",
-        "@stencil/react-output-target": "^0.7",
+        "@stencil/react-output-target": "^0.8",
         "@stencil/sass": "^3",
         "jest": "^29.7.0",
         "jest-cli": "^29.7.0",

package/dist/collection/managers/kup-keys-binding/kup-keys-binding-declarations.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/managers/kup-keys-binding/kup-keys-binding.js

@@ -1,79 +0,0 @@
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m")
-        throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _KupKeysBinding_instances, _KupKeysBinding_SEPARATOR_KEYS_COMBO, _KupKeysBinding_pressedKeys, _KupKeysBinding_keysEvents, _KupKeysBinding_checkEvent, _KupKeysBinding_clearKey, _KupKeysBinding_getKeysCombination;
-/**
- * Handles keys binding listeners.
- * @module KupKeysBinding
- */
-export class KupKeysBinding {
-    constructor() {
-        _KupKeysBinding_instances.add(this);
-        _KupKeysBinding_SEPARATOR_KEYS_COMBO.set(this, '+');
-        _KupKeysBinding_pressedKeys.set(this, void 0);
-        _KupKeysBinding_keysEvents.set(this, void 0);
-        __classPrivateFieldSet(this, _KupKeysBinding_keysEvents, new Map(), "f");
-        __classPrivateFieldSet(this, _KupKeysBinding_pressedKeys, new Set(), "f");
-        document.addEventListener('keydown', __classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_checkEvent).bind(this));
-        document.addEventListener('keyup', (e) => {
-            __classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_clearKey).call(this, e);
-            __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").clear();
-        });
-        window.addEventListener('blur', () => {
-            __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").clear();
-        });
-    }
-    /**
-     * Registers key shortcut (can be also a combination of keys) and associated event.
-     * @param {string} key - Key to listen for.
-     * @param {GenericCallback} event - Event to start when key is pressed
-     */
-    register(key, event) {
-        if (!key || !event) {
-            return;
-        }
-        __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").set(key.toLowerCase(), { event, isLunched: false });
-    }
-    /**
-     * Unregisteres key shortcut and associated event.
-     * @param {string} key - Key to remove.
-     */
-    unregister(key) {
-        if (!key) {
-            return;
-        }
-        __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").delete(key.toLowerCase());
-    }
-}
-_KupKeysBinding_SEPARATOR_KEYS_COMBO = new WeakMap(), _KupKeysBinding_pressedKeys = new WeakMap(), _KupKeysBinding_keysEvents = new WeakMap(), _KupKeysBinding_instances = new WeakSet(), _KupKeysBinding_checkEvent = function _KupKeysBinding_checkEvent(keyboardEvent) {
-    const keyPressed = keyboardEvent.key.toLowerCase();
-    __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").add(keyPressed);
-    const keyEvent = __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").get(__classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_getKeysCombination).call(this));
-    if (keyEvent && !keyEvent.isLunched) {
-        keyboardEvent.preventDefault();
-        keyEvent.event();
-        keyEvent.isLunched = true;
-    }
-}, _KupKeysBinding_clearKey = function _KupKeysBinding_clearKey(keyboardEvent) {
-    const keyReleased = keyboardEvent.key.toLowerCase();
-    const keyEvent = __classPrivateFieldGet(this, _KupKeysBinding_keysEvents, "f").get(__classPrivateFieldGet(this, _KupKeysBinding_instances, "m", _KupKeysBinding_getKeysCombination).call(this));
-    if (keyEvent && keyEvent.isLunched) {
-        keyEvent.isLunched = false;
-    }
-    __classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f").delete(keyReleased);
-}, _KupKeysBinding_getKeysCombination = function _KupKeysBinding_getKeysCombination() {
-    return Array.from(__classPrivateFieldGet(this, _KupKeysBinding_pressedKeys, "f")).join(__classPrivateFieldGet(this, _KupKeysBinding_SEPARATOR_KEYS_COMBO, "f"));
-};

package/dist/ketchup/p-2d84c26e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-710d0a7d.js";import{k as s,g as p,s as r}from"./p-e4fa2cf3.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-c4224227.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-3cab6420.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"eabc87550d0f2e863606f6ca638ce0201b0a792a","kup-visible":this.visible},a("style",{key:"da7c811c2ca8770cbd2ffc695dbe5289f1536f22"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"47e5c9aaf1e50f41a498fdc050b29e08dc722720",id:l},a("div",{key:"8b899247d7547a4f9f5c653c34bd6cd8b0a662e4",class:f},a("div",{key:"70b018520246323b9b8aec95af249c5d19618ff5",class:"snackbar__text__block"},a("div",{key:"91a44a17404b10e37f09651046b75bb340f4a1ff",class:`${f}__header`},this.header),a("div",{key:"7b9b325f847f9ea2d72e11670892dd46e9f1e0d5",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n    --kup-snackbar-border-left-color,\n    var(--kup-border-interactive)\n  );--kup_snackbar_background_color:var(\n    --kup-snackbar-background-color,\n    var(--kup-layer-0-inverted)\n  );--kup_snackbar_text_color:var(\n    --kup-snackbar-text-color,\n    var(--kup-text-primary-inverted)\n  );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}