1"use strict";(self.webpackChunk_cmrad_cmrad=self.webpackChunk_cmrad_cmrad||[]).push([[875,67696,15114],{59692:function(n,a,r){var e=r(27897),i=r.n(e),t=r(1519),s=r.n(t)()(i());s.push([n.id,"[data-v-d9882b48]:root{--white_hs:0,0%;--gray-200_hs:210,17%;--gray-300_hs:210,14%;--gray-400_hs:210,14%;--gray-500_hs:210,11%;--gray-600_hs:208,7%;--gray-700_hs:210,9%;--gray-800_hs:210,10%;--gray-900_hs:210,11%;--black_hs:0,0%;--white_l:100%;--gray-200_l:98%;--gray-300_l:89%;--gray-400_l:83%;--gray-500_l:71%;--gray-600_l:46%;--gray-700_l:31%;--gray-800_l:23%;--gray-900_l:15%;--black_l:0%;--white:hsl(var(--white_hs),var(--white_l));--gray-200:hsl(var(--gray-200_hs),var(--gray-200_l));--gray-300:hsl(var(--gray-300_hs),var(--gray-300_l));--gray-400:hsl(var(--gray-400_hs),var(--gray-400_l));--gray-500:hsl(var(--gray-500_hs),var(--gray-500_l));--gray-600:hsl(var(--gray-600_hs),var(--gray-600_l));--gray-700:hsl(var(--gray-700_hs),var(--gray-700_l));--gray-800:hsl(var(--gray-800_hs),var(--gray-800_l));--gray-900:hsl(var(--gray-900_hs),var(--gray-900_l));--black:hsl(var(--black_hs),var(--black_l));--primary_darker_hs:4,80%;--primary_dark_hs:4,85%;--primary_hs:4,87%;--primary-light_hs:4,88%;--primary-lighter_hs:4,100%;--success_hs:166,81%;--warning_hs:46,100%;--danger_hs:353,58%;--ai-blue_hs:206,66%;--ai-blue-med_hs:205,89%;--ai-blue-light_hs:204,100%;--premium_hs:173,70%;--primary_darker_l:40%;--primary_dark_l:50%;--primary_l:60%;--primary-light_l:75%;--primary-lighter_l:97%;--success_l:42%;--warning_l:50%;--danger_l:47%;--ai-blue_l:28%;--ai-blue-med_l:82%;--ai-blue-light_l:93%;--premium_l:35%;--primary-darker:hsl(var(--primary_darker_hs),var(--primary_darker_l));--primary-dark:hsl(var(--primary_dark_hs),var(--primary_dark_l));--primary:hsl(var(--primary_hs),var(--primary_l));--primary-light:hsl(var(--primary-light_hs),var(--primary-light_l));--primary-lighter:hsl(var(--primary-lighter_hs),var(--primary-lighter_l));--success:hsl(var(--success_hs),var(--success_l));--warning:hsl(var(--warning_hs),var(--warning_l));--danger:hsl(var(--danger_hs),var(--danger_l));--ai-blue:hsl(var(--ai-blue_hs),var(--ai-blue_l));--ai-blue-med:hsl(var(--ai-blue-med_hs),var(--ai-blue-med_l));--ai-blue-light:hsl(var(--ai-blue-light_hs),var(--ai-blue-light_l));--premium:hsl(var(--premium_hs),var(--premium_l));--default-font-size-increase:0.390625vw;--default-responsive-space-unit:1.5625vw;--responsive-title-font-size:clamp(0.5rem,calc(1rem + var(--default-font-size-increase)),1.5rem);--menu-size:40px;--menu-text-size:calc(var(--menu-size)*0.25);--left-sidebar-open-width:calc(var(--menu-size)*5);--right-sidebar-open-width:calc(var(--menu-size)*6);--sidebar-content-width:calc(-1px + var(--right-sidebar-open-width) - var(--menu-size));--menu-border:1px solid var(--gray-800);--nav-sidebar-z-index:100;--platform-header-height:var(--menu-size);--results-tabs-height:54.609px;--results-tabs-margin-bottom:8px}.now[data-v-d9882b48]{color:#5f9ea0}.date[data-v-d9882b48]{display:inline}.date[data-v-d9882b48],.date fa[data-v-d9882b48]{font-size:.75rem;font-weight:600}.reply-date[data-v-d9882b48]{display:block;margin-left:calc(35px + 1rem);margin-top:1rem}@media (max-width:1279.98px){.reply-date[data-v-d9882b48]{margin:0!important;position:absolute;right:1rem;top:0}}","",{version:3,sources:["webpack://./resources/sass/config/_variables.scss","webpack://./resources/js/Molecules/DateTimeStamp.vue","webpack://./node_modules/bootstrap/scss/mixins/_breakpoints.scss"],names:[],mappings:"AAEA,uBAME,eAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,oBAAA,CACA,oBAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CAGA,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,YAAA,CAGA,2CAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,oDAAA,CACA,2CAAA,CAOA,yBAAA,CACA,uBAAA,CACA,kBAAA,CACA,wBAAA,CACA,2BAAA,CAEA,oBAAA,CACA,oBAAA,CACA,mBAAA,CAEA,oBAAA,CACA,wBAAA,CACA,2BAAA,CAEA,oBAAA,CAGA,sBAAA,CACA,oBAAA,CACA,eAAA,CACA,qBAAA,CACA,uBAAA,CAEA,eAAA,CACA,eAAA,CACA,cAAA,CAEA,eAAA,CACA,mBAAA,CACA,qBAAA,CAEA,eAAA,CAOA,sEAAA,CACA,gEAAA,CACA,iDAAA,CACA,mEAAA,CACA,yEAAA,CAEA,iDAAA,CACA,iDAAA,CACA,8CAAA,CAEA,iDAAA,CACA,6
1DAAA,CACA,mEAAA,CAEA,iDAAA,CAKA,uCAAA,CACA,wCAAA,CACA,gGAAA,CAGA,gBAAA,CACA,4CAAA,CACA,kDAAA,CACA,mDAAA,CAEA,uFAAA,CACA,uCAAA,CACA,yBAAA,CAEA,yCAAA,CACA,8BAAA,CACA,gCCxCF,CA7EA,sBACE,aAgFF,CA7EA,uBACE,cAgFF,CA7EA,iDAEE,gBAAA,CACA,eAgFF,CA7EA,6BAGE,aAAA,CADA,6BAAA,CADA,eAkFF,CC5BI,6BDhDF,6BACE,kBAAA,CACA,iBAAA,CAEA,UAAA,CADA,KAiFF,CACF",sourcesContent:["@import '../utilities/responsive';\n\n:root {\n // COLORS\n\n // GRAY COLORS START -------------------------------------------------------------------------------\n\n // HUE & SATURATION\n --white_hs: 0, 0%;\n --gray-200_hs: 210, 17%;\n --gray-300_hs: 210, 14%;\n --gray-400_hs: 210, 14%;\n --gray-500_hs: 210, 11%;\n --gray-600_hs: 208, 7%;\n --gray-700_hs: 210, 9%;\n --gray-800_hs: 210, 10%;\n --gray-900_hs: 210, 11%;\n --black_hs: 0, 0%;\n\n // LIGHTNESS\n --white_l: 100%;\n --gray-200_l: 98%;\n --gray-300_l: 89%;\n --gray-400_l: 83%;\n --gray-500_l: 71%;\n --gray-600_l: 46%;\n --gray-700_l: 31%;\n --gray-800_l: 23%;\n --gray-900_l: 15%;\n --black_l: 0%;\n\n // HSL\n --white: hsl(var(--white_hs), var(--white_l));\n --gray-200: hsl(var(--gray-200_hs), var(--gray-200_l));\n --gray-300: hsl(var(--gray-300_hs), var(--gray-300_l));\n --gray-400: hsl(var(--gray-400_hs), var(--gray-400_l));\n --gray-500: hsl(var(--gray-500_hs), var(--gray-500_l));\n --gray-600: hsl(var(--gray-600_hs), var(--gray-600_l));\n --gray-700: hsl(var(--gray-700_hs), var(--gray-700_l));\n --gray-800: hsl(var(--gray-800_hs), var(--gray-800_l));\n --gray-900: hsl(var(--gray-900_hs), var(--gray-900_l));\n --black: hsl(var(--black_hs), var(--black_l));\n\n // GRAY COLORS END -------------------------------------------------------------------------------\n\n // CMRAD COLORS START ----------------------------------------------------------------------------\n\n // HUE & SATURATION\n --primary_darker_hs: 4, 80%;\n --primary_dark_hs: 4, 85%;\n --primary_hs: 4, 87%;\n --primary-light_hs: 4, 88%;\n --primary-lighter_hs: 4, 100%;\n\n --success_hs: 166, 81%;\n --warning_hs: 46, 100%;\n --danger_hs: 353, 58%;\n\n --ai-blue_hs: 206, 66%;\n --ai-blue-med_hs: 205, 89%;\n --ai-blue-light_hs: 204, 100%;\n\n --premium_hs: 173, 70%;\n\n // LIGHTNESS\n --primary_darker_l: 40%;\n --primary_dark_l: 50%;\n --primary_l: 60%;\n --primary-light_l: 75%;\n --primary-lighter_l: 97%;\n\n --success_l: 42%;\n --warning_l: 50%;\n --danger_l: 47%;\n\n --ai-blue_l: 28%;\n --ai-blue-med_l: 82%;\n --ai-blue-light_l: 93%;\n\n --premium_l: 35%;\n\n // HSL\n // --primary: hsl(247, 82%, 66%);\n // --primary-light: hsl(245, 80%, 70%);\n // --primary-lighter: hsl(236, 79%, 75%);\n\n --primary-darker: hsl(var(--primary_darker_hs), var(--primary_darker_l));\n --primary-dark: hsl(var(--primary_dark_hs), var(--primary_dark_l));\n --primary: hsl(var(--primary_hs), var(--primary_l));\n --primary-light: hsl(var(--primary-light_hs), var(--primary-light_l));\n --primary-lighter: hsl(var(--primary-lighter_hs), var(--primary-lighter_l));\n\n --success: hsl(var(--success_hs), var(--success_l));\n --warning: hsl(var(--warning_hs), var(--warning_l));\n --danger: hsl(var(--danger_hs), var(--danger_l));\n\n --ai-blue: hsl(var(--ai-blue_hs), var(--ai-blue_l));\n --ai-blue-med: hsl(var(--ai-blue-med_hs), var(--ai-blue-med_l));\n --ai-blue-light: hsl(var(--ai-blue-light_hs), var(--ai-blue-light_l));\n\n --premium: hsl(var(--premium_hs), var(--premium_l));\n\n // CMRAD COLORS END ----------------------------------------------------------------------------\n\n // RESPONSIVE FONT SIZING ----------------------------------------------------------------------\n --default-font-size-increase: 0.390625vw;\n --default-responsive-space-unit: 1.5625vw;\n --responsive-title-font-size: #{responsive-font(1rem, 0.5rem, 1.5rem)};\n\n // SHARED COMPONENT VARIABLES -------------------------------------------------------------------\n --menu-size: 40px;\n --menu-text-size: calc(var(--menu-size) * 0.25);\n --left-sidebar-open-width: calc(var(--menu-size) * 5);\n --right-sidebar-open-width: calc(var(--menu-size) * 6);\n /*TODO: find out and write comment on why -1px is necessary below*/\n --sidebar-content-width: calc(-1px + var(--right-sidebar-open-width) - var(--menu-size));\n --menu-border: 1px solid var(--gray-800);\n --nav-sidebar-z-index: 100;\n\n --platform-header-height: var(--menu-size);\n --results-tabs-height: 54.609px;\n --results-tabs-margin-bottom: 8px;\n}\n\n// Bootstrap overwrites\n$white: #fff;\n$gray-50: #efefef;\n$gray-75: #d9d9d9;\n$gray-100: #e6e6e6;\n$gray-200: #f8f9fa;\n$gray-300: #dfe3e7;\n$gray-400: #ced4da;\n$gray-500: #adb5bd;\n$gray-600: #6c757d;\n$gray-700: #495057;\n$gray-750: #434b52;\n$gray-800: #343a40;\n$gray-900: #212529;\n$black: #000;\n\n//LIGHT THEME\n$body-bg: darken($gray-50, 2);\n$header-bg: darken($gray-50, 2);\n$footer-bg: $gray-800;\n\n// DARK THEME\n$dark-body-bg: $gray-900;\n$dark-header-bg: $gray-900;\n$dark-footer-bg: $gray-800;\n\n// CMRAD Colors\n// $red-base: #f24c3f;\n// $red-light: #f78f87;\n// $red-error: #bd3243;\n// $red-lighter: #fff2f1;\n// $green-base: #15c399;\n// $yellow-base: #ffc200;\n// $ai-blue: #184e77;\n// $ai-blue-med: #aad9fa;\n// $ai-blue-light: #d9f0ff;\n// $premium: #1b998b;\n\n// Headings\n$headings-font-weight: 600;\n$headings-color: $gray-900;\n\n// Bootstrap variables correpondance\n$primary: #f24c3f;\n$secondary: #f78f87;\n$success: #15c399;\n$info: #184e77;\n$warning: #ffc200;\n$danger: #bd3243;\n$approved: #15c399;\n$light: #e6e6e6;\n$dark: #6c757d;\n\n// Navbar\n$navbar-default-bg: $body-bg;\n\n// Inputs\n$input-border: 1px solid $gray-900;\n$input-border-dark: 1px solid darken($gray-50, 2);\n\n// Panels\n$panel-default-heading-bg: $white;\n\n// Borders\n$laravel-border-color: $gray-700;\n\n// HR Borders\n$hr-border: 1px solid $gray-400;\n$hr-border-dark: 1px solid $gray-800;\n\n$border-radius: 5px;\n\n$list-group-border: $laravel-border-color;\n$navbar-default-border: $laravel-border-color;\n$panel-default-border: $laravel-border-color;\n$panel-inner-border: $laravel-border-color;\n\n// Grid\n$grid-breakpoints: (\n xs: 0,\n sm: 767px,\n md: 1024px,\n lg: 1280px,\n xl: 1440p
1x,\n xxl: 1600px,\n xxxl: 1920px,\n);\n$container-max-widths: (\n md: 1024px,\n lg: 1280px,\n xl: 1440px,\n xxl: 1600px,\n xxxl: 1920px,\n);\n\n//tables\n$table-head-bg: $gray-100;\n$table-hover-bg: darken($gray-50, 2);\n$table-bg: $white;\n$table-accent-bg: lighten($gray-50, 2);\n$table-striped-order: 'even';\n\n$table-dark-head-bg: $dark-header-bg;\n$table-dark-hover-bg: $black;\n$table-dark-bg: $black;\n$table-dark-accent-bg: $gray-900;\n\n// Motion\n$ease-effect: all 0.3s ease-out; //transition\n$bg-color-transition: background-color 0.3s ease-out;\n\n// affecting highlight\n$component-active-bg: $gray-600;\n\n// vue-select hover effect\n$vs-state-active-bg: $gray-100 !default;\n$vs-state-active-color: $gray-900 !default;\n$vs-component-placeholder-color: $gray-600 !default;\n\n// Typography\n$font-family-sans-serif: 'Open Sans', sans-serif;\n$font-size-base: 1rem;\n$line-height-base: 1.5;\n$enable-responsive-font-sizes: true;\n","\n@import '../../sass/config/variables';\n@import '~bootstrap/scss/mixins/breakpoints';\n\n.now {\n color: cadetblue;\n}\n\n.date {\n display: inline;\n}\n\n.date,\n.date fa {\n font-size: 0.75rem;\n font-weight: 600;\n}\n\n.reply-date {\n margin-top: 1rem;\n margin-left: calc(35px + 1rem);\n display: block;\n}\n\n@include media-breakpoint-down(md) {\n .reply-date {\n margin: 0 !important;\n position: absolute;\n top: 0;\n right: 1rem;\n }\n}\n",'// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// "" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// "-sm"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint\'s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n'],sourceRoot:""}]),a.Z=s},875:function(n,a,r){r.r(a),r.d(a,{default:function(){return c}});var e=r(23855),i=r(77349),t=r(33913),s=r(42298),l=r(62030),A=r(20629);function o(n){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},o(n)}function m(n,a){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);a&&(e=e.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),r.push.apply(r,e)}return r}function p(n){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};
1a%2?m(Object(r),!0).forEach((function(a){d(n,a,r[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(a){Object.defineProperty(n,a,Object.getOwnPropertyDescriptor(r,a))}))}return n}function d(n,a,r){return(a=function(n){var a=function(n,a){if("object"!==o(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var e=r.call(n,a||"default");if("object"!==o(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===a?String:Number)(n)}(n,"string");return"symbol"===o(a)?a:String(a)}(a))in n?Object.defineProperty(n,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[a]=r,n}var h={name:"DateTimeStamp",props:{pastFormat:{type:String,default:"dd-MMM-yyyy HH:mm"},showIcon:{type:Boolean,default:!0},dateOnly:Boolean,compact:Boolean,date:String,showRelative:{type:Boolean,default:!0}},computed:p(p({},(0,A.Se)(["isDarkThemeEnabled"])),{},{now:function(){return new Date},parsedDate:function(){return(0,e.Z)(this.date)},aWeekFromDate:function(){return(0,i.Z)(this.parsedDate,7)},isDatePast:function(){return(0,t.Z)(this.aWeekFromDate)},stampDate:function(){return this.dateOnly?(0,s.Z)(this.parsedDate,"dd-MMM-yyyy",{weekStartsOn:1}):1!=this.isDatePast&&this.showRelative?(0,l.Z)(this.parsedDate,{includeSeconds:!0})+" ago":(0,s.Z)(this.parsedDate,this.pastFormat,{weekStartsOn:1})}})},g=r(93379),b=r.n(g),u=r(59692),y={insert:"head",singleton:!1},c=(b()(u.Z,y),u.Z.locals,(0,r(51900).Z)(h,(function(){var n=this,a=n._self._c;return a("div",{staticClass:"date",class:[{"my-2":!n.compact},n.isDarkThemeEnabled?"":"gray-600"]},[n.showIcon?a("i",{staticClass:"fa fa-clock mr-1"}):n._e(),n._v(n._s(n.stampDate)+"\n")])}),[],!1,null,"d9882b48",null).exports)}}]); 2//# sourceMappingURL=875.3c6675a290843eb1.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.