[Vue] migrate date-picker and other period-selector related components (#18213)

* migrating RateFeature and ReviewLinks + adding AjaxHelper.fetch utility method (all untested)

* get ratefeature component to work, modify matomodialog component to use v-model, add event parameters to createAngularAdapter, allow translate to use variadic args or one string array + rebuild

* remove ratefeature angularjs files

* rebuild + make vue mapping property optional in createANgularJsAdapter

* migrate enrichedheadline and get to work

* fix test

* fix translate

* fix another translate issue & migrate contentblock directive

* fix anchor links, not including the "/" causes angularjs to fail (also on 4.x-dev)

* update expected screenshots

* fix ui test

* fix some test failures

* fix nested transclude issue

* remove content block files

* fix icon spacing that occurs due to angularjs inserting empty comments in between nodes while vue 3 does not

* update some screenshots

* update screenshot (actually fixes an alignment issue)

* update screenshot

* first pass at converting comparisons service/component

* get new code to build and load without error in the UI

* debugging

* getting basic functionaltiy to work

* Update _dataTable.twig

* fix UI test failure + URL encoding/angularjs issue causing back button to not work

* fix order of operations issue

* built vue files

* using ref in setup() is not needed to access this.$refs

* Convert comparisons service angularjs tests to comparison store typescript tests.

* migrate piwik-date-picker directive

* migrate date range picker component (changed invalid date in input handling to just reset back to the previous date since it was easier in vue to do that)

* migrate period-date-picker component (using composition api more when easier for migration)

* convert piwik-expand-onclick directive to vue directive

* migrate expand on hover directive to vue directive

* fix variable reference

* build

* built vue files

* rewrite URL handling to use computed properties in a URL store + do the same for other dependent data in the comparison store to allow vues to subscribe to the properties for changes to global state

* fix some tests

* some more fixes

* more fixes + disallow modifications to MatomoUrl state

* get angularjs unit tests to pass + fix a couple more issues

* another fix

* fix bad merge

* self review + fixes

* remove old fix as it may not be needed anymore

* empty string is not a valid date + do not report invalid date exception just rethrow

* update screenshots and try to fix random failure

* use jquery $destroy event instead of scope one since the scope one is broadcasted

* rangeChange event must be triggered once on mount

* initialize startDateText/endDateText correctly

* use jquery $destroy event instead of angularjs one

* built vue files

* correctly implement stateful directives for ExpandOnClick/ExpandOnHover

* built vue files

* Update DatePicker.vue

* Update DatePicker.vue

* built vue files

1 files changed, 0 insertions, 68 deletions

diff --git a/plugins/CoreHome/angularjs/selector/selector.directive.less b/plugins/CoreHome/angularjs/selector/selector.directive.less
deleted file mode 100644
index d7053dd45d..0000000000
--- a/plugins/CoreHome/angularjs/selector/selector.directive.less
+++ /dev/null
@@ -1,68 +0,0 @@
-.piwikSelector {
-  display: inline-block;
-  line-height: 0;
-
-  span.title,
-  a.title {
-    .font-default(11px, 12px);
-    display: inline-block;
-    width: 100%;
-    padding: 10px 15px 11px 13px;
-    white-space: nowrap;
-    cursor: pointer;
-    text-transform: uppercase;
-    text-decoration: none;
-    color: @theme-color-text;
-
-    &.activityIndicator {
-      background: url(plugins/Morpheus/images/loading-blue.gif) no-repeat 9px 9px;
-
-      .icon {
-        visibility: hidden;
-      }
-    }
-
-    .icon {
-      padding-right: 6px;
-      display: inline-block;
-      vertical-align: top;
-
-      &.iconHidden {
-        visibility: hidden;
-      }
-    }
-
-    .icon:not(.icon-fixed) {
-      float: left;
-      &:after {
-        clear:right;
-        content: ' ';
-      }
-    }
-
-    &:hover, &:focus {
-      text-decoration: none;
-    }
-  }
-
-  .dropdown {
-    .font-default(11px, 15px);
-    display: none;
-    padding: 5px 19px 11px 19px;
-  }
-
-  &.expanded {
-    .dropdown {
-      display: block;
-      margin-top: 2px;
-      margin-left: -1px;
-      position: absolute;
-      z-index: 999;
-      border: 1px solid @theme-color-background-base;
-      border-radius: 2px;
-      box-shadow: 4px 7px 25px rgba(0,0,0,0.3);
-      padding: 16px;
-      background-color: @theme-color-background-contrast;
-    }
-  }
-}