ember-inspector 4.13.1-alpha.2024.8.9 → 4.13.1-alpha.2025.6.7

package/dist/bookmarklet/panes-3-16-0/assets/vendor.css

@@ -157,6 +157,10 @@
 }
 .flatpickr-months .flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
   text-decoration: none;
   cursor: pointer;
   position: absolute;
@@ -1423,15 +1427,15 @@ ol .occluded-content {
   z-index: 500;
 }
 
-.drag-handle--right {
+.drag-handle-right {
   margin-right: calc(var(--drag-handle-width) / 2 * -1);
 }
 
-.drag-handle--left {
+.drag-handle-left {
   margin-left: calc(var(--drag-handle-width) / 2 * -1);
 }
 
-.drag-handle__border {
+.drag-handle-border {
   border-left: 1px solid var(--base06);
   margin-left: calc(var(--drag-handle-width) / 2);
   width: 1px;
@@ -1440,17 +1444,17 @@ ol .occluded-content {
 .drag-handle:active {
   width: var(--drag-handle-active-width);
 }
-.drag-handle:active.drag-handle--right {
+.drag-handle:active.drag-handle-right {
   margin-right: calc(var(--drag-handle-active-width) / 2 * -1);
 }
-.drag-handle:active.drag-handle--left {
+.drag-handle:active.drag-handle-left {
   margin-left: calc(var(--drag-handle-active-width) / 2 * -1);
 }
-.drag-handle:active .drag-handle__border {
+.drag-handle:active .drag-handle-border {
   margin-left: calc(var(--drag-handle-active-width) / 2);
 }
 
-.drag-handle--faded {
+.drag-handle-faded {
   opacity: 0.3;
 }
 
@@ -1458,7 +1462,7 @@ ol .occluded-content {
   fill: var(--base07);
 }
 
-.empty-message__content {
+.empty-message-content {
   max-width: 40rem;
 }
 
@@ -1468,48 +1472,49 @@ ol .occluded-content {
   An error with possible reasons and solutions.
   For example: when application is not detected.
 */
-.error-page__content {
+.error-page-content {
   border: 1px solid var(--base04);
   width: 530px;
 }
-.error-page__content ul {
+.error-page-content ul {
   list-style-type: disc;
   padding-left: var(--unit4);
 }
-.error-page__content li {
+.error-page-content li {
   padding: 2px 0;
 }
-.error-page__content a {
+.error-page-content a {
   color: var(--spec01);
   text-decoration: none;
 }
 
-.error-page__header {
+.error-page-header {
   border-bottom: 1px solid var(--base04);
   top: -25px;
 }
-.error-page__header .tomster {
+.error-page-header .tomster {
   transform: translateY(90px);
   flex-shrink: 0;
   height: 89px;
   width: 128px;
-  animation: tomsterReveal 0.4s cubic-bezier(0.19, 1, 0.22, 1);
+  animation: tomster-reveal 0.4s cubic-bezier(0.19, 1, 0.22, 1);
   animation-delay: 0.75s;
   animation-fill-mode: forwards;
 }
 
-@keyframes tomsterReveal {
+@keyframes tomster-reveal {
   from {
     transform: translateY(90px);
   }
   to {
-    transform: translateY(0px);
+    transform: translateY(0);
   }
 }
-.error-page__body {
+.error-page-body {
   border-bottom: 1px solid var(--base04);
 }
 
+/* stylelint-disable no-duplicate-selectors */
 .list {
   background: var(--base00);
   box-sizing: border-box;
@@ -1519,7 +1524,7 @@ ol .occluded-content {
   position: relative;
 }
 
-.list__content {
+.list-content {
   overflow: scroll;
   transform: translateZ(0);
 }
@@ -1534,7 +1539,7 @@ ol .occluded-content {
   width: 100%;
 }
 
-.list__header {
+.list-header {
   border-bottom: 1px solid var(--base05);
   height: 30px;
   overflow: hidden;
@@ -1543,10 +1548,10 @@ ol .occluded-content {
   text-align: left;
   user-select: none;
 }
-.list__header .list__row {
+.list-header .list-row {
   background: var(--base00);
 }
-.list__header .list__cell {
+.list-header .list-cell {
   color: var(--inherit);
   font-weight: normal;
   opacity: 1;
@@ -1555,22 +1560,22 @@ ol .occluded-content {
   position: relative;
 }
 
-.list:not(.list_no-alternate-color) .list__content .list__row {
+.list:not(.list-no-alternate-color) .list-content .list-row {
   background: var(--base02);
 }
-.list:not(.list_no-alternate-color) .list__content .list__row.striped {
+.list:not(.list-no-alternate-color) .list-content .list-row.striped {
   background: var(--base00);
 }
 
-.list.list--css-striping .list__row:nth-child(even) {
+.list.list-css-striping .list-row:nth-child(even) {
   background: var(--base00);
 }
 
-.list__cell-content {
+.list-cell-content {
   width: 100%;
 }
 
-.list__cell {
+.list-cell {
   box-sizing: border-box;
   line-height: 30px;
   min-height: 30px;
@@ -1580,41 +1585,41 @@ ol .occluded-content {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.list__cell_size_small {
+.list-cell-size-small {
   flex: none;
   width: 50px;
 }
-.list__cell_size_medium {
+.list-cell-size-medium {
   flex: none;
   width: 130px;
 }
-.list__cell_size_larger {
+.list-cell-size-larger {
   flex: none;
   width: 350px;
 }
-.list__cell_size_large {
+.list-cell-size-large {
   flex: none;
   width: 250px;
 }
-.list__cell_size_huge {
+.list-cell-size-huge {
   flex: none;
   width: 450px;
 }
-.list__cell_value_numeric {
+.list-cell-value-numeric {
   font-family: var(--font-monospace);
   min-width: 65px;
   padding-right: 10px;
   text-align: right;
 }
-.list__cell_main {
+.list-cell-main {
   font-weight: bold;
 }
-.list__cell_spacer {
+.list-cell-spacer {
   border: none;
   flex: none;
   width: 0;
 }
-.list__cell_clickable {
+.list-cell-clickable {
   cursor: pointer;
 }
 
@@ -1622,7 +1627,7 @@ ol .occluded-content {
  * Content in a cell that should not take the entire
  * space. Usually because it has a $E after it.
  */
-.list__cell-partial {
+.list-cell-partial {
   display: inline-block;
   float: left;
   max-width: calc(100% - 40px);
@@ -1631,11 +1636,11 @@ ol .occluded-content {
   white-space: nowrap;
 }
 
-.list__cell-partial_clickable {
+.list-cell-partial-clickable {
   cursor: pointer;
 }
 
-.list__cell-partial_size_medium {
+.list-cell-partial-size-medium {
   max-width: calc(100% - 60px);
 }
 
@@ -1643,35 +1648,35 @@ ol .occluded-content {
  * For example a $E icon to the right
  * of a cell.
  */
-.list__cell-helper {
+.list-cell-helper {
   float: right;
   margin-right: 5px;
 }
 
-.list__link {
+.list-link {
   cursor: pointer;
 }
 
-.list__row:hover .list__cell {
+.list-row:hover .list-cell {
   opacity: 1;
 }
-.list__row:hover .list__cell_clickable {
+.list-row:hover .list-cell-clickable {
   text-decoration: underline;
 }
-.list__row:hover .list__cell-partial_clickable {
+.list-row:hover .list-cell-partial-clickable {
   text-decoration: underline;
 }
-.list__row:hover .list__link {
+.list-row:hover .list-link {
   text-decoration: underline;
 }
 
-.list__row_highlight .list__cell,
-.list__cell_highlight {
+.list-row-highlight .list-cell,
+.list-cell-highlight {
   opacity: 1;
 }
 
 /* ARROW FOR COLLAPSING AND EXPANDING */
-.list__cell-arrow {
+.list-cell-arrow {
   cursor: pointer;
   display: block;
   float: left;
@@ -1679,7 +1684,7 @@ ol .occluded-content {
   position: relative;
   width: 15px;
 }
-.list__cell-arrow:before {
+.list-cell-arrow::before {
   color: var(--base10);
   font-size: 75%;
   position: absolute;
@@ -1688,34 +1693,34 @@ ol .occluded-content {
 }
 
 /* cell expanding/collapsing */
-.list__cell_arrow_expanded,
-.list__cell_arrow_collapsed {
+.list-cell-arrow-expanded,
+.list-cell-arrow-collapsed {
   cursor: pointer;
 }
 
-.list__cell_arrow_collapsed .list__cell-arrow:before {
+.list-cell-arrow-collapsed .list-cell-arrow::before {
   content: "▶";
 }
 
-.list__cell_arrow_expanded .list__cell-arrow:before {
+.list-cell-arrow-expanded .list-cell-arrow::before {
   content: "▼";
 }
 
-.list__row_arrow_collapsed,
-.list__row_arrow_expanded {
+.list-row-arrow-collapsed,
+.list-row-arrow-expanded {
   cursor: pointer;
   position: relative;
 }
 
-.list__row_arrow_collapsed .list__cell-arrow:before {
+.list-row-arrow-collapsed .list-cell-arrow::before {
   content: "▶";
 }
 
-.list__row_arrow_expanded .list__cell-arrow:before {
+.list-row-arrow-expanded .list-cell-arrow::before {
   content: "▼";
 }
 
-.nav__title {
+.nav-title {
   color: var(--base09);
   cursor: default;
   font-size: 1.2rem;
@@ -1740,7 +1745,7 @@ ol .occluded-content {
   ===========
   Anchor tag
 */
-.nav__item {
+.nav-item {
   align-items: center;
   color: var(--base15);
   cursor: default;
@@ -1753,16 +1758,16 @@ ol .occluded-content {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.nav__item:focus {
+.nav-item:focus {
   outline: none;
 }
 
-.nav__item.active {
+.nav-item.active {
   background: var(--focus);
   color: var(--focus-text);
 }
 
-.app.inactive .nav__item.active {
+.app.inactive .nav-item.active {
   background: var(--base06);
 }
 
@@ -1771,44 +1776,44 @@ ol .occluded-content {
   ===========
   Main text of Nav Item
 */
-.nav__item-label {
+.nav-item-label {
   flex-grow: 1;
   font-size: 1.3rem;
 }
 
-.nav--collapsed .nav__item-label,
-.nav--collapsed .nav__item .pill {
+.nav-collapsed .nav-item-label,
+.nav-collapsed .nav-item .pill {
   display: none;
 }
 
-.nav__item-icon {
+.nav-item-icon {
   flex-shrink: 0;
   height: 22px;
   margin-right: 7px;
   width: 22px;
 }
 
-.nav__icon-stroke {
+.nav-icon-stroke {
   fill: var(--base12);
 }
 
-.nav__item.active .nav__icon-stroke {
+.nav-item.active .nav-icon-stroke {
   fill: var(--focus-text);
 }
 
 /* Custom navs */
-.nav--main .nav__item {
+.nav-main .nav-item {
   height: 38px;
   line-height: 38px;
   padding-left: 12px;
 }
 
-.nav--main .pill {
+.nav-main .pill {
   margin-right: var(--unit1);
   margin-left: var(--unit1);
 }
 
-.nav.nav--main .nav__title {
+.nav.nav-main .nav-title {
   padding-left: 14px;
 }
 
@@ -1832,26 +1837,26 @@ ol .occluded-content {
   fill: var(--base12);
 }
 
-.nav__footer.nav--expanded {
+.nav-footer.nav-expanded {
   display: grid;
   grid-template: "left center right" 38px/auto 1fr auto;
   height: 38px;
 }
 
-.nav__footer.nav--collapsed {
+.nav-footer.nav-collapsed {
   display: grid;
   grid-template: "left" 32px "right" 32px;
   height: auto;
 }
 
-.nav__overflow.nav__overflow--active {
+.nav-overflow.nav-overflow-active {
   background-color: var(--focus);
 }
-.nav__overflow.nav__overflow--active .nav__icon-stroke {
+.nav-overflow.nav-overflow-active .nav-icon-stroke {
   fill: var(--focus-text);
 }
 
-.nav__overflow select {
+.nav-overflow select {
   height: 38px;
 }
 
@@ -1873,16 +1878,16 @@ ol .occluded-content {
   background: var(--pill-bg-active);
 }
 
-.pill--small {
+.pill-small {
   font-size: 1rem;
   padding: 2px 4px;
 }
 
-.pill--text {
+.pill-text {
   font-family: var(--font-sans-serif);
 }
 
-.pill--blue {
+.pill-blue {
   background: var(--focus);
   color: var(--focus-text);
 }
@@ -1915,7 +1920,7 @@ ol .occluded-content {
   transform: translateY(1px);
 }
 
-.send-to-console--chevron-only svg {
+.send-to-console-chevron-only svg {
   position: relative;
   top: -1px;
 }
@@ -1948,14 +1953,14 @@ ol .occluded-content {
   transform: translateY(1px);
 }
 
-.object-inspector-toggle.toolbar__icon-button {
+.object-inspector-toggle.toolbar-icon-button {
   margin-right: 0;
   max-height: var(--toolbar-height);
   padding-right: 6px;
   padding-left: 6px;
   transform: scaleX(-1);
 }
-.object-inspector-toggle.toolbar__icon-button:active {
+.object-inspector-toggle.toolbar-icon-button:active {
   transform: translate(1px, 1px) scaleX(-1);
 }
 
@@ -1966,18 +1971,15 @@ ol .occluded-content {
 */
 /* .split: The container for one or more panels */
 .split {
-  bottom: 0;
+  inset: 0;
   display: flex;
   flex: auto;
   flex-direction: row;
-  left: 0;
   position: absolute;
-  right: 0;
-  top: 0;
 }
 
-/* .split__panel: Contains a body, and optional header and footer elements */
-.split__panel {
+/* .split-panel: Contains a body, and optional header and footer elements */
+.split-panel {
   display: flex;
   flex: auto;
   flex-direction: column;
@@ -1985,14 +1987,14 @@ ol .occluded-content {
   overflow: hidden;
 }
 
-.split__panel__hd,
-.split__panel__bd,
-.split__panel__ft {
+.split-panel-hd,
+.split-panel-bd,
+.split-panel-ft {
   position: relative;
 }
 
-.split__panel__hd,
-.split__panel__ft {
+.split-panel-hd,
+.split-panel-ft {
   border-color: var(--base03);
   box-sizing: border-box;
   display: flex;
@@ -2000,14 +2002,14 @@ ol .occluded-content {
   flex-direction: column;
 }
 
-.split__panel__hd {
+.split-panel-hd {
   background: var(--base00);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   min-height: 29px;
 }
 
-.split__panel__bd {
+.split-panel-bd {
   background: var(--base00);
   flex: auto;
   overflow: scroll;
@@ -2015,7 +2017,7 @@ ol .occluded-content {
   width: auto;
 }
 
-.split__panel__ft {
+.split-panel-ft {
   background: var(--base01);
   border-top-style: solid;
   border-top-width: 1px;
@@ -2023,26 +2025,26 @@ ol .occluded-content {
   justify-content: center;
 }
 
-.split__panel,
-.split__panel__bd {
+.split-panel,
+.split-panel-bd {
   height: 100%;
 }
 
 /* Custom panels */
-.split__panel--sidebar-1 .split__panel__bd {
+.split-panel-sidebar-1 .split-panel-bd {
   background: var(--base01);
 }
 
-.split__panel--sidebar-2 .split__panel__bd {
+.split-panel-sidebar-2 .split-panel-bd {
   background: var(--base01);
 }
 
 /* Fix main list-view scrolling */
-.split--main > .split__panel > .split__panel__bd {
+.split-main > .split-panel > .split-panel-bd {
   overflow: hidden;
 }
 
-.split--main > .split__panel--sidebar-1 > .split__panel__bd {
+.split-main > .split-panel-sidebar-1 > .split-panel-bd {
   overflow-y: auto;
 }
 
@@ -2071,7 +2073,7 @@ ol .occluded-content {
   margin-right: 5px;
 }
 
-.toolbar__checkbox {
+.toolbar-checkbox {
   height: 100%;
   margin-left: 4px;
   margin-right: 4px;
@@ -2079,24 +2081,24 @@ ol .occluded-content {
   white-space: nowrap;
 }
 
-.toolbar__checkbox label {
+.toolbar-checkbox label {
   display: block;
   height: 100%;
   line-height: var(--toolbar-height);
 }
 
-.toolbar__checkbox input {
+.toolbar-checkbox input {
   margin: 0;
 }
 
 /*
   if first item in toolbar, create extra clickable space
 */
-.toolbar__checkbox:first-child {
+.toolbar-checkbox:first-child {
   margin-left: 0;
 }
 
-.toolbar__checkbox:first-child label {
+.toolbar-checkbox:first-child label {
   margin-left: 0;
   padding-left: 8px;
 }
@@ -2106,7 +2108,7 @@ ol .occluded-content {
   width: 1px;
 }
 
-.toolbar__icon-button {
+.toolbar-icon-button {
   align-items: center;
   background: transparent;
   border: 0 transparent none;
@@ -2117,63 +2119,60 @@ ol .occluded-content {
   padding: 0 2px;
   vertical-align: top;
   /* if first item in toolbar, create extra clickable space on left side */
+  /*
+  SVG colors
+  */
+  /*
+  Modifier:
+  .active (highlighted)
+  */
+  /*
+  Modifier
+  .disabled
+  */
 }
-.toolbar__icon-button:first-child {
+.toolbar-icon-button:first-child {
   margin-left: 0;
   padding-left: 10px;
 }
-.toolbar__icon-button:focus {
+.toolbar-icon-button:focus {
   outline: none;
 }
-.toolbar__icon-button:active {
+.toolbar-icon-button:active {
   transform: translate(1px, 1px);
 }
-
-/*
-  SVG colors
-*/
-.toolbar__icon-button .svg-stroke {
+.toolbar-icon-button .svg-stroke {
   stroke: var(--base11);
 }
-.toolbar__icon-button .svg-fill {
+.toolbar-icon-button .svg-fill {
   fill: var(--base11);
 }
-.toolbar__icon-button:hover .svg-stroke {
+.toolbar-icon-button:hover .svg-stroke {
   stroke: var(--base13);
 }
-.toolbar__icon-button:hover .svg-fill {
+.toolbar-icon-button:hover .svg-fill {
   fill: var(--base13);
 }
-
-/*
-  Modifier:
-  .active (highlighted)
-*/
-.toolbar__icon-button.active .svg-stroke {
+.toolbar-icon-button.active .svg-stroke {
   stroke: var(--focus);
 }
-.toolbar__icon-button.active .svg-fill {
+.toolbar-icon-button.active .svg-fill {
   fill: var(--focus);
 }
-
-/*
-  Modifier
-  .disabled
-*/
-.toolbar__icon-button.disabled {
+.toolbar-icon-button.disabled {
   pointer-events: none;
 }
-.toolbar__icon-button.disabled:active {
+.toolbar-icon-button.disabled:active {
   transform: none;
 }
-.toolbar__icon-button.disabled .svg-stroke {
+.toolbar-icon-button.disabled .svg-stroke {
   stroke: var(--base05);
 }
-.toolbar__icon-button.disabled .svg-fill {
+.toolbar-icon-button.disabled .svg-fill {
   fill: var(--base05);
 }
 
-.toolbar__radio {
+.toolbar-radio {
   background: var(--base02);
   border: none;
   border-radius: 2px;
@@ -2189,44 +2188,44 @@ ol .occluded-content {
   vertical-align: middle;
 }
 
-.toolbar__radio:active,
-.toolbar__radio:hover,
-.toolbar__radio:focus,
-.toolbar__radio.active {
+.toolbar-radio:active,
+.toolbar-radio:hover,
+.toolbar-radio:focus,
+.toolbar-radio.active {
   outline: none;
 }
 
-.toolbar__radio--first {
+.toolbar-radio-first {
   margin-left: 4px;
 }
 
-.toolbar__radio--last {
+.toolbar-radio-last {
   margin-right: 4px;
 }
 
-.toolbar__radio:hover {
+.toolbar-radio:hover {
   background: var(--base04);
 }
 
-.toolbar__radio:active {
+.toolbar-radio:active {
   background: var(--base00);
 }
 
-.toolbar__radio.active {
+.toolbar-radio.active {
   background: var(--focus);
   color: var(--focus-text);
 }
 
-.toolbar__search input {
+.toolbar-search input {
   border: 1px solid var(--base05);
   height: calc(var(--toolbar-height) - 7px);
   width: 175px;
 }
 
-.toolbar__search-clear-button {
+.toolbar-search-clear-button {
   top: 3px;
 }
-.toolbar__search-clear-button svg path {
+.toolbar-search-clear-button svg path {
   fill: var(--base11);
 }