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.
Files changed (43) hide show
  1. package/LICENSE +21 -7
  2. package/dist/components/button.css +9 -0
  3. package/dist/components/button.css.map +1 -0
  4. package/dist/components/button.js +2 -0
  5. package/dist/components/button.js.map +1 -0
  6. package/dist/components/modal.css +9 -0
  7. package/dist/components/modal.css.map +1 -0
  8. package/dist/components/modal.js +2 -0
  9. package/dist/components/modal.js.map +1 -0
  10. package/dist/frutjam.css +9 -0
  11. package/dist/frutjam.css.map +1 -0
  12. package/dist/frutjam.js +2 -0
  13. package/dist/frutjam.js.map +1 -0
  14. package/package.json +58 -61
  15. package/src/components/button.css +227 -0
  16. package/src/components/modal.css +107 -0
  17. package/src/components/typography.css +5 -0
  18. package/src/main.css +4 -0
  19. package/src/main.js +1 -0
  20. package/src/themes/default.css +60 -0
  21. package/src/themes/typography.css +8 -0
  22. package/README.md +0 -78
  23. package/dist/index.d.ts +0 -4
  24. package/dist/index.js +0 -3
  25. package/dist/index.js.LICENSE.txt +0 -15
  26. package/dist/index.js.map +0 -1
  27. package/dist/notification.js +0 -3
  28. package/dist/notification.js.LICENSE.txt +0 -7
  29. package/dist/notification.js.map +0 -1
  30. package/dist/plugins/notification/config.d.ts +0 -2
  31. package/dist/plugins/notification/index.d.ts +0 -16
  32. package/dist/plugins/notification/interfaces.d.ts +0 -20
  33. package/dist/plugins/notification/types.d.ts +0 -3
  34. package/dist/plugins/popover/index.d.ts +0 -12
  35. package/dist/plugins/tabs/index.d.ts +0 -15
  36. package/dist/plugins/tabs/types.d.ts +0 -6
  37. package/dist/plugins/telephoneInput/data.d.ts +0 -3
  38. package/dist/plugins/telephoneInput/index.d.ts +0 -12
  39. package/dist/plugins/telephoneInput/interfaces.d.ts +0 -5
  40. package/dist/plugins/telephoneInput/types.d.ts +0 -6
  41. package/dist/tabs.js +0 -3
  42. package/dist/tabs.js.LICENSE.txt +0 -7
  43. package/dist/tabs.js.map +0 -1
@@ -1,6 +0,0 @@
1
- type TabOptions = {
2
- disableTabs?: string[] | 'all';
3
- enableTabs?: string[] | 'all';
4
- onTabActive?: (tabId: string) => void;
5
- };
6
- export type { TabOptions };
@@ -1,3 +0,0 @@
1
- import { CountryInfo } from "./types";
2
- declare const allCountries: Record<string, CountryInfo>;
3
- export default allCountries;
@@ -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
- }
@@ -1,5 +0,0 @@
1
- import { CountryInfo } from "./types";
2
- export interface TelephoneInputSettings {
3
- countries?: CountryInfo[] | string[];
4
- showFlag?: boolean;
5
- }
@@ -1,6 +0,0 @@
1
- type CountryInfo = {
2
- code: string;
3
- name: string;
4
- exampleNumber: string;
5
- };
6
- export type { CountryInfo };
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
@@ -1,7 +0,0 @@
1
- /*
2
- * Tabs
3
- * @version: 0.0.2
4
- * @author: Nezanuha
5
- * @license: Licensed under MIT
6
- * Copyright 2024 Nezanuha
7
- */
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":""}