@limetech/lime-elements 37.70.4 → 37.71.0

package/dist/collection/components/text-editor/prosemirror-adapter/plugins/trigger/inserter.js

@@ -20,6 +20,12 @@ export const inserterFactory = (view) => {
       transaction.setMeta('stopTrigger', true);
       dispatch(transaction);
     },
+    stopTrigger: () => {
+      const { state, dispatch } = view;
+      const transaction = state.tr;
+      transaction.setMeta('stopTrigger', true);
+      dispatch(transaction);
+    },
   };
 };
 const createNode = (input, schema) => {

package/dist/collection/components/text-editor/prosemirror-adapter/plugins/trigger/inserter.js.map

@@ -1 +1 @@
-{"version":3,"file":"inserter.js","sourceRoot":"","sources":["../../../../../../src/components/text-editor/prosemirror-adapter/plugins/trigger/inserter.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAgB,EAAc,EAAE;EAC5D,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAE/C,OAAO;IACH,MAAM,EAAE,CAAC,KAA8B,EAAE,EAAE;MACvC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;MACjC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;MACpC,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,CAAC;MAE5B,IAAI,IAAU,CAAC;MAEf,IAAI;QACA,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;OACpC;MAAC,OAAO,KAAK,EAAE;QACZ,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE7B,OAAO;OACV;MAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;MAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;MAElE,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC,WAAW,CACpC,QAAQ,EACR,KAAK,CAAC,GAAG,EACT,QAAQ,CACX,CAAC;MAEF,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;MACzC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC;GACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAA8B,EAAE,MAAc,EAAQ,EAAE;;EACxE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC7B;EAED,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;EAExB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;IAC1B,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAEvD,MAAM,UAAU,GAAW,CAAC,MAAA,KAAK,CAAC,QAAQ,mCAAI,EAAE,CAAC;KAC5C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KACzC,MAAM,CAAC,OAAO,CAAC,CAAC;EAErB,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,MAAc,EAAY,EAAE;EAC7D,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAC/C,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,KAAK,IAAI,CACrD,CAAC;EAEF,IAAI,CAAC,UAAU,EAAE;IACb,MAAM,IAAI,KAAK,CACX,oDAAoD,IAAI,EAAE,CAC7D,CAAC;GACL;EAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,IAAgB,EAAU,EAAE;;EACzD,OAAO,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,SAAS,0CAAE,KAAK,0CAAE,GAAG,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["import { Node, NodeType, Schema } from 'prosemirror-model';\nimport { EditorView } from 'prosemirror-view';\nimport {\n    TextEditor,\n    TextEditorNode,\n} from 'src/components/text-editor/text-editor.types';\n\nexport const inserterFactory = (view: EditorView): TextEditor => {\n    const startPos = getTriggerStartPosition(view);\n\n    return {\n        insert: (input: TextEditorNode | string) => {\n            const { state, dispatch } = view;\n            const { schema, selection } = state;\n            const { $from } = selection;\n\n            let node: Node;\n\n            try {\n                node = createNode(input, schema);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.error(error.message);\n\n                return;\n            }\n\n            const spaceNode = schema.text(' ');\n\n            const fragment = schema.nodes.doc.create(null, [node, spaceNode]);\n\n            const transaction = state.tr.replaceWith(\n                startPos,\n                $from.pos,\n                fragment,\n            );\n\n            transaction.setMeta('stopTrigger', true);\n            dispatch(transaction);\n        },\n    };\n};\n\nconst createNode = (input: TextEditorNode | string, schema: Schema): Node => {\n    if (typeof input === 'string') {\n        return schema.text(input);\n    }\n\n    const node = input.node;\n\n    if (typeof node === 'string') {\n        return schema.text(node);\n    }\n\n    const customNode = getCustomNode(node.tagName, schema);\n\n    const childNodes: Node[] = (input.children ?? [])\n        .map((child) => createNode(child, schema))\n        .filter(Boolean);\n\n    return customNode.create(node.attributes, childNodes);\n};\n\nconst getCustomNode = (name: string, schema: Schema): NodeType => {\n    const customNode = Object.values(schema.nodes).find(\n        (prosemirrorNode) => prosemirrorNode.name === name,\n    );\n\n    if (!customNode) {\n        throw new Error(\n            `A custom element hasn't been registered for node ${name}`,\n        );\n    }\n\n    return customNode;\n};\n\nconst getTriggerStartPosition = (view: EditorView): number => {\n    return view.state?.selection?.$from?.pos;\n};\n"]}
+{"version":3,"file":"inserter.js","sourceRoot":"","sources":["../../../../../../src/components/text-editor/prosemirror-adapter/plugins/trigger/inserter.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node, NodeType, Schema } from 'prosemirror-model';\nimport { EditorView } from 'prosemirror-view';\nimport {\n    TextEditor,\n    TextEditorNode,\n} from 'src/components/text-editor/text-editor.types';\n\nexport const inserterFactory = (view: EditorView): TextEditor => {\n    const startPos = getTriggerStartPosition(view);\n\n    return {\n        insert: (input: TextEditorNode | string) => {\n            const { state, dispatch } = view;\n            const { schema, selection } = state;\n            const { $from } = selection;\n\n            let node: Node;\n\n            try {\n                node = createNode(input, schema);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.error(error.message);\n\n                return;\n            }\n\n            const spaceNode = schema.text(' ');\n\n            const fragment = schema.nodes.doc.create(null, [node, spaceNode]);\n\n            const transaction = state.tr.replaceWith(\n                startPos,\n                $from.pos,\n                fragment,\n            );\n\n            transaction.setMeta('stopTrigger', true);\n            dispatch(transaction);\n        },\n        stopTrigger: () => {\n            const { state, dispatch } = view;\n\n            const transaction = state.tr;\n            transaction.setMeta('stopTrigger', true);\n\n            dispatch(transaction);\n        },\n    };\n};\n\nconst createNode = (input: TextEditorNode | string, schema: Schema): Node => {\n    if (typeof input === 'string') {\n        return schema.text(input);\n    }\n\n    const node = input.node;\n\n    if (typeof node === 'string') {\n        return schema.text(node);\n    }\n\n    const customNode = getCustomNode(node.tagName, schema);\n\n    const childNodes: Node[] = (input.children ?? [])\n        .map((child) => createNode(child, schema))\n        .filter(Boolean);\n\n    return customNode.create(node.attributes, childNodes);\n};\n\nconst getCustomNode = (name: string, schema: Schema): NodeType => {\n    const customNode = Object.values(schema.nodes).find(\n        (prosemirrorNode) => prosemirrorNode.name === name,\n    );\n\n    if (!customNode) {\n        throw new Error(\n            `A custom element hasn't been registered for node ${name}`,\n        );\n    }\n\n    return customNode;\n};\n\nconst getTriggerStartPosition = (view: EditorView): number => {\n    return view.state?.selection?.$from?.pos;\n};\n"]}

package/dist/collection/components/text-editor/text-editor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.types.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.types.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomElement } from '../../global/shared-types/custom-element.types';\n\n/**\n * @alpha\n */\nexport type TriggerCharacter =\n    | '@'\n    | '#'\n    | '$'\n    | '!'\n    | '?'\n    | '&'\n    | '*'\n    | '%'\n    | '+'\n    | '-'\n    | '='\n    | '/'\n    | '\\\\'\n    | '^'\n    | '~'\n    | '`'\n    | ':'\n    | ';'\n    | '|'\n    | '.'\n    | ','\n    | '<'\n    | '>'\n    | '['\n    | ']'\n    | '{'\n    | '}'\n    | '('\n    | ')'\n    | \"'\";\n\n/**\n * @alpha\n */\nexport type TextEditorNode = {\n    /**\n     * The top node\n     */\n    node: CustomElement | string;\n\n    /**\n     * One more more children under the top node\n     */\n    children?: Array<TextEditorNode | string>;\n};\n\n/**\n * @alpha\n */\nexport interface TextEditor {\n    /**\n     * Method to insert either text or a node at the cursor position\n     *\n     */\n    insert: (input: TextEditorNode | string) => void;\n}\n\n/**\n * @alpha\n */\nexport interface TriggerEventDetail {\n    /**\n     * The trigger that triggered this event\n     *\n     */\n    trigger: TriggerCharacter;\n\n    /**\n     * The text editor\n     */\n    textEditor: TextEditor;\n\n    /**\n     * Current value of the trigger\n     */\n    value: string;\n}\n"]}
+{"version":3,"file":"text-editor.types.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.types.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomElement } from '../../global/shared-types/custom-element.types';\n\n/**\n * @alpha\n */\nexport type TriggerCharacter =\n    | '@'\n    | '#'\n    | '$'\n    | '!'\n    | '?'\n    | '&'\n    | '*'\n    | '%'\n    | '+'\n    | '-'\n    | '='\n    | '/'\n    | '\\\\'\n    | '^'\n    | '~'\n    | '`'\n    | ':'\n    | ';'\n    | '|'\n    | '.'\n    | ','\n    | '<'\n    | '>'\n    | '['\n    | ']'\n    | '{'\n    | '}'\n    | '('\n    | ')'\n    | \"'\";\n\n/**\n * @alpha\n */\nexport type TextEditorNode = {\n    /**\n     * The top node\n     */\n    node: CustomElement | string;\n\n    /**\n     * One more more children under the top node\n     */\n    children?: Array<TextEditorNode | string>;\n};\n\n/**\n * @alpha\n */\nexport interface TextEditor {\n    /**\n     * Method to insert either text or a node at the cursor position\n     *\n     */\n    insert: (input: TextEditorNode | string) => void;\n    stopTrigger: () => void;\n}\n\n/**\n * @alpha\n */\nexport interface TriggerEventDetail {\n    /**\n     * The trigger that triggered this event\n     *\n     */\n    trigger: TriggerCharacter;\n\n    /**\n     * The text editor\n     */\n    textEditor: TextEditor;\n\n    /**\n     * Current value of the trigger\n     */\n    value: string;\n}\n"]}

