@esvndev/es-template-help 1.0.91 → 1.0.92

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/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .guidesidebar{backface-visibility:hidden;background-color:#fff;border-left:1px solid rgba(34,41,47,.05);bottom:0;height:100vh;height:calc(var(--vh, 1vh)*100);padding:0;position:fixed;right:-75%;top:0;transition:right .4s cubic-bezier(.05,.74,.2,.99);transition:all .4s ease;width:75%;z-index:1051}.guidesidebar.open{box-shadow:0 15px 30px 0 rgba(34,41,47,.11),0 5px 15px 0 rgba(34,41,47,.08);right:0}.guidesidebar.openExtend{width:100%!important}.guidesidebar .guidesidebar-content{max-height:calc(100vh - 50px);position:relative}.guidesidebar .guidesidebar-close{color:#5e5873;padding:7px;position:absolute;right:.6rem;top:.6rem;width:auto;z-index:10}.guidesidebar .guidesidebar-close i,.guidesidebar .guidesidebar-close svg{font-size:1.5rem;height:1.5rem;width:1.5rem}.guidesidebar .guidesidebar-toggle{background:#eb4619;border-bottom-left-radius:6px;border-top-left-radius:6px;box-shadow:-3px 0 8px rgba(34,41,47,.1);color:#fff!important;cursor:pointer;display:block;height:38px;left:-39px;line-height:40px;position:absolute;text-align:center;top:50%;width:38px}.guidesidebar .color-box{border-radius:.5rem;cursor:pointer;height:24px;margin:.5rem;position:relative;width:24px}.guidesidebar .color-box.selected:after{border:1px solid #eb4619;border-radius:.5rem;content:"";height:30px;left:-3px;position:absolute;top:-3px;width:30px}.guidesidebar .color-box.selected.border:after{left:-4px;top:-4px}.guide-layout{display:flex;flex-direction:row;gap:1rem;height:100%}.guide-tree{border-right:1px solid #ddd;height:100%;overflow:hidden;padding:.75rem .5rem .75rem .75rem;transition:all .4s ease;width:30%}.guide-tree.collapsed{border-right:none;height:100%;opacity:0;overflow:hidden;padding:0;transform:translateX(-20%);width:0}.guide-tree.expanded{height:100%;opacity:1;overflow-y:auto;transform:translateX(0);width:30%}.guide-detail{box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;overflow-y:auto;width:70%}.custom-treeview .e-list-text{flex:1;text-align:left}.custom-treeview .e-fullrow{align-items:center;display:flex;justify-content:space-between}.custom-treeview .e-icon-collapsible,.custom-treeview .e-icon-expandable{margin-left:auto;order:2;text-align:right}.custom-treeview .e-list-parent{padding-left:0}.guidesidebar-content.view h1{color:#1a1a1a;font-size:24px;font-weight:700;padding-left:3rem}.guidesidebar-content.view h2{color:#333;font-size:20px;padding-left:6rem}.guidesidebar-content.view h3{color:#555;font-size:18px;padding-left:9rem}.guidesidebar-content.view h4{color:#777;font-size:16px;padding-left:12rem}.select-tree.e-input-group:not(.e-float-icon-left){border:1px solid #d8d6de!important;border-radius:4px!important;margin:0!important;min-height:28px!important;padding:0 5px 0 10px!important}.form-input-content .e-input-group.e-control-wrapper,.form-input-content .select-tree.e-input-group{border-color:#ebe9f1!important;border-radius:4px;border-width:1px;color:#6e6b7b!important;font-size:14px!important;margin:0;opacity:.9;padding:0 8px}.form-input-content .e-input-group.e-control-wrapper .e-control.e-dropdowntree.e-lib.e-input,.form-input-content .select-tree.e-input-group .e-control.e-dropdowntree.e-lib.e-input{padding:0}.form-input-content .e-input-group.e-control-wrapper.e-input-focus,.form-input-content .select-tree.e-input-group.e-input-focus{border-radius:4px;border-width:1px!important;padding:0 8px}.form-input-content .e-input-group .e-clear-icon,.form-input-content .e-input-group.e-control-wrapper .e-clear-icon{padding-bottom:0;padding-top:0}.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input):after,.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input):before{background:none!important;height:0!important}.select-tree.e-input-group input.e-input{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;padding:0!important}.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):after,.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):before,.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input):after,.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input):before{background-color:#eb4619!important;height:1px}.e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#eb4619!important}.e-treeview .e-list-item.e-hover>.e-fullrow{background-color:rgba(235,70,25,.12)!important}.e-treeview .e-list-item.e-active>.e-fullrow{background-color:#eb4619!important}.e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff!important}.select-tree.e-ddt.e-popup{border:1px solid #ebe9f1!important;border-radius:5px}
1
+ .guidesidebar{backface-visibility:hidden;background-color:#fff;border-left:1px solid rgba(34,41,47,.05);bottom:0;height:100vh;height:calc(var(--vh, 1vh)*100);padding:0;position:fixed;right:-75%;top:0;transition:right .4s cubic-bezier(.05,.74,.2,.99);transition:all .4s ease;width:75%;z-index:1051}.guidesidebar.open{box-shadow:0 15px 30px 0 rgba(34,41,47,.11),0 5px 15px 0 rgba(34,41,47,.08);right:0}.guidesidebar.openExtend{width:100%!important}.guidesidebar .guidesidebar-content{max-height:calc(100vh - 50px);position:relative}.guidesidebar .guidesidebar-close{color:#5e5873;padding:7px;position:absolute;right:.6rem;top:.6rem;width:auto;z-index:10}.guidesidebar .guidesidebar-close i,.guidesidebar .guidesidebar-close svg{font-size:1.5rem;height:1.5rem;width:1.5rem}.guidesidebar .guidesidebar-toggle{background:#eb4619;border-bottom-left-radius:6px;border-top-left-radius:6px;box-shadow:-3px 0 8px rgba(34,41,47,.1);color:#fff!important;cursor:pointer;display:block;height:38px;left:-39px;line-height:40px;position:absolute;text-align:center;top:50%;width:38px}.guidesidebar .color-box{border-radius:.5rem;cursor:pointer;height:24px;margin:.5rem;position:relative;width:24px}.guidesidebar .color-box.selected:after{border:1px solid #eb4619;border-radius:.5rem;content:"";height:30px;left:-3px;position:absolute;top:-3px;width:30px}.guidesidebar .color-box.selected.border:after{left:-4px;top:-4px}.guide-layout{display:flex;flex-direction:row;gap:1rem;height:100%}.guide-tree{border-right:1px solid #ddd;height:100%;overflow:hidden;padding:.75rem .5rem .75rem .75rem;transition:all .4s ease;width:30%}.guide-tree.collapsed{border-right:none;height:100%;opacity:0;overflow:hidden;padding:0;transform:translateX(-20%);width:0}.guide-tree.expanded{height:100%;opacity:1;overflow-y:auto;transform:translateX(0);width:30%}.guide-detail{box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;overflow-y:auto;width:70%}.custom-treeview .e-list-text{flex:1;text-align:left}.custom-treeview .e-fullrow{align-items:center;display:flex;justify-content:space-between}.custom-treeview .e-icon-collapsible,.custom-treeview .e-icon-expandable{margin-left:auto;order:2;text-align:right}.custom-treeview .e-list-parent{padding-left:0}.guide-detail .guidesidebar-content.view h1{color:#1a1a1a;font-size:24px;font-weight:700;padding-left:3rem}.guide-detail .guidesidebar-content.view h2{color:#333;font-size:20px;padding-left:6rem}.guide-detail .guidesidebar-content.view h3{color:#555;font-size:18px;padding-left:9rem}.guide-detail .guidesidebar-content.view h4{color:#777;font-size:16px;padding-left:12rem}.select-tree.e-input-group:not(.e-float-icon-left){border:1px solid #d8d6de!important;border-radius:4px!important;margin:0!important;min-height:28px!important;padding:0 5px 0 10px!important}.form-input-content .e-input-group.e-control-wrapper,.form-input-content .select-tree.e-input-group{border-color:#ebe9f1!important;border-radius:4px;border-width:1px;color:#6e6b7b!important;font-size:14px!important;margin:0;opacity:.9;padding:0 8px}.form-input-content .e-input-group.e-control-wrapper .e-control.e-dropdowntree.e-lib.e-input,.form-input-content .select-tree.e-input-group .e-control.e-dropdowntree.e-lib.e-input{padding:0}.form-input-content .e-input-group.e-control-wrapper.e-input-focus,.form-input-content .select-tree.e-input-group.e-input-focus{border-radius:4px;border-width:1px!important;padding:0 8px}.form-input-content .e-input-group .e-clear-icon,.form-input-content .e-input-group.e-control-wrapper .e-clear-icon{padding-bottom:0;padding-top:0}.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input):after,.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input):before{background:none!important;height:0!important}.select-tree.e-input-group input.e-input{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;padding:0!important}.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):after,.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input):before,.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input):after,.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input):before{background-color:#eb4619!important;height:1px}.e-treeview .e-list-item.e-hover>.e-text-content .e-list-text{color:#eb4619!important}.e-treeview .e-list-item.e-hover>.e-fullrow{background-color:rgba(235,70,25,.12)!important}.e-treeview .e-list-item.e-active>.e-fullrow{background-color:#eb4619!important}.e-treeview .e-list-item.e-active>.e-text-content .e-list-text{color:#fff!important}.select-tree.e-ddt.e-popup{border:1px solid #ebe9f1!important;border-radius:5px}
2
2
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["index.scss","select-tree.scss"],"names":[],"mappings":"AASA,cAYE,0BAA2B,CAR3B,qBAAsB,CAStB,wCAA6C,CAL7C,QAAS,CACT,YAAa,CACb,+BAAkC,CAPlC,SAAU,CAGV,cAAe,CAJf,UAAW,CAKX,KAAM,CAIN,iDAA0D,CAG1D,uBAAyB,CAbzB,SAAU,CAIV,YAUF,CACA,mBACE,2EAAqF,CACrF,OACF,CACA,yBACE,oBACF,CACA,oCAEE,6BAA8B,CAD9B,iBAEF,CACA,kCAOE,aAAc,CAHd,WAAY,CAHZ,iBAAkB,CAClB,WAAa,CACb,SAAW,CAEX,UAAW,CACX,UAEF,CACA,0EAEE,gBAAiB,CACjB,aAAc,CACd,YACF,CACA,mCACE,kBAAmB,CAKnB,6BAA8B,CAD9B,0BAA2B,CAD3B,uCAA8C,CAF9C,oBAAsB,CAYtB,cAAe,CAXf,aAAc,CAOd,WAAY,CACZ,UAAW,CAEX,gBAAiB,CANjB,iBAAkB,CAKlB,iBAAkB,CAJlB,OAAQ,CACR,UAMF,CACA,yBAIE,mBAAqB,CACrB,cAAe,CAJf,WAAY,CAEZ,YAAc,CAGd,iBAAkB,CAJlB,UAKF,CACA,wCAEE,wBAAyB,CAMzB,mBAAqB,CAPrB,UAAW,CAEX,WAAY,CAGZ,SAAU,CACV,iBAAkB,CAFlB,QAAS,CADT,UAKF,CACA,+CAEE,SAAU,CADV,QAEF,CAEA,cACE,YAAa,CACb,kBAAmB,CACnB,QAAS,CACT,WACF,CAEA,YAKE,2BAA4B,CAH5B,WAAY,CAEZ,eAAgB,CAEhB,kCAAqB,CACrB,uBAAyB,CANzB,SAOF,CAEA,sBAGE,iBAAkB,CAGlB,WAAY,CADZ,SAAU,CADV,eAAgB,CAFhB,SAAU,CAKV,0BAA2B,CAN3B,OAOF,CAEA,qBAEE,WAAY,CACZ,SAAU,CAEV,eAAgB,CADhB,uBAAwB,CAHxB,SAKF,CAEA,cAOE,qBAAsB,CAHtB,YAAa,CAFb,MAAO,CAGP,qBAAsB,CACtB,WAAY,CAHZ,eAAgB,CAFhB,SAOF,CAGA,8BAEE,MAAO,CADP,eAEF,CAGA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAEF,CAGA,yEAIE,gBAAiB,CAFjB,OAAQ,CACR,gBAEF,CAGA,gCACE,cACF,CAEA,8BAGE,aAAc,CADd,cAAe,CAEf,eAAiB,CAHjB,iBAIF,CACA,8BAGE,UAAW,CADX,cAAe,CADf,iBAGF,CACA,8BAGE,UAAW,CADX,cAAe,CADf,iBAGF,CACA,8BAGE,UAAW,CADX,cAAe,CADf,kBAGF,CCrLA,mDACE,kCAAoC,CACpC,2BAA6B,CAE7B,kBAAsB,CACtB,yBAA2B,CAF3B,8BAGF,CAEA,oGAME,8BAAgC,CAEhC,iBAAkB,CADlB,gBAAiB,CAHjB,uBAAyB,CADzB,wBAA0B,CAD1B,QAAS,CAGT,UAAY,CAIZ,aACF,CACA,oLAEE,SACF,CACA,gIAGE,iBAAkB,CADlB,0BAA4B,CAE5B,aACF,CACA,oHACE,gBAAiB,CACjB,aACF,CAKA,2KAEE,yBAA2B,CAD3B,kBAEF,CAEA,yCAEE,gDAAoD,CADpD,wBAA0B,CAE1B,mBACF,CAQA,kUAJE,kCAAoC,CACpC,UAOF,CAEA,8DACE,uBACF,CAEA,4CACE,8CACF,CAEA,6CACE,kCACF,CAEA,+DACE,oBACF,CAEA,2BAEE,kCAAoC,CADpC,iBAEF","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n/*=========================================================================================\n\tFile Name: guidesidebar.scss\n\tDescription: CSS used for demo purpose only. Remove this css from your project.\n\t----------------------------------------------------------------------------------------\n\tItem Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n\tAuthor: PIXINVENT\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n.guidesidebar {\n width: 75%;\n right: -75%;\n padding: 0;\n background-color: #fff;\n z-index: 1051;\n position: fixed;\n top: 0;\n bottom: 0;\n height: 100vh;\n height: calc(var(--vh, 1vh) * 100);\n transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n backface-visibility: hidden;\n border-left: 1px solid rgba(34, 41, 47, 0.05);\n transition: all 0.4s ease;\n}\n.guidesidebar.open {\n box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);\n right: 0;\n}\n.guidesidebar.openExtend {\n width: 100% !important;\n}\n.guidesidebar .guidesidebar-content {\n position: relative;\n max-height: calc(100vh - 50px);\n}\n.guidesidebar .guidesidebar-close {\n position: absolute;\n right: 0.6rem;\n top: 0.6rem;\n padding: 7px;\n width: auto;\n z-index: 10;\n color: #5e5873;\n}\n.guidesidebar .guidesidebar-close i,\n.guidesidebar .guidesidebar-close svg {\n font-size: 1.5rem;\n height: 1.5rem;\n width: 1.5rem;\n}\n.guidesidebar .guidesidebar-toggle {\n background: #eb4619;\n color: #fff !important;\n display: block;\n box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n position: absolute;\n top: 50%;\n width: 38px;\n height: 38px;\n left: -39px;\n text-align: center;\n line-height: 40px;\n cursor: pointer;\n}\n.guidesidebar .color-box {\n height: 24px;\n width: 24px;\n margin: 0.5rem;\n border-radius: 0.5rem;\n cursor: pointer;\n position: relative;\n}\n.guidesidebar .color-box.selected:after {\n content: \"\";\n border: 1px solid #eb4619;\n height: 30px;\n width: 30px;\n top: -3px;\n left: -3px;\n position: absolute;\n border-radius: 0.5rem;\n}\n.guidesidebar .color-box.selected.border:after {\n top: -4px;\n left: -4px;\n}\n\n.guide-layout {\n display: flex;\n flex-direction: row;\n gap: 1rem;\n height: 100%;\n}\n\n.guide-tree {\n width: 30%;\n height: 100%;\n padding: 0.75rem;\n overflow: hidden;\n border-right: 1px solid #ddd;\n padding-right: 0.5rem;\n transition: all 0.4s ease;\n}\n\n.guide-tree.collapsed {\n width: 0;\n padding: 0;\n border-right: none;\n overflow: hidden;\n opacity: 0;\n height: 100%;\n transform: translateX(-20%);\n}\n\n.guide-tree.expanded {\n width: 30%;\n height: 100%;\n opacity: 1;\n transform: translateX(0);\n overflow-y: auto;\n}\n\n.guide-detail {\n width: 70%;\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n height: 100%;\n box-sizing: border-box;\n}\n\n/* Tuỳ chỉnh TreeView */\n.custom-treeview .e-list-text {\n text-align: left; /* Căn trái nội dung text */\n flex: 1;\n}\n\n/* Đưa icon expand/collapse sang bên phải */\n.custom-treeview .e-fullrow {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/* Di chuyển caret icon sang bên phải */\n.custom-treeview .e-icon-collapsible,\n.custom-treeview .e-icon-expandable {\n order: 2;\n text-align: right;\n margin-left: auto; /* Đẩy icon sang bên phải */\n}\n\n/* Loại bỏ padding nếu cần */\n.custom-treeview .e-list-parent {\n padding-left: 0;\n}\n\n.guidesidebar-content.view h1 {\n padding-left: 3rem;\n font-size: 24px;\n color: #1a1a1a;\n font-weight: bold;\n}\n.guidesidebar-content.view h2 {\n padding-left: 6rem;\n font-size: 20px;\n color: #333;\n}\n.guidesidebar-content.view h3 {\n padding-left: 9rem;\n font-size: 18px;\n color: #555;\n}\n.guidesidebar-content.view h4 {\n padding-left: 12rem;\n font-size: 16px;\n color: #777;\n}",".select-tree.e-input-group:not(.e-float-icon-left) {\n border: 1px solid #d8d6de !important;\n border-radius: 4px !important;\n padding: 0px 5px 0px 10px !important;\n margin: 0px !important;\n min-height: 28px !important;\n}\n\n.form-input-content .select-tree.e-input-group,\n.form-input-content .e-input-group.e-control-wrapper {\n margin: 0;\n font-size: 14px !important;\n color: #6e6b7b !important;\n opacity: 0.9;\n border-color: #ebe9f1 !important;\n border-width: 1px;\n border-radius: 4px;\n padding: 0 8px;\n}\n.form-input-content .select-tree.e-input-group .e-control.e-dropdowntree.e-lib.e-input,\n.form-input-content .e-input-group.e-control-wrapper .e-control.e-dropdowntree.e-lib.e-input {\n padding: 0;\n}\n.form-input-content .select-tree.e-input-group.e-input-focus,\n.form-input-content .e-input-group.e-control-wrapper.e-input-focus {\n border-width: 1px !important;\n border-radius: 4px;\n padding: 0 8px;\n}\n.form-input-content .e-input-group .e-clear-icon, .form-input-content .e-input-group.e-control-wrapper .e-clear-icon {\n padding-bottom: 0;\n padding-top: 0;\n}\n.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before {\n height: 0 !important;\n background: none !important;\n}\n.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after {\n height: 0 !important;\n background: none !important;\n}\n\n.select-tree.e-input-group input.e-input {\n font-size: 14px !important;\n font-family: Arial, Helvetica, sans-serif !important;\n padding: 0px !important;\n}\n\n.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,\n.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before {\n background-color: #eb4619 !important;\n height: 1px;\n}\n\n.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,\n.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {\n height: 1px;\n background-color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {\n color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-hover > .e-fullrow {\n background-color: rgba(235, 70, 25, 0.12) !important;\n}\n\n.e-treeview .e-list-item.e-active > .e-fullrow {\n background-color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {\n color: #FFFFFF !important;\n}\n\n.select-tree.e-ddt.e-popup {\n border-radius: 5px;\n border: 1px solid #ebe9f1 !important;\n}"]}
1
+ {"version":3,"sources":["index.scss","select-tree.scss"],"names":[],"mappings":"AASA,cAYE,0BAA2B,CAR3B,qBAAsB,CAStB,wCAA6C,CAL7C,QAAS,CACT,YAAa,CACb,+BAAkC,CAPlC,SAAU,CAGV,cAAe,CAJf,UAAW,CAKX,KAAM,CAIN,iDAA0D,CAG1D,uBAAyB,CAbzB,SAAU,CAIV,YAUF,CACA,mBACE,2EAAqF,CACrF,OACF,CACA,yBACE,oBACF,CACA,oCAEE,6BAA8B,CAD9B,iBAEF,CACA,kCAOE,aAAc,CAHd,WAAY,CAHZ,iBAAkB,CAClB,WAAa,CACb,SAAW,CAEX,UAAW,CACX,UAEF,CACA,0EAEE,gBAAiB,CACjB,aAAc,CACd,YACF,CACA,mCACE,kBAAmB,CAKnB,6BAA8B,CAD9B,0BAA2B,CAD3B,uCAA8C,CAF9C,oBAAsB,CAYtB,cAAe,CAXf,aAAc,CAOd,WAAY,CACZ,UAAW,CAEX,gBAAiB,CANjB,iBAAkB,CAKlB,iBAAkB,CAJlB,OAAQ,CACR,UAMF,CACA,yBAIE,mBAAqB,CACrB,cAAe,CAJf,WAAY,CAEZ,YAAc,CAGd,iBAAkB,CAJlB,UAKF,CACA,wCAEE,wBAAyB,CAMzB,mBAAqB,CAPrB,UAAW,CAEX,WAAY,CAGZ,SAAU,CACV,iBAAkB,CAFlB,QAAS,CADT,UAKF,CACA,+CAEE,SAAU,CADV,QAEF,CAEA,cACE,YAAa,CACb,kBAAmB,CACnB,QAAS,CACT,WACF,CAEA,YAKE,2BAA4B,CAH5B,WAAY,CAEZ,eAAgB,CAEhB,kCAAqB,CACrB,uBAAyB,CANzB,SAOF,CAEA,sBAGE,iBAAkB,CAGlB,WAAY,CADZ,SAAU,CADV,eAAgB,CAFhB,SAAU,CAKV,0BAA2B,CAN3B,OAOF,CAEA,qBAEE,WAAY,CACZ,SAAU,CAEV,eAAgB,CADhB,uBAAwB,CAHxB,SAKF,CAEA,cAOE,qBAAsB,CAHtB,YAAa,CAFb,MAAO,CAGP,qBAAsB,CACtB,WAAY,CAHZ,eAAgB,CAFhB,SAOF,CAGA,8BAEE,MAAO,CADP,eAEF,CAGA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAEF,CAGA,yEAIE,gBAAiB,CAFjB,OAAQ,CACR,gBAEF,CAGA,gCACE,cACF,CAEA,4CAGE,aAAc,CADd,cAAe,CAEf,eAAiB,CAHjB,iBAIF,CACA,4CAGE,UAAW,CADX,cAAe,CADf,iBAGF,CACA,4CAGE,UAAW,CADX,cAAe,CADf,iBAGF,CACA,4CAGE,UAAW,CADX,cAAe,CADf,kBAGF,CCrLA,mDACE,kCAAoC,CACpC,2BAA6B,CAE7B,kBAAsB,CACtB,yBAA2B,CAF3B,8BAGF,CAEA,oGAME,8BAAgC,CAEhC,iBAAkB,CADlB,gBAAiB,CAHjB,uBAAyB,CADzB,wBAA0B,CAD1B,QAAS,CAGT,UAAY,CAIZ,aACF,CACA,oLAEE,SACF,CACA,gIAGE,iBAAkB,CADlB,0BAA4B,CAE5B,aACF,CACA,oHACE,gBAAiB,CACjB,aACF,CAKA,2KAEE,yBAA2B,CAD3B,kBAEF,CAEA,yCAEE,gDAAoD,CADpD,wBAA0B,CAE1B,mBACF,CAQA,kUAJE,kCAAoC,CACpC,UAOF,CAEA,8DACE,uBACF,CAEA,4CACE,8CACF,CAEA,6CACE,kCACF,CAEA,+DACE,oBACF,CAEA,2BAEE,kCAAoC,CADpC,iBAEF","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n/*=========================================================================================\n\tFile Name: guidesidebar.scss\n\tDescription: CSS used for demo purpose only. Remove this css from your project.\n\t----------------------------------------------------------------------------------------\n\tItem Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n\tAuthor: PIXINVENT\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n.guidesidebar {\n width: 75%;\n right: -75%;\n padding: 0;\n background-color: #fff;\n z-index: 1051;\n position: fixed;\n top: 0;\n bottom: 0;\n height: 100vh;\n height: calc(var(--vh, 1vh) * 100);\n transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n backface-visibility: hidden;\n border-left: 1px solid rgba(34, 41, 47, 0.05);\n transition: all 0.4s ease;\n}\n.guidesidebar.open {\n box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);\n right: 0;\n}\n.guidesidebar.openExtend {\n width: 100% !important;\n}\n.guidesidebar .guidesidebar-content {\n position: relative;\n max-height: calc(100vh - 50px);\n}\n.guidesidebar .guidesidebar-close {\n position: absolute;\n right: 0.6rem;\n top: 0.6rem;\n padding: 7px;\n width: auto;\n z-index: 10;\n color: #5e5873;\n}\n.guidesidebar .guidesidebar-close i,\n.guidesidebar .guidesidebar-close svg {\n font-size: 1.5rem;\n height: 1.5rem;\n width: 1.5rem;\n}\n.guidesidebar .guidesidebar-toggle {\n background: #eb4619;\n color: #fff !important;\n display: block;\n box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px;\n position: absolute;\n top: 50%;\n width: 38px;\n height: 38px;\n left: -39px;\n text-align: center;\n line-height: 40px;\n cursor: pointer;\n}\n.guidesidebar .color-box {\n height: 24px;\n width: 24px;\n margin: 0.5rem;\n border-radius: 0.5rem;\n cursor: pointer;\n position: relative;\n}\n.guidesidebar .color-box.selected:after {\n content: \"\";\n border: 1px solid #eb4619;\n height: 30px;\n width: 30px;\n top: -3px;\n left: -3px;\n position: absolute;\n border-radius: 0.5rem;\n}\n.guidesidebar .color-box.selected.border:after {\n top: -4px;\n left: -4px;\n}\n\n.guide-layout {\n display: flex;\n flex-direction: row;\n gap: 1rem;\n height: 100%;\n}\n\n.guide-tree {\n width: 30%;\n height: 100%;\n padding: 0.75rem;\n overflow: hidden;\n border-right: 1px solid #ddd;\n padding-right: 0.5rem;\n transition: all 0.4s ease;\n}\n\n.guide-tree.collapsed {\n width: 0;\n padding: 0;\n border-right: none;\n overflow: hidden;\n opacity: 0;\n height: 100%;\n transform: translateX(-20%);\n}\n\n.guide-tree.expanded {\n width: 30%;\n height: 100%;\n opacity: 1;\n transform: translateX(0);\n overflow-y: auto;\n}\n\n.guide-detail {\n width: 70%;\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n height: 100%;\n box-sizing: border-box;\n}\n\n/* Tuỳ chỉnh TreeView */\n.custom-treeview .e-list-text {\n text-align: left; /* Căn trái nội dung text */\n flex: 1;\n}\n\n/* Đưa icon expand/collapse sang bên phải */\n.custom-treeview .e-fullrow {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/* Di chuyển caret icon sang bên phải */\n.custom-treeview .e-icon-collapsible,\n.custom-treeview .e-icon-expandable {\n order: 2;\n text-align: right;\n margin-left: auto; /* Đẩy icon sang bên phải */\n}\n\n/* Loại bỏ padding nếu cần */\n.custom-treeview .e-list-parent {\n padding-left: 0;\n}\n\n.guide-detail .guidesidebar-content.view h1 {\n padding-left: 3rem;\n font-size: 24px;\n color: #1a1a1a;\n font-weight: bold;\n}\n.guide-detail .guidesidebar-content.view h2 {\n padding-left: 6rem;\n font-size: 20px;\n color: #333;\n}\n.guide-detail .guidesidebar-content.view h3 {\n padding-left: 9rem;\n font-size: 18px;\n color: #555;\n}\n.guide-detail .guidesidebar-content.view h4 {\n padding-left: 12rem;\n font-size: 16px;\n color: #777;\n}",".select-tree.e-input-group:not(.e-float-icon-left) {\n border: 1px solid #d8d6de !important;\n border-radius: 4px !important;\n padding: 0px 5px 0px 10px !important;\n margin: 0px !important;\n min-height: 28px !important;\n}\n\n.form-input-content .select-tree.e-input-group,\n.form-input-content .e-input-group.e-control-wrapper {\n margin: 0;\n font-size: 14px !important;\n color: #6e6b7b !important;\n opacity: 0.9;\n border-color: #ebe9f1 !important;\n border-width: 1px;\n border-radius: 4px;\n padding: 0 8px;\n}\n.form-input-content .select-tree.e-input-group .e-control.e-dropdowntree.e-lib.e-input,\n.form-input-content .e-input-group.e-control-wrapper .e-control.e-dropdowntree.e-lib.e-input {\n padding: 0;\n}\n.form-input-content .select-tree.e-input-group.e-input-focus,\n.form-input-content .e-input-group.e-control-wrapper.e-input-focus {\n border-width: 1px !important;\n border-radius: 4px;\n padding: 0 8px;\n}\n.form-input-content .e-input-group .e-clear-icon, .form-input-content .e-input-group.e-control-wrapper .e-clear-icon {\n padding-bottom: 0;\n padding-top: 0;\n}\n.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before {\n height: 0 !important;\n background: none !important;\n}\n.form-input-content .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after {\n height: 0 !important;\n background: none !important;\n}\n\n.select-tree.e-input-group input.e-input {\n font-size: 14px !important;\n font-family: Arial, Helvetica, sans-serif !important;\n padding: 0px !important;\n}\n\n.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,\n.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before {\n background-color: #eb4619 !important;\n height: 1px;\n}\n\n.select-tree.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,\n.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {\n height: 1px;\n background-color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {\n color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-hover > .e-fullrow {\n background-color: rgba(235, 70, 25, 0.12) !important;\n}\n\n.e-treeview .e-list-item.e-active > .e-fullrow {\n background-color: #eb4619 !important;\n}\n\n.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {\n color: #FFFFFF !important;\n}\n\n.select-tree.e-ddt.e-popup {\n border-radius: 5px;\n border: 1px solid #ebe9f1 !important;\n}"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esvndev/es-template-help",
3
- "version": "1.0.91",
3
+ "version": "1.0.92",
4
4
  "description": "This product is designed by ESVN and is only for use in products distributed by ESVN. Any product, whether for non-commercial research or commercial purposes, must have written legal approval and a digital signature from ESVN.",
5
5
  "author": "dev@esvn.com.vn",
6
6
  "license": "ESVN Limited Use License",