tg-ganttchart 0.0.8 → 0.0.10

package/dist/tgganttchart.css

@@ -0,0 +1 @@
+.gantt-view-filter[data-v-f4bb58fc]{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.view-toggle-group[data-v-f4bb58fc]{display:flex;gap:8px;justify-content:right;align-items:center}.view-toggle-btn[data-v-f4bb58fc]{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;border:2px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.view-toggle-btn[data-v-f4bb58fc]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.view-toggle-btn[data-v-f4bb58fc]:hover:before{left:100%}.view-toggle-btn[data-v-f4bb58fc]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.view-toggle-btn.active[data-v-f4bb58fc]{background:hsla(0,0%,100%,.9);color:#667eea;border-color:hsla(0,0%,100%,.9);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);font-weight:600}.view-icon[data-v-f4bb58fc]{font-size:16px;display:flex;align-items:center;justify-content:center}.view-label[data-v-f4bb58fc]{font-size:14px;font-weight:inherit}@media (max-width:768px){.gantt-view-filter[data-v-f4bb58fc]{padding:12px 16px}.view-toggle-group[data-v-f4bb58fc]{gap:6px}.view-toggle-btn[data-v-f4bb58fc]{padding:10px 16px;font-size:13px}.view-icon[data-v-f4bb58fc]{font-size:14px}.view-label[data-v-f4bb58fc]{font-size:13px}}@media (max-width:480px){.view-toggle-btn[data-v-f4bb58fc]{padding:8px 12px}.view-label[data-v-f4bb58fc]{display:none}}.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;box-sizing:border-box;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;left:50%;transform:translate(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;left:50%;transform:translate(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;top:50%;transform:translateY(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-right:after{right:100%;top:50%;transform:translateY(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.vue-switcher{position:relative;display:inline-block}.vue-switcher__label{display:block;font-size:10px;margin-bottom:5px}.vue-switcher input{opacity:0;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.vue-switcher div{height:15px;width:36px;position:relative;border-radius:30px;display:-ms-flex;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:.2s linear,background-color .2s linear}.vue-switcher div:after{content:"";height:20px;width:20px;border-radius:100px;display:block;transition:.15s linear,background-color .15s linear;position:absolute;left:100%;margin-left:-18px;cursor:pointer;top:-3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.1)}.vue-switcher--unchecked div{justify-content:flex-end}.vue-switcher--unchecked div:after{left:15px}.vue-switcher--disabled div{opacity:.3}.vue-switcher--disabled input{cursor:not-allowed}.vue-switcher--bold div{top:-8px;height:26px;width:51px}.vue-switcher--bold div:after{margin-left:-24px;top:3px}.vue-switcher--bold--unchecked div:after{left:28px}.vue-switcher--bold .vue-switcher__label span{padding-bottom:7px;display:inline-block}.vue-switcher-theme--default.vue-switcher-color--default div{background-color:#b7b7b7}.vue-switcher-theme--default.vue-switcher-color--default div:after{background-color:#9d9d9d}.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div{background-color:#aaa}.vue-switcher-theme--default.vue-switcher-color--default.vue-switcher--unchecked div:after{background-color:#c4c4c4}.vue-switcher-theme--default.vue-switcher-color--blue div{background-color:#77b0c8}.vue-switcher-theme--default.vue-switcher-color--blue div:after{background-color:#539bb9}.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div{background-color:#c0dae5}.vue-switcher-theme--default.vue-switcher-color--blue.vue-switcher--unchecked div:after{background-color:#77b0c8}.vue-switcher-theme--default.vue-switcher-color--red div{background-color:#c87777}.vue-switcher-theme--default.vue-switcher-color--red div:after{background-color:#b95353}.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div{background-color:#e5c0c0}.vue-switcher-theme--default.vue-switcher-color--red.vue-switcher--unchecked div:after{background-color:#c87777}.vue-switcher-theme--default.vue-switcher-color--yellow div{background-color:#c9c377}.vue-switcher-theme--default.vue-switcher-color--yellow div:after{background-color:#bab353}.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div{background-color:#e6e3c0}.vue-switcher-theme--default.vue-switcher-color--yellow.vue-switcher--unchecked div:after{background-color:#c9c377}.vue-switcher-theme--default.vue-switcher-color--orange div{background-color:#c89577}.vue-switcher-theme--default.vue-switcher-color--orange div:after{background-color:#b97953}.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div{background-color:#e5cec0}.vue-switcher-theme--default.vue-switcher-color--orange.vue-switcher--unchecked div:after{background-color:#c89577}.vue-switcher-theme--default.vue-switcher-color--green div{background-color:#77c88d}.vue-switcher-theme--default.vue-switcher-color--green div:after{background-color:#53b96e}.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div{background-color:#c0e5ca}.vue-switcher-theme--default.vue-switcher-color--green.vue-switcher--unchecked div:after{background-color:#77c88d}.vue-switcher-theme--bulma.vue-switcher-color--default div{background-color:#dcdcdc}.vue-switcher-theme--bulma.vue-switcher-color--default div:after{background-color:#f5f5f5}.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div{background-color:#e8e8e8}.vue-switcher-theme--bulma.vue-switcher-color--default.vue-switcher--unchecked div:after{background-color:#f5f5f5}.vue-switcher-theme--bulma.vue-switcher-color--primary div{background-color:#05ffda}.vue-switcher-theme--bulma.vue-switcher-color--primary div:after{background-color:#00d1b2}.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div{background-color:#6bffe9}.vue-switcher-theme--bulma.vue-switcher-color--primary.vue-switcher--unchecked div:after{background-color:#05ffda}.vue-switcher-theme--bulma.vue-switcher-color--blue div{background-color:#5e91e3}.vue-switcher-theme--bulma.vue-switcher-color--blue div:after{background-color:#3273dc}.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div{background-color:#b5ccf2}.vue-switcher-theme--bulma.vue-switcher-color--blue.vue-switcher--unchecked div:after{background-color:#5e91e3}.vue-switcher-theme--bulma.vue-switcher-color--red div{background-color:#ff6b89}.vue-switcher-theme--bulma.vue-switcher-color--red div:after{background-color:#ff3860}.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div{background-color:#ffd1da}.vue-switcher-theme--bulma.vue-switcher-color--red.vue-switcher--unchecked div:after{background-color:#ff6b89}.vue-switcher-theme--bulma.vue-switcher-color--yellow div{background-color:#ffe78a}.vue-switcher-theme--bulma.vue-switcher-color--yellow div:after{background-color:#ffdd57}.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div{background-color:#fffcf0}.vue-switcher-theme--bulma.vue-switcher-color--yellow.vue-switcher--unchecked div:after{background-color:#ffe78a}.vue-switcher-theme--bulma.vue-switcher-color--green div{background-color:#3dde75}.vue-switcher-theme--bulma.vue-switcher-color--green div:after{background-color:#22c65b}.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div{background-color:#94edb3}.vue-switcher-theme--bulma.vue-switcher-color--green.vue-switcher--unchecked div:after{background-color:#3dde75}.vue-switcher-theme--bootstrap.vue-switcher-color--default div{background-color:#e6e6e6}.vue-switcher-theme--bootstrap.vue-switcher-color--default div:after{background-color:#f0f0f0}.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div{background-color:#f5f5f5}.vue-switcher-theme--bootstrap.vue-switcher-color--default.vue-switcher--unchecked div:after{background-color:#f0f0f0}.vue-switcher-theme--bootstrap.vue-switcher-color--primary div{background-color:#4f93ce}.vue-switcher-theme--bootstrap.vue-switcher-color--primary div:after{background-color:#337ab7}.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div{background-color:#9fc4e4}.vue-switcher-theme--bootstrap.vue-switcher-color--primary.vue-switcher--unchecked div:after{background-color:#4f93ce}.vue-switcher-theme--bootstrap.vue-switcher-color--success div{background-color:#80c780}.vue-switcher-theme--bootstrap.vue-switcher-color--success div:after{background-color:#5cb85c}.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div{background-color:#c7e6c7}.vue-switcher-theme--bootstrap.vue-switcher-color--success.vue-switcher--unchecked div:after{background-color:#80c780}.vue-switcher-theme--bootstrap.vue-switcher-color--info div{background-color:#85d0e7}.vue-switcher-theme--bootstrap.vue-switcher-color--info div:after{background-color:#5bc0de}.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div{background-color:#daf1f8}.vue-switcher-theme--bootstrap.vue-switcher-color--info.vue-switcher--unchecked div:after{background-color:#85d0e7}.vue-switcher-theme--bootstrap.vue-switcher-color--warning div{background-color:#f4c37d}.vue-switcher-theme--bootstrap.vue-switcher-color--warning div:after{background-color:#f0ad4e}.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div{background-color:#fceedb}.vue-switcher-theme--bootstrap.vue-switcher-color--warning.vue-switcher--unchecked div:after{background-color:#f4c37d}.vue-switcher-theme--bootstrap.vue-switcher-color--danger div{background-color:#d9534f}.vue-switcher-theme--bootstrap.vue-switcher-color--danger div:after{background-color:#c9302c}.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div{background-color:#eba5a3}.vue-switcher-theme--bootstrap.vue-switcher-color--danger.vue-switcher--unchecked div:after{background-color:#d9534f}[class*=" gantt-elastic"],[class^=gantt-elastic]{box-sizing:border-box}.gantt-elastic__main-view svg{display:block}.gantt-elastic__grid-horizontal-line,.gantt-elastic__grid-vertical-line{stroke:rgba(0,0,0,.08);stroke-width:1}.gantt-elastic__grid-horizontal-line{stroke:rgba(0,0,0,.05)}.gantt-elastic__grid-vertical-line{stroke:rgba(0,0,0,.1)}foreignObject>*{margin:0}.gantt-elastic .p-2{padding:10rem}.gantt-elastic__main-view-container,.gantt-elastic__main-view-main-container{overflow:hidden;max-width:100%;background:#fafbfc;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.gantt-elastic__task-list-header-column:last-of-type{border-right:1px solid rgba(0,0,0,.08)}.gantt-elastic__task-list-item:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.gantt-elastic__task-list-item-value-wrapper:hover{overflow:visible!important}.gantt-elastic__task-list-item-value-wrapper:hover>.gantt-elastic__task-list-item-value-container{position:relative;overflow:visible!important}.gantt-elastic__task-list-item-value-wrapper:hover>.gantt-elastic__task-list-item-value{position:absolute}.gantt-elastic__chart-scroll-container{overflow:auto!important}.gantt-elastic__chart-scroll-container::-webkit-scrollbar{width:8px;height:8px}.gantt-elastic__chart-scroll-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.gantt-elastic__chart-scroll-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.gantt-elastic__chart-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.gantt-elastic__chart-scroll-container--horizontal{overflow-x:auto!important;overflow-y:hidden!important}.gantt-elastic__chart-scroll-container--vertical{overflow-x:hidden!important;overflow-y:auto!important}.gantt-elastic__calendar-row-text{position:relative;z-index:2;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-elastic__calendar-row-text--month{padding:0 4px;box-sizing:border-box}.gantt-elastic__calendar-row-text--week{padding:0 3px;box-sizing:border-box}.gantt-elastic__calendar-row-text--day{padding:0 2px;box-sizing:border-box}.gantt-elastic__calendar-row-text--quarter{padding:0 5px;box-sizing:border-box}.gantt-elastic__chart-expander-content,.gantt-elastic__task-list-expander-content{transition:all .2s ease;border-radius:2px;padding:1px;cursor:pointer}.gantt-elastic__chart-expander-content:hover,.gantt-elastic__task-list-expander-content:hover{background-color:rgba(0,0,0,.05);transform:scale(1.05)}.gantt-elastic__chart-expander-arrow,.gantt-elastic__task-list-expander-arrow{transition:all .2s ease}.gantt-elastic__chart-expander-content:hover .gantt-elastic__chart-expander-arrow,.gantt-elastic__task-list-expander-content:hover .gantt-elastic__task-list-expander-arrow{stroke:#666;stroke-width:1.5}.gantt-elastic__task-list-container{background:#fff;border-right:1px solid rgba(0,0,0,.08);box-shadow:2px 0 10px rgba(0,0,0,.05)}.gantt-elastic__chart{background:#fff}.gantt-elastic__calendar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid rgba(0,0,0,.08)}.gantt-elastic__calendar-row{background:transparent}.gantt-elastic__calendar-row-rect{background:hsla(0,0%,100%,.7);border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.gantt-elastic__calendar-row-rect:hover{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1)}.gantt-elastic__calendar-row-text{color:#495057;font-weight:500;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.gantt-elastic__chart-row-wrapper{transition:all .2s ease}.gantt-elastic__chart-row-wrapper:hover{transform:translateY(-1px);filter:brightness(1.05)}@media (max-width:768px){.gantt-elastic__main-view-container,.gantt-elastic__main-view-main-container{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.06)}}@media (max-width:480px){.gantt-elastic__calendar-row-text{font-size:8px!important}.gantt-elastic__calendar-row-text--day{font-size:7px!important}.gantt-elastic__calendar-row-text--week{font-size:8px!important}.gantt-elastic__calendar-row-text--month{font-size:9px!important}.gantt-elastic__calendar-row-text--quarter{font-size:10px!important}}@media (max-width:768px){.gantt-elastic__calendar-row-text{font-size:10px!important}.gantt-elastic__calendar-row-text--day{font-size:9px!important}.gantt-elastic__calendar-row-text--week{font-size:10px!important}.gantt-elastic__calendar-row-text--month{font-size:11px!important}.gantt-elastic__calendar-row-text--quarter{font-size:12px!important}}@media (min-width:1024px) and (max-width:1439px){.gantt-elastic__calendar-row-text{font-size:12px!important}.gantt-elastic__calendar-row-text--day{font-size:11px!important}.gantt-elastic__calendar-row-text--week{font-size:12px!important}.gantt-elastic__calendar-row-text--month{font-size:13px!important}.gantt-elastic__calendar-row-text--quarter{font-size:14px!important}}@media (min-width:1440px){.gantt-elastic__calendar-row-text{font-size:14px!important}.gantt-elastic__calendar-row-text--day{font-size:13px!important}.gantt-elastic__calendar-row-text--week{font-size:14px!important}.gantt-elastic__calendar-row-text--month{font-size:15px!important}.gantt-elastic__calendar-row-text--quarter{font-size:16px!important}}@media (prefers-color-scheme:dark){.gantt-elastic__main-view-container,.gantt-elastic__main-view-main-container{background:#1a1a1a;box-shadow:0 4px 20px rgba(0,0,0,.3)}.gantt-elastic__task-list-container{background:#2d2d2d;border-right-color:hsla(0,0%,100%,.1)}.gantt-elastic__chart{background:#2d2d2d}.gantt-elastic__calendar{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-bottom-color:hsla(0,0%,100%,.1)}.gantt-elastic__calendar-row-rect{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.gantt-elastic__calendar-row-text{color:#e9ecef}.gantt-elastic__grid-horizontal-line,.gantt-elastic__grid-vertical-line{stroke:hsla(0,0%,100%,.1)}}