@jinntec/jinntap 1.27.2 → 1.28.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.
- package/README.md +6 -2
- package/dist/index.es.js.map +1 -0
- package/dist/jinn-tap.es.js +13605 -12322
- package/dist/jinn-tap.es.js.map +1 -0
- package/dist/jinn-toast.es.js.map +1 -0
- package/package.json +8 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jinn-toast.es.js","sources":["../src/components/jinn-toast.js"],"sourcesContent":["export class JinnToast extends HTMLElement {\n constructor() {\n super();\n this.duration = 3000; // Default duration in milliseconds\n this.stickyDuration = 30000; // Default sticky duration in milliseconds\n }\n\n static get observedAttributes() {\n return ['duration'];\n }\n\n attributeChangedCallback(name, oldValue, newValue) {\n if (name === 'duration') {\n this.duration = parseInt(newValue) || 3000;\n }\n }\n\n connectedCallback() {\n this.render();\n this.setupEventListeners();\n }\n\n render() {\n this.innerHTML = `\n <style>\n jinn-toast .jinn-toast-container {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n z-index: var(--jinn-toast-z-index, 1000);\n }\n\n jinn-toast .jinn-toast {\n padding: 12px 24px;\n margin: 8px 0;\n border-radius: 4px;\n color: var(--jinn-toast-color, #F0F0F0);\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.3s, transform 0.3s;\n max-width: var(--jinn-toast-max-width, 30vw);\n word-wrap: break-word;\n pointer-events: none;\n position: relative;\n }\n\n jinn-toast .jinn-toast p {\n color: var(--jinn-toast-color, #F0F0F0);\n }\n\n jinn-toast .jinn-toast input {\n width: min-content;\n }\n\n jinn-toast .jinn-toast.sticky {\n pointer-events: auto;\n }\n\n jinn-toast .close-button {\n position: absolute;\n top: 4px;\n right: 4px;\n background: none;\n border: none;\n color: inherit;\n cursor: pointer;\n font-size: 16px;\n line-height: 1;\n padding: 4px;\n opacity: 0.7;\n transition: opacity 0.2s;\n }\n\n jinn-toast .close-button:hover {\n opacity: 1;\n }\n\n jinn-toast .jinn-toast.show {\n opacity: 1;\n transform: translateY(0);\n }\n\n jinn-toast .jinn-toast.error {\n background-color: var(--jinn-toast-error-color, #EE402E);\n }\n\n jinn-toast .jinn-toast.warn {\n background-color: var(--jinn-toast-warn-color, #FF9500);\n color: #000;\n }\n\n jinn-toast .jinn-toast.info {\n background-color: var(--jinn-toast-info-color, #33790F);\n }\n </style>\n <div class=\"jinn-toast-container\"></div>\n `;\n }\n\n setupEventListeners() {\n document.addEventListener('jinn-toast', (event) => {\n this.showToast(\n event.detail.message,\n event.detail.type || 'info',\n event.detail.nohtml || false,\n event.detail.sticky || false,\n );\n });\n }\n\n showToast(message, type, nohtml = false, sticky = false) {\n const toast = document.createElement('div');\n toast.className = `jinn-toast ${type} ${sticky ? 'sticky' : ''}`;\n\n const closeToast = () => {\n toast.classList.remove('show');\n setTimeout(() => {\n container.removeChild(toast);\n }, 300);\n };\n\n if (typeof message === 'string') {\n if (nohtml) {\n toast.textContent = message;\n } else {\n toast.innerHTML = message;\n }\n } else if (message instanceof Node) {\n toast.appendChild(message);\n } else if (typeof message === 'function') {\n const content = message(closeToast);\n if (content instanceof Node) {\n toast.appendChild(content);\n } else {\n console.warn('Function message did not return a valid Node.');\n return;\n }\n } else {\n console.warn('Invalid message type for toast. Expected string, Node, or function.');\n return;\n }\n\n if (sticky) {\n const closeButton = document.createElement('button');\n closeButton.className = 'close-button';\n closeButton.innerHTML = `\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-x\" viewBox=\"0 0 16 16\">\n <path d=\"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708\"/>\n </svg>\n `;\n closeButton.addEventListener('click', closeToast);\n toast.appendChild(closeButton);\n }\n\n const container = this.querySelector('.jinn-toast-container');\n container.appendChild(toast);\n\n // Trigger reflow to enable animation\n toast.offsetHeight;\n toast.classList.add('show');\n\n if (!sticky) {\n setTimeout(closeToast, this.duration);\n }\n }\n}\n\nif (!customElements.get('jinn-toast')) {\n customElements.define('jinn-toast', JinnToast);\n}\n"],"names":["JinnToast","name","oldValue","newValue","event","message","type","nohtml","sticky","toast","closeToast","container","content","closeButton"],"mappings":"AAAO,MAAMA,UAAkB,YAAY;AAAA,EACvC,cAAc;AACV,UAAK,GACL,KAAK,WAAW,KAChB,KAAK,iBAAiB;AAAA,EAC1B;AAAA,EAEA,WAAW,qBAAqB;AAC5B,WAAO,CAAC,UAAU;AAAA,EACtB;AAAA,EAEA,yBAAyBC,GAAMC,GAAUC,GAAU;AAC/C,IAAIF,MAAS,eACT,KAAK,WAAW,SAASE,CAAQ,KAAK;AAAA,EAE9C;AAAA,EAEA,oBAAoB;AAChB,SAAK,OAAM,GACX,KAAK,oBAAmB;AAAA,EAC5B;AAAA,EAEA,SAAS;AACL,SAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6ErB;AAAA,EAEA,sBAAsB;AAClB,aAAS,iBAAiB,cAAc,CAACC,MAAU;AAC/C,WAAK;AAAA,QACDA,EAAM,OAAO;AAAA,QACbA,EAAM,OAAO,QAAQ;AAAA,QACrBA,EAAM,OAAO,UAAU;AAAA,QACvBA,EAAM,OAAO,UAAU;AAAA,MACvC;AAAA,IACQ,CAAC;AAAA,EACL;AAAA,EAEA,UAAUC,GAASC,GAAMC,IAAS,IAAOC,IAAS,IAAO;AACrD,UAAMC,IAAQ,SAAS,cAAc,KAAK;AAC1C,IAAAA,EAAM,YAAY,cAAcH,CAAI,IAAIE,IAAS,WAAW,EAAE;AAE9D,UAAME,IAAa,MAAM;AACrB,MAAAD,EAAM,UAAU,OAAO,MAAM,GAC7B,WAAW,MAAM;AACb,QAAAE,EAAU,YAAYF,CAAK;AAAA,MAC/B,GAAG,GAAG;AAAA,IACV;AAEA,QAAI,OAAOJ,KAAY;AACnB,MAAIE,IACAE,EAAM,cAAcJ,IAEpBI,EAAM,YAAYJ;AAAA,aAEfA,aAAmB;AAC1B,MAAAI,EAAM,YAAYJ,CAAO;AAAA,aAClB,OAAOA,KAAY,YAAY;AACtC,YAAMO,IAAUP,EAAQK,CAAU;AAClC,UAAIE,aAAmB;AACnB,QAAAH,EAAM,YAAYG,CAAO;AAAA,WACtB;AACH,gBAAQ,KAAK,+CAA+C;AAC5D;AAAA,MACJ;AAAA,IACJ,OAAO;AACH,cAAQ,KAAK,qEAAqE;AAClF;AAAA,IACJ;AAEA,QAAIJ,GAAQ;AACR,YAAMK,IAAc,SAAS,cAAc,QAAQ;AACnD,MAAAA,EAAY,YAAY,gBACxBA,EAAY,YAAY;AAAA;AAAA;AAAA;AAAA,eAKxBA,EAAY,iBAAiB,SAASH,CAAU,GAChDD,EAAM,YAAYI,CAAW;AAAA,IACjC;AAEA,UAAMF,IAAY,KAAK,cAAc,uBAAuB;AAC5D,IAAAA,EAAU,YAAYF,CAAK,GAG3BA,EAAM,cACNA,EAAM,UAAU,IAAI,MAAM,GAErBD,KACD,WAAWE,GAAY,KAAK,QAAQ;AAAA,EAE5C;AACJ;AAEK,eAAe,IAAI,YAAY,KAChC,eAAe,OAAO,cAAcV,CAAS;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jinntec/jinntap",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.28.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.es.js",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
@@ -21,10 +21,13 @@
|
|
|
21
21
|
},
|
|
22
22
|
"files": [
|
|
23
23
|
"dist/jinn-tap.es.js",
|
|
24
|
+
"dist/jinn-tap.es.js.map",
|
|
24
25
|
"dist/jinn-tap.d.ts",
|
|
25
26
|
"dist/jinn-toast.es.js",
|
|
27
|
+
"dist/jinn-toast.es.js.map",
|
|
26
28
|
"dist/jinn-toast.d.ts",
|
|
27
29
|
"dist/index.es.js",
|
|
30
|
+
"dist/index.es.js.map",
|
|
28
31
|
"dist/index.d.ts",
|
|
29
32
|
"dist/editor-styles.css",
|
|
30
33
|
"dist/jinn-tap.css",
|
|
@@ -57,7 +60,7 @@
|
|
|
57
60
|
"@tiptap/starter-kit": "^3.0.0",
|
|
58
61
|
"fontoxpath": "^3.33.2",
|
|
59
62
|
"prettier-plugin-xquery": "^1.2.5",
|
|
60
|
-
"rollup": "^4.
|
|
63
|
+
"rollup": "^4.57.1",
|
|
61
64
|
"unique-username-generator": "^1.4.0",
|
|
62
65
|
"xml-formatter": "^3.6.5",
|
|
63
66
|
"y-prosemirror": "^1.3.4"
|
|
@@ -101,5 +104,8 @@
|
|
|
101
104
|
"@semantic-release/github",
|
|
102
105
|
"@semantic-release/git"
|
|
103
106
|
]
|
|
107
|
+
},
|
|
108
|
+
"peerDependencies": {
|
|
109
|
+
"@teipublisher/pb-components": "^3.0.5"
|
|
104
110
|
}
|
|
105
111
|
}
|