@bobbykim/mcl-collapse 0.8.9 → 0.9.0
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 +44 -5
- package/dist/index.d.ts +360 -14
- package/dist/mcl-collapse.js +130 -1569
- package/dist/mcl-collapse.umd.cjs +1 -1
- package/package.json +7 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(c,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],r):(c=typeof globalThis<"u"?globalThis:c||self,r(c.MclCollapse={},c.Vue,c.ManguitoTheme))})(this,(function(c,r,l){"use strict";class k{bodyText={xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"};fontweight={light:"font-light",normal:"font-normal",bold:"font-bold"};textAlign={left:"text-left",center:"text-center",right:"text-right"}}class v{borderWidth={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"};borderXWidth={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"};borderYWidth={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"};borderTopWidth={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"};borderBottomWidth={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"};borderLeftWidth={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"};borderRightWidth={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"}}class T{bgColor={primary:"bg-primary",secondary:"bg-secondary",success:"bg-success",danger:"bg-danger",info:"bg-info",warning:"bg-warning","light-1":"bg-light-1","light-2":"bg-light-2","light-3":"bg-light-3","light-4":"bg-light-4","dark-1":"bg-dark-1","dark-2":"bg-dark-2","dark-3":"bg-dark-3","dark-4":"bg-dark-4",black:"bg-black",white:"bg-white",transparent:"bg-transparent"};hoverBgColor={primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"};focusBgColor={primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"};beforeBgColor={primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"};afterBgColor={primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"};bgActiveColor={primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"};textColor={primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"};hoverTextColor={primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"};focusTextColor={primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"};disabledTextColor={primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"};svgFillColor={primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"};ringColor={primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"};ringFocusColor={primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"};ringActiveColor={primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"};ringOffsetColor={primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"};outlineColor={primary:"outline-primary",secondary:"outline-secondary",success:"outline-success",danger:"outline-danger",info:"outline-info",warning:"outline-warning","light-1":"outline-light-1","light-2":"outline-light-2","light-3":"outline-light-3","light-4":"outline-light-4","dark-1":"outline-dark-1","dark-2":"outline-dark-2","dark-3":"outline-dark-3","dark-4":"outline-dark-4",black:"outline-black",white:"outline-white",transparent:"outline-transparent"};focusOutlineColor={primary:"focus:outline-primary",secondary:"focus:outline-secondary",success:"focus:outline-success",danger:"focus:outline-danger",info:"focus:outline-info",warning:"focus:outline-warning","light-1":"focus:outline-light-1","light-2":"focus:outline-light-2","light-3":"focus:outline-light-3","light-4":"focus:outline-light-4","dark-1":"focus:outline-dark-1","dark-2":"focus:outline-dark-2","dark-3":"focus:outline-dark-3","dark-4":"focus:outline-dark-4",black:"focus:outline-black",white:"focus:outline-white",transparent:"focus:outline-transparent"};activeOutlineColor={primary:"active:outline-primary",secondary:"active:outline-secondary",success:"active:outline-success",danger:"active:outline-danger",info:"active:outline-info",warning:"active:outline-warning","light-1":"active:outline-light-1","light-2":"active:outline-light-2","light-3":"active:outline-light-3","light-4":"active:outline-light-4","dark-1":"active:outline-dark-1","dark-2":"active:outline-dark-2","dark-3":"active:outline-dark-3","dark-4":"active:outline-dark-4",black:"active:outline-black",white:"active:outline-white",transparent:"active:outline-transparent"};btnColor={primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"};listColor={primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"};borderColor={primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"};borderXColor={primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"};borderYColor={primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"};borderTopColor={primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"};borderBottomColor={primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"};borderLeftColor={primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"};borderRightColor={primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}class B{heading1={sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"};heading2={sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"};heading3={sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"};heading4={sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}let R=class{backgroundOpacity={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"};opacity={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"};outlineOpacity={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"}};class w{margin={0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"};marginX={0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"};marginY={0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"};marginTop={0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"};marginBottom={0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"};marginLeft={0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"};marginRight={0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"};padding={0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"};paddingX={0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"};paddingY={0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"};paddingTop={0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"};paddingBottom={0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"};paddingLeft={0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"};paddingRight={0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"};gap={0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}let O=class{classType;constructor(e){this.classType=e}validateColorType(e){return typeof e!="string"||!/(primary|secondary|success|info|warning|danger|light-1|light-2|light-3|light-4|dark-1|dark-2|dark-3|dark-4|black|white|transparent)/.test(e)?!1:h.colorType.includes(this.classType)}validateSpaceType(e){return typeof e!="string"||!/(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/.test(e)?!1:h.spacingType.includes(this.classType)}validateHeadingTextSizeType(e){return typeof e!="string"||!/(sm|md|lg|xl)/.test(e)?!1:h.headingSizeType.includes(this.classType)}validateBodyTextSizeType(e){return typeof e!="string"||!/(xs|sm|md|lg|xl)/.test(e)?!1:h.textType.includes(this.classType)}validateFontWeightType(e){return typeof e!="string"||!/(light|normal|bold)/.test(e)?!1:h.fontWeightType.includes(this.classType)}validateOpacityType(e){return typeof e!="number"||!/\b(0|[1-9]0|100)\b/.test(e.toString())?!1:h.scaleType.includes(this.classType)}validateRangeType(e){return typeof e!="number"||!/\b([1-9]|1[0-2])\b/.test(e.toString())?!1:h.borderWidthType.includes(this.classType)}validateAlignment(e){return typeof e!="string"||!/(left|center|right)/.test(e)?!1:h.textAlignType.includes(this.classType)}};const h={colorType:["BGCOLOR","BEFOREBG","AFTERBG","HVBGCOLOR","FCBGCOLOR","ACTIVEBG","TEXTCOLOR","HVTEXTCOLOR","FCTEXTCOLOR","DISABLEDTEXTCOLOR","SVGFILL","RINGCOLOR","FOCUSRING","ACTIVERING","OUTLINE","FOCUSOUTLINE","ACTIVEOUTLINE","OFFSETRING","BTNCOLOR","LISTCOLOR","BORDER","BORDERX","BORDERY","BORDERT","BORDERB","BORDERL","BORDERR"],textType:["BODYTEXT"],fontWeightType:["FONTWEIGHT"],textAlignType:["TEXTALIGN"],headingSizeType:["H1","H2","H3","H4"],borderWidthType:["BORDERW","BORDERXW","BORDERYW","BORDERTW","BORDERBW","BORDERLW","BORDERRW"],scaleType:["BGOPACITY","OPACITY","OUTLINEOPACITY"],spacingType:["MARGIN","MARGINX","MARGINY","MARGINT","MARGINB","MARGINL","MARGINR","PADDING","PADDINGX","PADDINGY","PADDINGT","PADDINGB","PADDINGL","PADDINGR","GAP"]};class V{classType;classValue;colorClass;headingSizeClass;borderWidthClass;opacityClass;spacingClass;textClass;validator;constructor(e,s){this.classType=e,this.classValue=s,this.colorClass=new T,this.headingSizeClass=new B,this.borderWidthClass=new v,this.opacityClass=new R,this.spacingClass=new w,this.textClass=new k,this.validator=new O(e)}generateClass(){switch(this.classType){case"BGCOLOR":return this.getBgColorClass();case"HVBGCOLOR":return this.getHoverBgColorClass();case"FCBGCOLOR":return this.getFocusBgColorClass();case"BEFOREBG":return this.getBeforeBgColorClass();case"AFTERBG":return this.getAfterBgColorClass();case"ACTIVEBG":return this.getActiveBgColorClass();case"TEXTCOLOR":return this.getTextColorClass();case"HVTEXTCOLOR":return this.getHoverTextColorClass();case"FCTEXTCOLOR":return this.getFocusTextColorClass();case"DISABLEDTEXTCOLOR":return this.getDisabledTextColorClass();case"SVGFILL":return this.getSvgFillColorClass();case"RINGCOLOR":return this.getRingColorClass();case"FOCUSRING":return this.getFocusRingColorClass();case"ACTIVERING":return this.getActiveRingColorClass();case"OFFSETRING":return this.getRingOffsetColorClass();case"OUTLINE":return this.getOutlineColorClass();case"FOCUSOUTLINE":return this.getFocusOutlineColorClass();case"ACTIVEOUTLINE":return this.getActiveOutlineColorClass();case"BTNCOLOR":return this.getBtnColorClass();case"LISTCOLOR":return this.getListColorClass();case"BORDER":return this.getBorderColorClass();case"BORDERX":return this.getBorderXColorClass();case"BORDERY":return this.getBorderYColorClass();case"BORDERT":return this.getBorderTopColorClass();case"BORDERB":return this.getBorderBottomColorClass();case"BORDERL":return this.getBorderLeftColorClass();case"BORDERR":return this.getBorderRightColorClass();case"H1":return this.getH1Class();case"H2":return this.getH2Class();case"H3":return this.getH3Class();case"H4":return this.getH4Class();case"BODYTEXT":return this.getBodyTextSizeClass();case"FONTWEIGHT":return this.getFontWeightClass();case"TEXTALIGN":return this.getTextAlignClass();case"BORDERW":return this.getBorderWidthClass();case"BORDERXW":return this.getBorderXWidthClass();case"BORDERYW":return this.getBorderYWidthClass();case"BORDERTW":return this.getBorderTopWidthClass();case"BORDERBW":return this.getBorderBottomWidthClass();case"BORDERLW":return this.getBorderLeftWidthClass();case"BORDERRW":return this.getBorderRightWidthClass();case"OPACITY":return this.getOpacityClass();case"BGOPACITY":return this.getBgOpacityClass();case"OUTLINEOPACITY":return this.getOutlineOpacityClass();case"MARGIN":return this.getMarginClass();case"MARGINX":return this.getMarginXClass();case"MARGINY":return this.getMarginYClass();case"MARGINT":return this.getMarginTopClass();case"MARGINB":return this.getMarginBottomClass();case"MARGINL":return this.getMarginLeftClass();case"MARGINR":return this.getMarginRightClass();case"PADDING":return this.getPaddingClass();case"PADDINGX":return this.getPaddingXClass();case"PADDINGY":return this.getPaddingYClass();case"PADDINGT":return this.getPaddingTopClass();case"PADDINGB":return this.getPaddingBottomClass();case"PADDINGL":return this.getPaddingLeftClass();case"PADDINGR":return this.getPaddingRightClass();case"GAP":return this.getGapClass();default:return" "}}getBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgColor[this.classValue]:" "}getHoverBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverBgColor[this.classValue]:" "}getFocusBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusBgColor[this.classValue]:" "}getBeforeBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.beforeBgColor[this.classValue]:" "}getAfterBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.afterBgColor[this.classValue]:" "}getActiveBgColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.bgActiveColor[this.classValue]:" "}getTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.textColor[this.classValue]:" "}getHoverTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.hoverTextColor[this.classValue]:" "}getFocusTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusTextColor[this.classValue]:" "}getDisabledTextColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.disabledTextColor[this.classValue]:" "}getSvgFillColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.svgFillColor[this.classValue]:" "}getRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringColor[this.classValue]:" "}getFocusRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringFocusColor[this.classValue]:" "}getActiveRingColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringActiveColor[this.classValue]:" "}getRingOffsetColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.ringOffsetColor[this.classValue]:" "}getOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.outlineColor[this.classValue]:" "}getFocusOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.focusOutlineColor[this.classValue]:" "}getActiveOutlineColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.activeOutlineColor[this.classValue]:" "}getBtnColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.btnColor[this.classValue]:" "}getListColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.listColor[this.classValue]:" "}getBorderColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderColor[this.classValue]:" "}getBorderXColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderXColor[this.classValue]:" "}getBorderYColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderYColor[this.classValue]:" "}getBorderTopColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderTopColor[this.classValue]:" "}getBorderBottomColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderBottomColor[this.classValue]:" "}getBorderLeftColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderLeftColor[this.classValue]:" "}getBorderRightColorClass(){return this.validator.validateColorType(this.classValue)?this.colorClass.borderRightColor[this.classValue]:" "}getH1Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading1[this.classValue]:" "}getH2Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading2[this.classValue]:" "}getH3Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading3[this.classValue]:" "}getH4Class(){return this.validator.validateHeadingTextSizeType(this.classValue)?this.headingSizeClass.heading4[this.classValue]:" "}getBodyTextSizeClass(){return this.validator.validateBodyTextSizeType(this.classValue)?this.textClass.bodyText[this.classValue]:" "}getFontWeightClass(){return this.validator.validateFontWeightType(this.classValue)?this.textClass.fontweight[this.classValue]:" "}getTextAlignClass(){return this.validator.validateAlignment(this.classValue)?this.textClass.textAlign[this.classValue]:" "}getBorderWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderWidth[this.classValue]:" "}getBorderXWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderXWidth[this.classValue]:" "}getBorderYWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderYWidth[this.classValue]:" "}getBorderTopWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderTopWidth[this.classValue]:" "}getBorderBottomWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderBottomWidth[this.classValue]:" "}getBorderLeftWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderLeftWidth[this.classValue]:" "}getBorderRightWidthClass(){return this.validator.validateRangeType(this.classValue)?this.borderWidthClass.borderRightWidth[this.classValue]:" "}getOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.opacity[this.classValue]:" "}getBgOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.backgroundOpacity[this.classValue]:" "}getOutlineOpacityClass(){return this.validator.validateOpacityType(this.classValue)?this.opacityClass.outlineOpacity[this.classValue]:" "}getMarginClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.margin[this.classValue]:" "}getMarginXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginX[this.classValue]:" "}getMarginYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginY[this.classValue]:" "}getMarginTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginTop[this.classValue]:" "}getMarginBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginBottom[this.classValue]:" "}getMarginLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginLeft[this.classValue]:" "}getMarginRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.marginRight[this.classValue]:" "}getPaddingClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.padding[this.classValue]:" "}getPaddingXClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingX[this.classValue]:" "}getPaddingYClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingY[this.classValue]:" "}getPaddingTopClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingTop[this.classValue]:" "}getPaddingBottomClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingBottom[this.classValue]:" "}getPaddingLeftClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingLeft[this.classValue]:" "}getPaddingRightClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.paddingRight[this.classValue]:" "}getGapClass(){return this.validator.validateSpaceType(this.classValue)?this.spacingClass.gap[this.classValue]:" "}}const f=(t,e)=>new V(t,e).generateClass(),y={left:"tooltip-left",top:"tooltip-top",bottom:"tooltip-bottom",right:"tooltip-right"};r.defineComponent({name:"Tooltip",props:{direction:{type:String,default:"right"},color:{type:String,default:"dark-3"},textColor:{type:String,default:"white"},width:{type:[Number,String],default:80},customClass:{type:String,default:""},title:{type:String,required:!0}},setup(t){const e="invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip",s=r.computed(()=>[f("BGCOLOR",t.color),f("TEXTCOLOR",t.textColor)].join(" ")),i=r.computed(()=>({width:`${t.width}px`})),n=r.computed(()=>y[t.direction]||y.right),g=r.computed(()=>[e,n.value,s.value,t.customClass]);return()=>r.h("div",{class:g.value,role:"tooltip",innerHTML:t.title,style:[i.value]})}});const E=(t,e)=>{if(t.tagName==="A"){const s=t.getAttribute("href");return s?s.charAt(0)==="#"?s.substring(1):s:null}return e||null},A=t=>t?document.getElementById(t):null,L=t=>t.hasAttribute("visible"),m=t=>{const e=t.getAttribute("visible")==="true"?"false":"true";t.setAttribute("visible",e)},I=t=>{const e=`div[accordion="${t}"]`;return Array.from(document.querySelectorAll(e))},D=(t,e)=>{I(e).forEach(s=>{s.id===t.id?m(s):s.getAttribute("visible")==="true"&&s.setAttribute("visible","false")})},S=t=>{m(t)},G=t=>e=>{e.preventDefault();const s=e.target,i=E(s,t),n=A(i);if(!n){console.warn(`[v-collapse] Target element not found: ${i}`);return}if(!L(n)){console.warn(`[v-collapse] Target element missing 'visible' attribute: ${i}`);return}const g=n.getAttribute("accordion");g?D(n,g):S(n)},x={mounted(t,e){t.__HandleToggler=G(e.arg),t.addEventListener("click",t.__HandleToggler)},unmounted(t){t.__HandleToggler&&(t.removeEventListener("click",t.__HandleToggler),delete t.__HandleToggler)}},N={class:"flex items-center justify-between"},W=r.defineComponent({__name:"MclCollapseA",props:{collapseId:{},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},displayHighlight:{type:Boolean,default:!0},highlightColor:{default:"secondary"},title:{},titleSize:{default:"sm"},titleColor:{default:"dark-3"},visible:{type:Boolean,default:!1},iconColor:{default:"dark-3"},bgColor:{default:"white"},slotBgColor:{default:"light-2"},accordion:{}},emits:["collapse-open","collapse-close"],setup(t,{emit:e}){const s=t,i=r.ref(s.visible),n=r.useSlots(),g=e,u=a=>{const{title:d}=s;i.value=a,g(a===!0?"collapse-open":"collapse-close",a,d)},C=(a,d,p)=>{const b=["border",l("BORDER",a)];return d&&[l("BORDERL",p)].forEach(X=>{b.push(X),b.push("border-l-8")}),b.join(" ")},o=(a,d)=>[l("H3",a),l("TEXTCOLOR",d)].join(" ");return r.watch(()=>s.visible,a=>{i.value=a}),(a,d)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["w-full overflow-hidden",[t.rounded?"rounded-lg":"rounded-sm",C(t.borderColor,t.displayHighlight,t.highlightColor)]])},[r.withDirectives((r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["py-xs px-sm cursor-pointer transition-[border] duration-500",[i.value?`border-b ${r.unref(l)("BORDERB",t.borderColor)} ease-in`:"ease-out",r.unref(l)("BGCOLOR",t.bgColor)]])},[r.createElementVNode("div",N,[r.createElementVNode("h3",{class:r.normalizeClass(o(t.titleSize,t.titleColor))},r.toDisplayString(t.title),3),n.tab?(r.openBlock(),r.createElementBlock("div",{key:0,onClick:d[0]||(d[0]=r.withModifiers(()=>{},["stop"])),class:"cursor-default"},[r.renderSlot(a.$slots,"tab")])):r.createCommentVNode("",!0)])],2)),[[r.unref(x),void 0,t.collapseId]]),r.createElementVNode("div",{class:r.normalizeClass(["overflow-hidden",r.unref(l)("BGCOLOR",t.slotBgColor)])},[r.createVNode(r.unref(l.Collapse),{id:t.collapseId,visible:t.visible,"class-name":"py-sm px-xs",onOpen:u,onClose:u,accordion:t.accordion},{default:r.withCtx(()=>[r.renderSlot(a.$slots,"content")]),_:3},8,["id","visible","accordion"])],2),r.withDirectives((r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["px-sm flex cursor-pointer items-center justify-center border-t py-1.5 transition-all duration-500",[r.unref(l)("BGCOLOR",t.bgColor),r.unref(l)("BORDERT",t.borderColor)]])},[(r.openBlock(),r.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:r.normalizeClass(["h-xs",[i.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in",r.unref(l)("SVGFILL",t.iconColor)]])},[...d[1]||(d[1]=[r.createElementVNode("path",{d:"M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"},null,-1)])],2))],2)),[[r.unref(x),void 0,t.collapseId]])],2))}}),H={class:"ml-xs md:ml-sm lg:ml-md flex items-center justify-center"},F={class:"overflow-hidden"},M=r.defineComponent({__name:"MclCollapseB",props:{collapseId:{},title:{},titleColor:{default:"light-1"},titleSize:{default:"md"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},btnColor:{default:"primary"},iconColor:{default:"light-1"},rounded:{type:Boolean,default:!0},displayShadow:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},accordion:{}},emits:["collapse-open","collapse-close"],setup(t,{emit:e}){const s=t;r.useSlots();const i=r.ref(s.visible),n=e,g=o=>{const{title:a}=s;i.value=o,n(o===!0?"collapse-open":"collapse-close",o,a)},u=(o,a,d,p)=>{let b=["border",l("BORDER",o),l("BGCOLOR",a)];return p&&b.push("shadow-md"),d?b.push("rounded-2xl"):b.push("rounded-sm"),b.join(" ")},C=(o,a)=>[l("H3",o),l("TEXTCOLOR",a)].join(" ");return r.watch(()=>s.visible,o=>{i.value=o}),(o,a)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["p-2xs w-full overflow-hidden",u(t.borderColor,t.bgColor,t.rounded,t.displayShadow)])},[r.withDirectives((r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["flex w-full cursor-pointer items-center justify-between px-4 py-2 transition duration-200 ease-in hover:bg-opacity-70",[t.rounded?"rounded-lg":"rounded-sm",r.unref(l)("BGCOLOR",t.btnColor)]])},[r.createElementVNode("h3",{class:r.normalizeClass(C(t.titleSize,t.titleColor))},r.toDisplayString(t.title),3),r.createElementVNode("div",H,[(r.openBlock(),r.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:r.normalizeClass(["h-xs transition-transform duration-300 ease-in",[i.value?"rotate-180":"rotate-0",r.unref(l)("SVGFILL",t.iconColor)]])},[...a[0]||(a[0]=[r.createElementVNode("path",{d:"M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"},null,-1)])],2))])],2)),[[r.unref(x),void 0,t.collapseId]]),r.createElementVNode("div",F,[r.createVNode(r.unref(l.Collapse),{id:t.collapseId,visible:t.visible,"class-name":"px-xs pt-xs pb-2xs",accordion:t.accordion,onOpen:g,onClose:g},{default:r.withCtx(()=>[r.renderSlot(o.$slots,"default")]),_:3},8,["id","visible","accordion"])])],2))}});c.MclCollapseA=W,c.MclCollapseB=M,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
|
|
1
|
+
(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.MclCollapse={},a.Vue,a.ManguitoTheme))})(this,(function(a,e,o){"use strict";const p={class:"flex items-center justify-between"},h=["id","aria-expanded","aria-controls"],x=e.defineComponent({__name:"MclCollapseA",props:{collapseId:{},borderColor:{default:"light-4"},rounded:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"secondary"},title:{},titleSize:{default:"sm"},titleColor:{default:"dark-3"},visible:{type:Boolean,default:!1},iconColor:{default:"dark-3"},bgColor:{default:"white"},contentBgColor:{default:"light-2"}},emits:["collapse-open","collapse-close"],setup(l,{emit:b}){const i=l,g=e.useSlots(),C=b,s=e.ref(),d=e.ref(i.visible),u=()=>{d.value=!0,C("collapse-open",!0,i.title)},m=()=>{d.value=!1,C("collapse-close",!1,i.title)},y=(r,t,f)=>{const n=["border",o.generateClass.borderColorVariant({color:r})];return t&&[o.generateClass.borderLeftColorVariant({color:f})].forEach(E=>{n.push(E),n.push("border-l-8")}),n.join(" ")},c=(r,t)=>[o.generateClass.h3Variant({size:r}),o.generateClass.textColorVariant({color:t})].join(" ");return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["w-full overflow-hidden",[l.rounded?"rounded-lg":"rounded-sm",y(l.borderColor,l.showHighlight,l.highlightColor)]])},[e.createElementVNode("div",{class:e.normalizeClass(["px-sm transition-[border] duration-500",[d.value?`border-b ${e.unref(o.generateClass).borderBottomColorVariant({color:l.borderColor})} ease-in`:"ease-out",e.unref(o.generateClass).bgColorVariant({color:l.bgColor})]])},[e.createElementVNode("div",p,[e.createElementVNode("button",{type:"button",id:`${l.collapseId}-trigger`,"aria-expanded":d.value,"aria-controls":l.collapseId,onClick:t[0]||(t[0]=f=>s.value?.toggle()),class:"flex flex-1 cursor-pointer items-center bg-transparent text-left py-xs"},[e.createElementVNode("h3",{class:e.normalizeClass(c(l.titleSize,l.titleColor))},e.toDisplayString(l.title),3)],8,h),g.tab?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:t[1]||(t[1]=e.withModifiers(()=>{},["stop"])),class:"cursor-default"},[e.renderSlot(r.$slots,"tab")])):e.createCommentVNode("",!0)])],2),e.createElementVNode("div",{class:e.normalizeClass(["overflow-hidden",e.unref(o.generateClass).bgColorVariant({color:l.contentBgColor})])},[e.createVNode(e.unref(o.Collapse),{ref_key:"collapseRef",ref:s,id:l.collapseId,visible:l.visible,"custom-class":"py-sm px-xs",role:"region","aria-labelledby":`${l.collapseId}-trigger`,onOpen:u,onClose:m},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"content")]),_:3},8,["id","visible","aria-labelledby"])],2),e.createElementVNode("div",{"aria-hidden":"true",class:e.normalizeClass(["px-sm flex cursor-pointer items-center justify-center border-t py-1.5 transition-all duration-500",[e.unref(o.generateClass).bgColorVariant({color:l.bgColor}),e.unref(o.generateClass).borderTopColorVariant({color:l.borderColor})]]),onClick:t[2]||(t[2]=f=>s.value?.toggle())},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-xs",[d.value?"rotate-180":"rotate-0","transition-transform duration-300 ease-in",e.unref(o.generateClass).svgFillColorVariant({color:l.iconColor})]])},[...t[3]||(t[3]=[e.createElementVNode("path",{d:"M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"},null,-1)])],2))],2)],2))}}),V=["id","aria-expanded","aria-controls"],w={"aria-hidden":"true",class:"ml-xs md:ml-sm lg:ml-md flex items-center justify-center"},B={class:"overflow-hidden"},k=e.defineComponent({__name:"MclCollapseB",props:{collapseId:{},title:{},titleColor:{default:"light-1"},titleSize:{default:"md"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},triggerBgColor:{default:"primary"},iconColor:{default:"light-1"},rounded:{type:Boolean,default:!0},showShadow:{type:Boolean,default:!0},visible:{type:Boolean,default:!1}},emits:["collapse-open","collapse-close"],setup(l,{emit:b}){const i=l;e.useSlots();const g=b,C=e.ref(),s=e.ref(i.visible),d=()=>{s.value=!0,g("collapse-open",!0,i.title)},u=()=>{s.value=!1,g("collapse-close",!1,i.title)},m=(c,r,t,f)=>{let n=["border",o.generateClass.borderColorVariant({color:c}),o.generateClass.bgColorVariant({color:r})];return f&&n.push("shadow-md"),t?n.push("rounded-2xl"):n.push("rounded-sm"),n.join(" ")},y=(c,r)=>[o.generateClass.h3Variant({size:c}),o.generateClass.textColorVariant({color:r})].join(" ");return(c,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["p-2xs w-full overflow-hidden",m(l.borderColor,l.bgColor,l.rounded,l.showShadow)])},[e.createElementVNode("button",{type:"button",id:`${l.collapseId}-trigger`,"aria-expanded":s.value,"aria-controls":l.collapseId,onClick:r[0]||(r[0]=t=>C.value?.toggle()),class:e.normalizeClass(["flex w-full cursor-pointer items-center justify-between px-4 py-2 transition duration-200 ease-in hover:bg-opacity-70",[l.rounded?"rounded-lg":"rounded-sm",e.unref(o.generateClass).bgColorVariant({color:l.triggerBgColor})]])},[e.createElementVNode("span",{class:e.normalizeClass(y(l.titleSize,l.titleColor))},e.toDisplayString(l.title),3),e.createElementVNode("div",w,[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",class:e.normalizeClass(["h-xs transition-transform duration-300 ease-in",[s.value?"rotate-180":"rotate-0",e.unref(o.generateClass).svgFillColorVariant({color:l.iconColor})]])},[...r[1]||(r[1]=[e.createElementVNode("path",{d:"M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"},null,-1)])],2))])],10,V),e.createElementVNode("div",B,[e.createVNode(e.unref(o.Collapse),{ref_key:"collapseRef",ref:C,id:l.collapseId,visible:l.visible,"custom-class":"px-xs pt-xs pb-2xs",role:"region","aria-labelledby":`${l.collapseId}-trigger`,onOpen:d,onClose:u},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["id","visible","aria-labelledby"])])],2))}});a.MclCollapseA=x,a.MclCollapseB=k,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bobbykim/mcl-collapse",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "collapse component built on top of @bobbykim/manguito-theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -16,9 +16,6 @@
|
|
|
16
16
|
"require": "./dist/mcl-collapse.umd.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
"scripts": {
|
|
20
|
-
"build": "vite build"
|
|
21
|
-
},
|
|
22
19
|
"author": {
|
|
23
20
|
"name": "Bobby Kim",
|
|
24
21
|
"url": "https://www.devbobbykim.com/"
|
|
@@ -33,8 +30,8 @@
|
|
|
33
30
|
},
|
|
34
31
|
"license": "MIT",
|
|
35
32
|
"dependencies": {
|
|
36
|
-
"
|
|
37
|
-
"
|
|
33
|
+
"vue": "^3.5.13",
|
|
34
|
+
"@bobbykim/manguito-theme": "1.0.0"
|
|
38
35
|
},
|
|
39
36
|
"devDependencies": {
|
|
40
37
|
"@vitejs/plugin-vue": "^5.2.1",
|
|
@@ -44,5 +41,7 @@
|
|
|
44
41
|
"vite-plugin-dts": "^4.3.0",
|
|
45
42
|
"vue-tsc": "^2.1.10"
|
|
46
43
|
},
|
|
47
|
-
"
|
|
48
|
-
|
|
44
|
+
"scripts": {
|
|
45
|
+
"build": "vite build"
|
|
46
|
+
}
|
|
47
|
+
}
|