package/dist/collection/style/mixins.scss

@@ -456,98 +456,3 @@ $clickable-normal-state-transitions: (
     clip-path: inset(50%);
     white-space: nowrap;
 }
-
-// This mixin designed to enhance the visual effects,
-// when the `tiltFollowingTheCursor` utility function from `3d-tilt-hover-effect.ts`
-// is implemented in a component.
-// This adds styles to a `<div class"limel-3d-hover-effect-glow" />`, needed to create
-// a glow effect on a 3D element when the parent element is hovered.
-// when the `tiltFollowingTheCursor` utility function from `3d-tilt-hover-effect.ts`
-// Parts of these styles are controlled by the `titleFollowingTheCursor` function.
-@mixin limel-3d-hover-effect-glow($the3dElement, $border-radius) {
-    .limel-3d-hover-effect-glow {
-        transition:
-            background 0.4s ease,
-            opacity 0.4s ease;
-        pointer-events: none;
-
-        position: absolute;
-        inset: 0;
-        border-radius: $border-radius;
-
-        opacity: 0.1;
-        #{$the3dElement}:hover & {
-            opacity: 0.5;
-        }
-
-        background-image: radial-gradient(
-            circle at var(--limel-3d-hover-effect-glow-position, 50% -20%),
-            rgb(var(--color-white), 0.3),
-            rgb(var(--color-white), 0)
-        );
-
-        mix-blend-mode: plus-lighter;
-    }
-}
-
-// These mixins below are designed to apply the necessary visual effects,
-// when the `tiltFollowingTheCursor` utility function from `3d-tilt-hover-effect.ts`
-// is implemented in a component.
-@mixin parent-of-the-3d-element {
-    isolation: isolate;
-    transform-style: preserve-3d;
-    perspective: 1000px;
-}
-
-@mixin the-3d-element {
-    position: relative;
-
-    transition-duration: 0.8s;
-    transition-property: transform, box-shadow, background-color;
-    transition-timing-function: ease-out;
-    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
-
-    &:hover,
-    &:focus,
-    &:focus-visible,
-    &:focus-within {
-        will-change: background-color, box-shadow, transform;
-    }
-
-    &:hover,
-    &:focus,
-    &:focus-visible,
-    &:active {
-        transition-duration: 0.2s;
-    }
-
-    &:hover,
-    &:focus-visible {
-        box-shadow: var(--button-shadow-hovered);
-    }
-
-    &:hover {
-        transform: scale3d(1.01, 1.01, 1.01)
-            rotate3d(var(--limel-3d-hover-effect-rotate3d));
-    }
-    &:focus-visible {
-        transform: scale3d(1.01, 1.01, 1.01);
-    }
-}
-
-@mixin the-3d-element--clickable {
-    cursor: pointer;
-    box-shadow: var(--button-shadow-normal);
-
-    &:active {
-        transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
-        box-shadow: var(--button-shadow-pressed);
-    }
-
-    &:focus-visible {
-        box-shadow: var(--button-shadow-hovered), var(--shadow-depth-8-focused);
-    }
-    &:focus-visible:active {
-        box-shadow: var(--button-shadow-pressed), var(--shadow-depth-8-focused);
-    }
-}

package/dist/esm/limel-prosemirror-adapter.entry.js

@@ -26143,6 +26143,12 @@ const inserterFactory = (view) => {
       transaction.setMeta('stopTrigger', true);
       dispatch(transaction);
     },
+    stopTrigger: () => {
+      const { state, dispatch } = view;
+      const transaction = state.tr;
+      transaction.setMeta('stopTrigger', true);
+      dispatch(transaction);
+    },
   };
 };
 const createNode = (input, schema) => {