From 9cdf451f3173659d57bc9a89055c69fca0866485 Mon Sep 17 00:00:00 2001 From: Joe <104938042+lrljoe@users.noreply.github.com> Date: Thu, 28 Sep 2023 21:53:22 +0100 Subject: [PATCH] Bundler Import Options (#1377) * Add All Option * Update Import Paths * Add minified CSS Versions --- ...laravel-livewire-tables-thirdparty.min.css | 1 + resources/css/laravel-livewire-tables.min.css | 346 +----------------- .../imports/laravel-livewire-tables-all.js | 4 + .../laravel-livewire-tables-thirdparty.js | 4 +- resources/imports/laravel-livewire-tables.js | 4 +- 5 files changed, 15 insertions(+), 344 deletions(-) create mode 100644 resources/css/laravel-livewire-tables-thirdparty.min.css create mode 100644 resources/imports/laravel-livewire-tables-all.js diff --git a/resources/css/laravel-livewire-tables-thirdparty.min.css b/resources/css/laravel-livewire-tables-thirdparty.min.css new file mode 100644 index 000000000..5741232aa --- /dev/null +++ b/resources/css/laravel-livewire-tables-thirdparty.min.css @@ -0,0 +1 @@ +.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,.numInputWrapper{height:auto}.flatpickr-calendar{background:#fff;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)}.flatpickr-wrapper,.numInputWrapper input,.numInputWrapper span{display:inline-block}.flatpickr-calendar.inline,.flatpickr-calendar.open{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown;animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar:after,.flatpickr-calendar:before{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i,.flatpickr-wrapper,.numInputWrapper{position:relative}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;height:34px;color:rgba(0,0,0,.9);fill:rgba(0,0,0,0.9)}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month input.cur-year:focus,.flatpickr-days:focus{outline:0}.flatpickr-months,.flatpickr-weekdays{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:0 0;line-height:1;text-align:center;position:relative;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;padding:10px;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month span.cur-month:hover,.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:inherit;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;padding:0 0 0 .5ch;vertical-align:initial;background:0 0}.flatpickr-current-month .numInputWrapper{width:6ch;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text;margin:0;display:inline-block;border:0;border-radius:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,.5);background:0 0;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;margin:-1px 0 0;outline:0;position:relative;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:0;padding:0}.flatpickr-weekdays{background:0 0;text-align:center;overflow:hidden;width:100%;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:0 0;color:rgba(0,0,0,.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:0 0;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{color:rgba(57,57,57,.3);background:0 0;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,.3);background:0 0;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:0 0;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} \ No newline at end of file diff --git a/resources/css/laravel-livewire-tables.min.css b/resources/css/laravel-livewire-tables.min.css index df7237947..bb9cc4680 100644 --- a/resources/css/laravel-livewire-tables.min.css +++ b/resources/css/laravel-livewire-tables.min.css @@ -1,341 +1,7 @@ -.laravel-livewire-tables-highlight { - border-style: solid !important; - border-top-width: 2px !important; - border-bottom-width: 2px !important; - border-color: var(--rappasoft-table-highlight-color, rgb(255 255 255)) !important -} - -.laravel-livewire-tables-highlight-top { - border-style: solid !important; - border-top-width: 2px !important; - border-bottom-width: 0 !important; - border-color: var(--rappasoft-table-top-highlight-color, var(--rappasoft-table-highlight-color, rgb(255 255 255))) !important -} - -.laravel-livewire-tables-highlight-bottom { - border-style: solid !important; - border-top-width: 0 !important; - border-bottom-width: 2px !important; - border-color: var(--rappasoft-table-bottom-highlight-color, var(--rappasoft-table-highlight-color, rgb(255 255 255))) !important -} - -.laravel-livewire-tables-reorderingMinimised { - width: 0 -} - -.laravel-livewire-table-dragging { - opacity: .5 !important -} - -.range-slider.grad { - --progress-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset; - --progress-flll-shadow: var(--progress-shadow); - --fill-color: linear-gradient(to right, LightCyan, var(--primary-color, #0366d6)); - --thumb-shadow: 0 0 4px rgba(0, 0, 0, 0.3), -3px 9px 9px rgba(255, 241, 241, 0.33) inset, -1px 3px 2px rgba(255, 255, 255, 0.33) inset, 0 0 0 99px var(--primary-color, #0366d6) inset -} - -.range-slider.grad input:hover { - --thumb-transform: scale(1.2) -} - -.range-slider.grad input:active { - --thumb-shadow: inherit; - --thumb-transform: scale(1) -} - -.range-slider.flat { - --thumb-size: 25px; - --track-height: calc(var(--thumb-size) / 3); - --progress-shadow: none; - --progress-flll-shadow: none; - --thumb-shadow: 0 0 0 7px var(--primary-color, #0366d6) inset, 0 0 0 99px white inset; - --thumb-shadow-hover: 0 0 0 9px var(--primary-color, #0366d6) inset, 0 0 0 99px white inset; - --thumb-shadow-active: 0 0 0 13px var(--primary-color, #0366d6) inset -} - -.range-slider { - --value-offset-y: var(--ticks-gap); - --value-background: transparent; - --value-font: 700 12px/1 Arial; - --progress-radius: 20px; - --track-height: calc(var(--thumb-size) / 2); - --min-max-opacity: 1; - --min-max-x-offset: 10%; - --thumb-size: 22px; - --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 99px var(--thumb-color, white) inset; - --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color, white), 0 0 0 99px var(--primary-color, #0366d6) inset, 0 0 3px rgba(0, 0, 0, 0.4); - --thumb-shadow-hover: var(--thumb-shadow); - --ticks-thickness: 1px; - --ticks-height: 5px; - --ticks-gap: var(--ticks-height, - 0); - --step: 1; - --ticks-count: Calc(var(--max) - var(--min))/var(--step); - --maxTicksAllowed: 30; - --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0)); - --x-step: Max(var(--step), - var(--too-many-ticks) * (var(--max) - var(--min))); - --tickInterval: 100/((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1); - --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1)); - --value-a: Clamp(var(--min), +.laravel-livewire-tables-highlight{border-style:solid!important;border-top-width:2px!important;border-bottom-width:2px!important;border-color:var(--rappasoft-table-highlight-color,rgb(255 255 255))!important}.laravel-livewire-tables-highlight-top{border-style:solid!important;border-top-width:2px!important;border-bottom-width:0!important;border-color:var(--rappasoft-table-top-highlight-color,var(--rappasoft-table-highlight-color,rgb(255 255 255)))!important}.laravel-livewire-tables-highlight-bottom{border-style:solid!important;border-top-width:0!important;border-bottom-width:2px!important;border-color:var(--rappasoft-table-bottom-highlight-color,var(--rappasoft-table-highlight-color,rgb(255 255 255)))!important}.laravel-livewire-tables-reorderingMinimised{width:0}.laravel-livewire-table-dragging{opacity:.5!important}.range-slider.grad{--progress-shadow:2px 2px 4px rgba(0, 0, 0, 0.2) inset;--progress-flll-shadow:var(--progress-shadow);--fill-color:linear-gradient(to right, LightCyan, var(--primary-color, #0366d6));--thumb-shadow:0 0 4px rgba(0, 0, 0, 0.3),-3px 9px 9px rgba(255, 241, 241, 0.33) inset,-1px 3px 2px rgba(255, 255, 255, 0.33) inset,0 0 0 99px var(--primary-color, #0366d6) inset}.range-slider.grad input:hover{--thumb-transform:scale(1.2)}.range-slider.grad input:active{--thumb-shadow:inherit;--thumb-transform:scale(1)}.range-slider.flat{--thumb-size:25px;--track-height:calc(var(--thumb-size) / 3);--progress-shadow:none;--progress-flll-shadow:none;--thumb-shadow:0 0 0 7px var(--primary-color, #0366d6) inset,0 0 0 99px white inset;--thumb-shadow-hover:0 0 0 9px var(--primary-color, #0366d6) inset,0 0 0 99px white inset;--thumb-shadow-active:0 0 0 13px var(--primary-color, #0366d6) inset}.range-slider{--value-offset-y:var(--ticks-gap);--value-background:transparent;--value-font:700 12px/1 Arial;--progress-radius:20px;--track-height:calc(var(--thumb-size) / 2);--min-max-opacity:1;--min-max-x-offset:10%;--thumb-size:22px;--thumb-shadow:0 0 3px rgba(0, 0, 0, 0.4),0 0 1px rgba(0, 0, 0, 0.5) inset,0 0 0 99px var(--thumb-color, white) inset;--thumb-shadow-active:0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color, white),0 0 0 99px var(--primary-color, #0366d6) inset,0 0 3px rgba(0, 0, 0, 0.4);--thumb-shadow-hover:var(--thumb-shadow);--ticks-thickness:1px;--ticks-height:5px;--ticks-gap:var(--ticks-height, + 0);--step:1;--ticks-count:Calc(var(--max) - var(--min))/var(--step);--maxTicksAllowed:30;--too-many-ticks:Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));--x-step:Max(var(--step), + var(--too-many-ticks) * (var(--max) - var(--min)));--tickInterval:100/((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);--tickIntervalPerc:calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));--value-a:Clamp(var(--min), var(--value, 0), - var(--max)); - --value-b: var(--value, 0); - --text-value-a: var(--text-value, ""); - --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100); - --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100); - --ca: Min(var(--completed-a), - var(--completed-b)); - --cb: Max(var(--completed-a), var(--completed-b)); - --thumbs-too-close: Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1); - --thumb-close-to-min: Min(1, Max(var(--ca) - 2, - 0)); - --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0)); - display: inline-block; - height: max(var(--track-height), var(--thumb-size)); - background: linear-gradient(to right, var(--ticks-color, silver) var(--ticks-thickness), transparent 1px) repeat-x; - background-size: var(--tickIntervalPerc) var(--ticks-height); - background-position-x: calc(var(--thumb-size)/ 2 - var(--ticks-thickness)/ 2); - background-position-y: var(--flip-y, bottom); - padding-bottom: var(--flip-y, var(--ticks-gap)); - padding-top: calc(var(--flip-y) * var(--ticks-gap)); - position: relative; - z-index: 1 -} - -.range-slider::after, -.range-slider::before { - --offset: calc(var(--thumb-size) / 2); - content: counter(x); - display: var(--show-min-max, block); - font: var(--min-max-font, 12px Arial); - position: absolute; - bottom: var(--flip-y, -2.5ch); - top: calc(-2.5ch * var(--flip-y)); - opacity: clamp(0, var(--at-edge), var(--min-max-opacity)); - transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge)); - pointer-events: none -} - -.dark .range-slider::after, -.dark .range-slider::before, -.dark .range-slider>input+output::after, -.dark .range-slider>input:first-of-type+output::after { - color: #fff -} - -.range-slider::before { - --before: 1; - --at-edge: var(--thumb-close-to-min); - counter-reset: x var(--min); - left: var(--offset) -} - -.range-slider::after { - --at-edge: var(--thumb-close-to-max); - counter-reset: x var(--max); - right: var(--offset) -} - -.range-slider__progress::after, -.range-slider__progress::before { - content: ""; - top: 0; - right: 0; - bottom: 0; - border-radius: inherit; - left: 0 -} - -.range-slider__values { - position: relative; - top: 50%; - line-height: 0; - text-align: justify; - width: 100%; - pointer-events: none; - margin: 0 auto; - z-index: 5 -} - -.range-slider__values::after { - content: ""; - width: 100%; - display: inline-block; - height: 0; - background: red -} - -.range-slider__progress { - --start-end: calc(var(--thumb-size) / 2); - --clip-end: calc(100% - (var(--cb)) * 1%); - --clip-start: calc(var(--ca) * 1%); - --clip: inset(-20px var(--clip-end) -20px var(--clip-start)); - position: absolute; - left: var(--start-end); - right: var(--start-end); - top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size)/ 2 - var(--track-height)/ 2); - height: calc(var(--track-height)); - background: var(--progress-background, #eee); - pointer-events: none; - z-index: -1; - border-radius: var(--progress-radius) -} - -.range-slider__progress::before { - position: absolute; - -webkit-clip-path: var(--clip); - clip-path: var(--clip); - background: var(--fill-color, #0366d6); - box-shadow: var(--progress-flll-shadow); - z-index: 1 -} - -.range-slider__progress::after { - position: absolute; - box-shadow: var(--progress-shadow); - pointer-events: none -} - -.range-slider>input { - -webkit-appearance: none; - width: 100%; - height: var(--thumb-size); - margin: 0; - position: absolute; - left: 0; - top: calc(50% - Max(var(--track-height), var(--thumb-size))/ 2 + calc(var(--ticks-gap)/ 2 * var(--flip-y, -1))); - cursor: -webkit-grab; - cursor: grab; - outline: 0; - background: 0 0 -} - -.range-slider>input:not(:only-of-type) { - pointer-events: none -} - -.range-slider>input::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - height: var(--thumb-size); - width: var(--thumb-size); - transform: var(--thumb-transform); - border-radius: var(--thumb-radius, 50%); - background: var(--thumb-color, #fff); - box-shadow: var(--thumb-shadow); - border: none; - pointer-events: auto; - -webkit-transition: .1s; - transition: .1s -} - -.range-slider>input::-moz-range-thumb { - -moz-appearance: none; - appearance: none; - height: var(--thumb-size); - width: var(--thumb-size); - transform: var(--thumb-transform); - border-radius: var(--thumb-radius, 50%); - background: var(--thumb-color, #fff); - box-shadow: var(--thumb-shadow); - border: none; - pointer-events: auto; - -moz-transition: .1s; - transition: .1s -} - -.range-slider>input::-ms-thumb { - appearance: none; - height: var(--thumb-size); - width: var(--thumb-size); - transform: var(--thumb-transform); - border-radius: var(--thumb-radius, 50%); - background: var(--thumb-color, #fff); - box-shadow: var(--thumb-shadow); - border: none; - pointer-events: auto; - -ms-transition: .1s; - transition: .1s -} - -.range-slider>input:hover { - --thumb-shadow: var(--thumb-shadow-hover) -} - -.range-slider>input:hover+output { - --value-background: var(--value-background-hover, #0366d6); - --y-offset: -5px; - color: var(--value-active-color, #fff); - box-shadow: 0 0 0 3px var(--value-background) -} - -.range-slider>input:active { - --thumb-shadow: var(--thumb-shadow-active); - cursor: -webkit-grabbing; - cursor: grabbing; - z-index: 2 -} - -.range-slider>input:active+output { - transition: none -} - -.range-slider>input:first-of-type { - --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1) -} - -.range-slider>input:first-of-type+output { - --value: var(--value-a); - --x-offset: calc(var(--completed-a) * -1%) -} - -.range-slider>input:first-of-type+output:not(:only-of-type) { - --flip: calc(var(--thumbs-too-close) * -1) -} - -.range-slider>input:first-of-type+output::after { - content: var(--prefix, "") var(--text-value-a) var(--suffix, "") -} - -.range-slider>input:nth-of-type(2) { - --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1) -} - -.range-slider>input:nth-of-type(2)+output { - --value: var(--value-b) -} - -.range-slider>input:only-of-type~.range-slider__progress { - --clip-start: 0 -} - -.range-slider>input+output { - --flip: -1; - --x-offset: calc(var(--completed-b) * -1%); - --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%); - pointer-events: none; - position: absolute; - z-index: 5; - background: var(--value-background); - border-radius: 10px; - padding: 2px 4px; - left: var(--pos); - transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip))); - transition: .12s ease-out, left -} - -.range-slider>input+output::after { - content: var(--prefix, "") var(--text-value-b) var(--suffix, ""); - font: var(--value-font) -} - -body>.range-slider, -label[dir=rtl] .range-slider { - width: clamp(300px, 50vw, 800px); - min-width: 200px -} - -.superhide { - display: none -} + var(--max));--value-b:var(--value, 0);--text-value-a:var(--text-value, "");--completed-a:calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);--completed-b:calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);--ca:Min(var(--completed-a), + var(--completed-b));--cb:Max(var(--completed-a), var(--completed-b));--thumbs-too-close:Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);--thumb-close-to-min:Min(1, Max(var(--ca) - 2, + 0));--thumb-close-to-max:Min(1, Max(98 - var(--cb), 0));display:inline-block;height:max(var(--track-height),var(--thumb-size));background:linear-gradient(to right,var(--ticks-color,silver) var(--ticks-thickness),transparent 1px) repeat-x;background-size:var(--tickIntervalPerc) var(--ticks-height);background-position-x:calc(var(--thumb-size)/ 2 - var(--ticks-thickness)/ 2);background-position-y:var(--flip-y,bottom);padding-bottom:var(--flip-y,var(--ticks-gap));padding-top:calc(var(--flip-y) * var(--ticks-gap));position:relative;z-index:1}.range-slider::after,.range-slider::before{--offset:calc(var(--thumb-size) / 2);content:counter(x);display:var(--show-min-max,block);font:var(--min-max-font, 12px Arial);position:absolute;bottom:var(--flip-y,-2.5ch);top:calc(-2.5ch * var(--flip-y));opacity:clamp(0, var(--at-edge), var(--min-max-opacity));transform:translateX(calc(var(--min-max-x-offset) * var(--before,-1) * -1)) scale(var(--at-edge));pointer-events:none}.dark .range-slider::after,.dark .range-slider::before,.dark .range-slider>input+output::after,.dark .range-slider>input:first-of-type+output::after{color:#fff}.range-slider::before{--before:1;--at-edge:var(--thumb-close-to-min);counter-reset:x var(--min);left:var(--offset)}.range-slider::after{--at-edge:var(--thumb-close-to-max);counter-reset:x var(--max);right:var(--offset)}.range-slider__progress::after,.range-slider__progress::before{content:"";top:0;right:0;bottom:0;border-radius:inherit;left:0}.range-slider__values{position:relative;top:50%;line-height:0;text-align:justify;width:100%;pointer-events:none;margin:0 auto;z-index:5}.range-slider__values::after{content:"";width:100%;display:inline-block;height:0;background:red}.range-slider__progress{--start-end:calc(var(--thumb-size) / 2);--clip-end:calc(100% - (var(--cb)) * 1%);--clip-start:calc(var(--ca) * 1%);--clip:inset(-20px var(--clip-end) -20px var(--clip-start));position:absolute;left:var(--start-end);right:var(--start-end);top:calc(var(--ticks-gap) * var(--flip-y,0) + var(--thumb-size)/ 2 - var(--track-height)/ 2);height:calc(var(--track-height));background:var(--progress-background,#eee);pointer-events:none;z-index:-1;border-radius:var(--progress-radius)}.range-slider__progress::before{position:absolute;-webkit-clip-path:var(--clip);clip-path:var(--clip);background:var(--fill-color,#0366d6);box-shadow:var(--progress-flll-shadow);z-index:1}.range-slider__progress::after{position:absolute;box-shadow:var(--progress-shadow);pointer-events:none}.range-slider>input{-webkit-appearance:none;width:100%;height:var(--thumb-size);margin:0;position:absolute;left:0;top:calc(50% - Max(var(--track-height),var(--thumb-size))/ 2 + calc(var(--ticks-gap)/ 2 * var(--flip-y,-1)));cursor:-webkit-grab;cursor:grab;outline:0;background:0 0}.range-slider>input:not(:only-of-type){pointer-events:none}.range-slider>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color,#fff);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-webkit-transition:.1s;transition:.1s}.range-slider>input::-moz-range-thumb{-moz-appearance:none;appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color,#fff);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-moz-transition:.1s;transition:.1s}.range-slider>input::-ms-thumb{appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color,#fff);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-ms-transition:.1s;transition:.1s}.range-slider>input:hover{--thumb-shadow:var(--thumb-shadow-hover)}.range-slider>input:hover+output{--value-background:var(--value-background-hover, #0366d6);--y-offset:-5px;color:var(--value-active-color,#fff);box-shadow:0 0 0 3px var(--value-background)}.range-slider>input:active{--thumb-shadow:var(--thumb-shadow-active);cursor:-webkit-grabbing;cursor:grabbing;z-index:2}.range-slider>input:active+output{transition:none}.range-slider>input:first-of-type{--is-left-most:Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1)}.range-slider>input:first-of-type+output{--value:var(--value-a);--x-offset:calc(var(--completed-a) * -1%)}.range-slider>input:first-of-type+output:not(:only-of-type){--flip:calc(var(--thumbs-too-close) * -1)}.range-slider>input:first-of-type+output::after{content:var(--prefix, "") var(--text-value-a) var(--suffix, "")}.range-slider>input:nth-of-type(2){--is-left-most:Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1)}.range-slider>input:nth-of-type(2)+output{--value:var(--value-b)}.range-slider>input:only-of-type~.range-slider__progress{--clip-start:0}.range-slider>input+output{--flip:-1;--x-offset:calc(var(--completed-b) * -1%);--pos:calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);pointer-events:none;position:absolute;z-index:5;background:var(--value-background);border-radius:10px;padding:2px 4px;left:var(--pos);transform:translate(var(--x-offset),calc(150% * var(--flip) - (var(--y-offset,0px) + var(--value-offset-y)) * var(--flip)));transition:.12s ease-out,left}.range-slider>input+output::after{content:var(--prefix, "") var(--text-value-b) var(--suffix, "");font:var(--value-font)}body>.range-slider,label[dir=rtl] .range-slider{width:clamp(300px,50vw,800px);min-width:200px}.superhide{display:none} \ No newline at end of file diff --git a/resources/imports/laravel-livewire-tables-all.js b/resources/imports/laravel-livewire-tables-all.js new file mode 100644 index 000000000..eee5a6ef5 --- /dev/null +++ b/resources/imports/laravel-livewire-tables-all.js @@ -0,0 +1,4 @@ +import '../js/laravel-livewire-tables-thirdparty.min.js' +import '../js/laravel-livewire-tables.min.js' +import '../css/laravel-livewire-tables-thirdparty.css' +import '../css/laravel-livewire-tables.css' diff --git a/resources/imports/laravel-livewire-tables-thirdparty.js b/resources/imports/laravel-livewire-tables-thirdparty.js index 8dca724bb..8f275be28 100644 --- a/resources/imports/laravel-livewire-tables-thirdparty.js +++ b/resources/imports/laravel-livewire-tables-thirdparty.js @@ -1,2 +1,2 @@ -import './css/laravel-livewire-tables-thirdparty.css' -import './js/laravel-livewire-tables-thirdparty.min.js' +import '../css/laravel-livewire-tables-thirdparty.css' +import '../js/laravel-livewire-tables-thirdparty.min.js' diff --git a/resources/imports/laravel-livewire-tables.js b/resources/imports/laravel-livewire-tables.js index 0048c0c16..bd3987b97 100644 --- a/resources/imports/laravel-livewire-tables.js +++ b/resources/imports/laravel-livewire-tables.js @@ -1,2 +1,2 @@ -import './css/laravel-livewire-tables.css' -import './js/laravel-livewire-tables.js' +import '../css/laravel-livewire-tables.css' +import '../js/laravel-livewire-tables.min.js'