frutjam 0.0.7 → 0.0.8-alpha.2
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/LICENSE +21 -7
- package/dist/components/button.css +9 -0
- package/dist/components/button.css.map +1 -0
- package/dist/components/button.js +2 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/modal.css +9 -0
- package/dist/components/modal.css.map +1 -0
- package/dist/components/modal.js +2 -0
- package/dist/components/modal.js.map +1 -0
- package/dist/frutjam.css +9 -0
- package/dist/frutjam.css.map +1 -0
- package/dist/frutjam.js +2 -0
- package/dist/frutjam.js.map +1 -0
- package/package.json +58 -61
- package/src/components/button.css +227 -0
- package/src/components/modal.css +107 -0
- package/src/components/typography.css +5 -0
- package/src/main.css +4 -0
- package/src/main.js +1 -0
- package/src/themes/default.css +60 -0
- package/src/themes/typography.css +8 -0
- package/README.md +0 -78
- package/dist/index.d.ts +0 -4
- package/dist/index.js +0 -3
- package/dist/index.js.LICENSE.txt +0 -15
- package/dist/index.js.map +0 -1
- package/dist/notification.js +0 -3
- package/dist/notification.js.LICENSE.txt +0 -7
- package/dist/notification.js.map +0 -1
- package/dist/plugins/notification/config.d.ts +0 -2
- package/dist/plugins/notification/index.d.ts +0 -16
- package/dist/plugins/notification/interfaces.d.ts +0 -20
- package/dist/plugins/notification/types.d.ts +0 -3
- package/dist/plugins/popover/index.d.ts +0 -12
- package/dist/plugins/tabs/index.d.ts +0 -15
- package/dist/plugins/tabs/types.d.ts +0 -6
- package/dist/plugins/telephoneInput/data.d.ts +0 -3
- package/dist/plugins/telephoneInput/index.d.ts +0 -12
- package/dist/plugins/telephoneInput/interfaces.d.ts +0 -5
- package/dist/plugins/telephoneInput/types.d.ts +0 -6
- package/dist/tabs.js +0 -3
- package/dist/tabs.js.LICENSE.txt +0 -7
- package/dist/tabs.js.map +0 -1
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { TelephoneInputSettings } from "./interfaces";
|
|
2
|
-
export default class TelephoneInput {
|
|
3
|
-
private inputElement;
|
|
4
|
-
private selectElement;
|
|
5
|
-
private countries;
|
|
6
|
-
private showFlag;
|
|
7
|
-
constructor(elementId: string, settings: TelephoneInputSettings);
|
|
8
|
-
private convertCountries;
|
|
9
|
-
private init;
|
|
10
|
-
private createCountryDropdown;
|
|
11
|
-
private updatePlaceholder;
|
|
12
|
-
}
|
package/dist/tabs.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! For license information please see tabs.js.LICENSE.txt */
|
|
2
|
-
!function(t,s){"object"==typeof exports&&"object"==typeof module?module.exports=s():"function"==typeof define&&define.amd?define([],s):"object"==typeof exports?exports.frutjam=s():t.frutjam=s()}(self,(()=>(()=>{"use strict";var t={};return(()=>{var s=t;Object.defineProperty(s,"__esModule",{value:!0}),s.default=class{tabs;tabContents;options;constructor(t){this.tabs=Array.from(document.querySelectorAll(".tab")),this.tabContents=Array.from(document.querySelectorAll(".tab-content")),this.options=t||{},this.init(),this.handleInitialTabState()}init(){this.tabs.forEach((t=>{t.addEventListener("click",(()=>this.toggleTab(t)))}))}toggleTab(t){const s=t.dataset.tab;s&&!t.classList.contains("disabled")&&(this.tabs.forEach((t=>{t.classList.remove("active")})),t.classList.add("active"),this.tabContents.forEach((t=>{t.id===s?(t.style.display="block",this.animateTab(t),this.options.onTabActive&&this.options.onTabActive(s)):t.style.display="none"})))}animateTab(t){t.style.opacity="0",setTimeout((()=>{t.style.opacity="1"}),300)}handleInitialTabState(){"all"===this.options.disableTabs?this.disableAllTabs():Array.isArray(this.options.disableTabs)?this.disableTabs(this.options.disableTabs):"all"===this.options.enableTabs?this.enableAllTabs():Array.isArray(this.options.enableTabs)&&this.enableTabs(this.options.enableTabs)}disableAllTabs(){this.tabs.forEach((t=>{t.classList.add("disabled")}))}enableAllTabs(){this.tabs.forEach((t=>{t.classList.remove("disabled")}))}enableTabs(t){"all"===t?this.enableAllTabs():Array.isArray(t)&&t.forEach((t=>{const s=this.tabs.find((s=>s.dataset.tab===t));s&&s.classList.remove("disabled")}))}disableTabs(t){"all"===t?this.disableAllTabs():Array.isArray(t)&&t.forEach((t=>{const s=this.tabs.find((s=>s.dataset.tab===t));s&&s.classList.add("disabled")}))}}})(),t})()));
|
|
3
|
-
//# sourceMappingURL=tabs.js.map
|
package/dist/tabs.js.LICENSE.txt
DELETED
package/dist/tabs.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","mappings":";CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAiB,QAAID,IAErBD,EAAc,QAAIC,GACnB,CATD,CASGK,MAAM,qGCET,gBACYC,KACAC,YACAC,QAER,WAAAC,CAAYD,GACRE,KAAKJ,KAAOK,MAAMC,KAAKC,SAASC,iBAAiB,SACjDJ,KAAKH,YAAcI,MAAMC,KAAKC,SAASC,iBAAiB,iBACxDJ,KAAKF,QAAUA,GAAW,CAAC,EAE3BE,KAAKK,OACLL,KAAKM,uBACT,CAEQ,IAAAD,GACJL,KAAKJ,KAAKW,SAAQC,IACdA,EAAIC,iBAAiB,SAAS,IAAMT,KAAKU,UAAUF,IAAK,GAEhE,CAEQ,SAAAE,CAAUC,GACd,MAAMC,EAAQD,EAAYE,QAAQL,IAE7BI,IAASD,EAAYG,UAAUC,SAAS,cAE7Cf,KAAKJ,KAAKW,SAAQC,IACdA,EAAIM,UAAUE,OAAO,SAAS,IAElCL,EAAYG,UAAUG,IAAI,UAE1BjB,KAAKH,YAAYU,SAAQW,IACjBA,EAAQC,KAAOP,GACfM,EAAQE,MAAMC,QAAU,QACxBrB,KAAKsB,WAAWJ,GACZlB,KAAKF,QAAQyB,aACbvB,KAAKF,QAAQyB,YAAYX,IAG7BM,EAAQE,MAAMC,QAAU,MAC5B,IAER,CAEQ,UAAAC,CAAWJ,GAEfA,EAAQE,MAAMI,QAAU,IACxBC,YAAW,KACPP,EAAQE,MAAMI,QAAU,GAAG,GAC5B,IACP,CAEQ,qBAAAlB,GAC6B,QAA7BN,KAAKF,QAAQ4B,YACb1B,KAAK2B,iBACE1B,MAAM2B,QAAQ5B,KAAKF,QAAQ4B,aAClC1B,KAAK0B,YAAY1B,KAAKF,QAAQ4B,aACK,QAA5B1B,KAAKF,QAAQ+B,WACpB7B,KAAK8B,gBACE7B,MAAM2B,QAAQ5B,KAAKF,QAAQ+B,aAClC7B,KAAK6B,WAAW7B,KAAKF,QAAQ+B,WAErC,CAEQ,cAAAF,GACJ3B,KAAKJ,KAAKW,SAAQC,IACdA,EAAIM,UAAUG,IAAI,WAAW,GAErC,CAEQ,aAAAa,GACJ9B,KAAKJ,KAAKW,SAAQC,IACdA,EAAIM,UAAUE,OAAO,WAAW,GAExC,CAEA,UAAAa,CAAWE,GACQ,QAAXA,EACA/B,KAAK8B,gBACE7B,MAAM2B,QAAQG,IACrBA,EAAOxB,SAAQK,IACX,MAAMJ,EAAMR,KAAKJ,KAAKoC,MAAKxB,GAAOA,EAAIK,QAAQL,MAAQI,IAClDJ,GACAA,EAAIM,UAAUE,OAAO,WACzB,GAGZ,CAEA,WAAAU,CAAYK,GACO,QAAXA,EACA/B,KAAK2B,iBACE1B,MAAM2B,QAAQG,IACrBA,EAAOxB,SAAQK,IACX,MAAMJ,EAAMR,KAAKJ,KAAKoC,MAAKxB,GAAOA,EAAIK,QAAQL,MAAQI,IAClDJ,GACAA,EAAIM,UAAUG,IAAI,WACtB,GAGZ","sources":["webpack://frutjam/webpack/universalModuleDefinition","webpack://frutjam/./src/plugins/tabs/index.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"frutjam\"] = factory();\n\telse\n\t\troot[\"frutjam\"] = factory();\n})(self, () => {\nreturn ","\r\n/*\r\n* Tabs\r\n* @version: 0.0.2\r\n* @author: Nezanuha\r\n* @license: Licensed under MIT\r\n* Copyright 2024 Nezanuha\r\n*/\r\n\r\nimport { TabOptions } from \"./types\";\r\n\r\nexport default class Tabs {\r\n private tabs: HTMLElement[];\r\n private tabContents: HTMLElement[];\r\n private options: TabOptions;\r\n\r\n constructor(options?: TabOptions) {\r\n this.tabs = Array.from(document.querySelectorAll('.tab'));\r\n this.tabContents = Array.from(document.querySelectorAll('.tab-content'));\r\n this.options = options || {};\r\n\r\n this.init();\r\n this.handleInitialTabState();\r\n }\r\n\r\n private init() {\r\n this.tabs.forEach(tab => {\r\n tab.addEventListener('click', () => this.toggleTab(tab));\r\n });\r\n }\r\n\r\n private toggleTab(selectedTab: HTMLElement) {\r\n const tabId = selectedTab.dataset.tab;\r\n\r\n if (!tabId || selectedTab.classList.contains('disabled')) return;\r\n\r\n this.tabs.forEach(tab => {\r\n tab.classList.remove('active');\r\n });\r\n selectedTab.classList.add('active');\r\n\r\n this.tabContents.forEach(content => {\r\n if (content.id === tabId) {\r\n content.style.display = 'block';\r\n this.animateTab(content);\r\n if (this.options.onTabActive) {\r\n this.options.onTabActive(tabId);\r\n }\r\n } else {\r\n content.style.display = 'none';\r\n }\r\n });\r\n }\r\n\r\n private animateTab(content: HTMLElement) {\r\n // Implement your animation logic here\r\n content.style.opacity = '0';\r\n setTimeout(() => {\r\n content.style.opacity = '1';\r\n }, 300);\r\n }\r\n\r\n private handleInitialTabState() {\r\n if (this.options.disableTabs === 'all') {\r\n this.disableAllTabs();\r\n } else if (Array.isArray(this.options.disableTabs)) {\r\n this.disableTabs(this.options.disableTabs);\r\n } else if (this.options.enableTabs === 'all') {\r\n this.enableAllTabs();\r\n } else if (Array.isArray(this.options.enableTabs)) {\r\n this.enableTabs(this.options.enableTabs);\r\n }\r\n }\r\n\r\n private disableAllTabs() {\r\n this.tabs.forEach(tab => {\r\n tab.classList.add('disabled');\r\n });\r\n }\r\n\r\n private enableAllTabs() {\r\n this.tabs.forEach(tab => {\r\n tab.classList.remove('disabled');\r\n });\r\n }\r\n\r\n enableTabs(tabIds?: string[] | 'all') {\r\n if (tabIds === 'all') {\r\n this.enableAllTabs();\r\n } else if (Array.isArray(tabIds)) {\r\n tabIds.forEach(tabId => {\r\n const tab = this.tabs.find(tab => tab.dataset.tab === tabId);\r\n if (tab) {\r\n tab.classList.remove('disabled');\r\n }\r\n });\r\n }\r\n }\r\n\r\n disableTabs(tabIds?: string[] | 'all') {\r\n if (tabIds === 'all') {\r\n this.disableAllTabs();\r\n } else if (Array.isArray(tabIds)) {\r\n tabIds.forEach(tabId => {\r\n const tab = this.tabs.find(tab => tab.dataset.tab === tabId);\r\n if (tab) {\r\n tab.classList.add('disabled');\r\n }\r\n });\r\n }\r\n }\r\n}"],"names":["root","factory","exports","module","define","amd","self","tabs","tabContents","options","constructor","this","Array","from","document","querySelectorAll","init","handleInitialTabState","forEach","tab","addEventListener","toggleTab","selectedTab","tabId","dataset","classList","contains","remove","add","content","id","style","display","animateTab","onTabActive","opacity","setTimeout","disableTabs","disableAllTabs","isArray","enableTabs","enableAllTabs","tabIds","find"],"sourceRoot":""}
|