ag-grid-community-rails 28.1.1.1

data/vendor/assets/javascripts/ag-grid-community/styles/agGridMaterialFont.css

@@ -0,0 +1,210 @@
+@font-face {
+  font-family: "agGridMaterial";
+  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+.ag-icon {
+  font-family: "agGridMaterial";
+  font-size: 18px;
+  line-height: 18px;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.ag-icon-aggregation::before {
+  content: "\f101";
+}
+
+.ag-icon-arrows::before {
+  content: "\f102";
+}
+
+.ag-icon-asc::before {
+  content: "\f103";
+}
+
+.ag-icon-cancel::before {
+  content: "\f104";
+}
+
+.ag-icon-chart::before {
+  content: "\f105";
+}
+
+.ag-icon-color-picker::before {
+  content: "\f109";
+}
+
+.ag-icon-columns::before {
+  content: "\f10a";
+}
+
+.ag-icon-contracted::before {
+  content: "\f10b";
+}
+
+.ag-icon-copy::before {
+  content: "\f10c";
+}
+
+.ag-icon-cross::before {
+  content: "\f10d";
+}
+
+.ag-icon-csv::before {
+  content: "\f10e";
+}
+
+.ag-icon-desc::before {
+  content: "\f10f";
+}
+
+.ag-icon-excel::before {
+  content: "\f110";
+}
+
+.ag-icon-expanded::before {
+  content: "\f111";
+}
+
+.ag-icon-eye-slash::before {
+  content: "\f112";
+}
+
+.ag-icon-eye::before {
+  content: "\f113";
+}
+
+.ag-icon-filter::before {
+  content: "\f114";
+}
+
+.ag-icon-first::before {
+  content: "\f115";
+}
+
+.ag-icon-grip::before {
+  content: "\f116";
+}
+
+.ag-icon-group::before {
+  content: "\f117";
+}
+
+.ag-icon-last::before {
+  content: "\f118";
+}
+
+.ag-icon-left::before {
+  content: "\f119";
+}
+
+.ag-icon-linked::before {
+  content: "\f11a";
+}
+
+.ag-icon-loading::before {
+  content: "\f11b";
+}
+
+.ag-icon-maximize::before {
+  content: "\f11c";
+}
+
+.ag-icon-menu::before {
+  content: "\f11d";
+}
+
+.ag-icon-minimize::before {
+  content: "\f11e";
+}
+
+.ag-icon-next::before {
+  content: "\f11f";
+}
+
+.ag-icon-none::before {
+  content: "\f120";
+}
+
+.ag-icon-not-allowed::before {
+  content: "\f121";
+}
+
+.ag-icon-paste::before {
+  content: "\f122";
+}
+
+.ag-icon-pin::before {
+  content: "\f123";
+}
+
+.ag-icon-pivot::before {
+  content: "\f124";
+}
+
+.ag-icon-previous::before {
+  content: "\f125";
+}
+
+.ag-icon-right::before {
+  content: "\f128";
+}
+
+.ag-icon-save::before {
+  content: "\f129";
+}
+
+.ag-icon-small-down::before {
+  content: "\f12a";
+}
+
+.ag-icon-small-left::before {
+  content: "\f12b";
+}
+
+.ag-icon-small-right::before {
+  content: "\f12c";
+}
+
+.ag-icon-small-up::before {
+  content: "\f12d";
+}
+
+.ag-icon-tick::before {
+  content: "\f12e";
+}
+
+.ag-icon-tree-closed::before {
+  content: "\f12f";
+}
+
+.ag-icon-tree-indeterminate::before {
+  content: "\f130";
+}
+
+.ag-icon-tree-open::before {
+  content: "\f131";
+}
+
+.ag-icon-unlinked::before {
+  content: "\f132";
+}
+
+.ag-icon-row-drag::before {
+  content: "\f116";
+}
+
+.ag-left-arrow::before {
+  content: "\f119";
+}
+
+.ag-right-arrow::before {
+  content: "\f128";
+}

data/vendor/assets/javascripts/ag-grid-community/styles/mixins/_ag-grid-mixins.scss

@@ -0,0 +1,105 @@
+// Automatically generate rtl styles from provided ltr styles by flipping "left" and "right"
+// in property names and values.
+//
+// For example:
+//
+// .foo {
+//     @include ag-unthemed-rtl((margin-left: 10px));
+// }
+//
+// Will emit:
+//
+// .ag-ltr .foo {
+//   margin-left: 10px;
+// }
+// .ag-rtl .foo {
+//   margin-right: 10px;
+// }
+@mixin ag-unthemed-rtl($rules) {
+    @if length(nth(&, 1)) < 1 {
+        @error "ag-unthemed-rtl() can't be used at the top level of a css file, only nested in a selector.";
+    }
+    @if str-index(nth(nth(&, 1), 1), ".ag-theme-") != null {
+        @error "ag-unthemed-rtl() should not be used in a theme, use ag-theme-rtl() instead.";
+    }
+    .ag-ltr & {
+        @each $property, $value in $rules {
+            #{$property}: $value;
+        }
+    }
+    .ag-rtl & {
+        @each $property, $value in ag-get-rtl-rules($rules) {
+            #{$property}: $value;
+        }
+    }
+}
+
+@function ag-get-rtl-rules($ltr-rules) {
+    $rtl-rules: ();
+    @each $property, $value in $ltr-rules {
+        @if str-index($property, "-right") {
+            $rtl-property: ag-str-replace($property, "-right", "-left");
+            $rtl-rules: map-merge($rtl-rules, ($rtl-property: $value));
+        }
+        @else if str-index($property, "-left") {
+            $rtl-property: ag-str-replace($property, "-left", "-right");
+            $rtl-rules: map-merge($rtl-rules, ($rtl-property: $value));
+        }
+        @else if $property == "right" {
+            $rtl-rules: map-merge($rtl-rules, (left: $value));
+        }
+        @else if $property == "left" {
+            $rtl-rules: map-merge($rtl-rules, (right: $value));
+        }
+        @else if $value == "right" {
+            $rtl-rules: map-merge($rtl-rules, ($property: left));
+        }
+        @else if $value == "left" {
+            $rtl-rules: map-merge($rtl-rules, (property: right));
+        }
+        @else {
+            @error "ag-get-rtl-rules doesn't know how to process the \"#{$property}\" property"
+        }
+    }
+    @return $rtl-rules;
+}
+
+@function ag-insert-class-after-theme($selectors, $class) {
+    // this needs to do a 2-level loop, because the selector list returned by & in Sass is a 2D list,
+    // e.g.  .foo .bar, .foo .baz { ... } is ((".foo", ".bar"), (".foo", ".baz"))
+    $selector-list: ();
+    @each $selector in $selectors {
+        $result: ();
+        @for $i from 1 through length($selector) {
+            $item: nth($selector, $i);
+            $result: append($result, $item);
+            @if $i == 1 {
+                $result: append($result, $class);
+            }
+        }
+        $selector-list: append($selector-list, $result, comma);
+    }
+    @return $selector-list;
+}
+
+@function ag-str-replace($string, $search, $replace: '') {
+    $index: str-index($string, $search);
+    @if $index {
+        @return str-slice($string, 1, $index - 1)
+                + $replace
+                + ag-str-replace(str-slice($string, $index
+                + str-length($search)), $search, $replace);
+    }
+    @return $string;
+}
+
+@mixin ag-selectable($value) {
+    @if $value == null {
+        $value: none;
+    }
+
+    -moz-user-select: $value;
+    -webkit-user-select: $value;
+    -ms-user-select: $value;
+    user-select: $value;
+}

data/vendor/assets/javascripts/ag-grid-community/styles/mixins/_ag-theme-mixins.scss

@@ -0,0 +1,283 @@
+@import "./ag-grid-mixins";
+@import "./ag-theme-params";
+
+@mixin ag-inherit-text-styles() {
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+}
+
+@mixin ag-border($border-type, $sides: null, $radius: null, $width: 1px, $style: solid, $none: false) {
+    @if ag-should-draw-border($border-type) {
+        $color-param: if($border-type == secondary, secondary-border-color, border-color);
+
+        @if $sides {
+            @each $side in $sides {
+                @if $none {
+                    border-#{$side}: none;
+                }
+                @else {
+                    border-#{$side}: $style $width;
+                    @include ag-color-property(border-#{$side}-color, $color-param);
+                }
+            }
+        }
+        @else {
+            @if $none {
+                border: none;
+            }
+            @else {
+                border: $style $width;
+                @include ag-color-property(border-color, $color-param);
+            }
+        }
+        @if $radius {
+            border-radius: $radius;
+        }
+    }
+}
+
+@mixin ag-keyboard-focus($selectors, $offset) {
+    .ag-keyboard-focus {
+        @each $selector in $selectors {
+            .#{$selector}:focus {
+                outline: none;
+                &::after {
+                    content: '';
+                    position: absolute;
+                    background-color: transparent;
+                    pointer-events: none;
+                    top: $offset;
+                    left: $offset;
+                    display: block;
+                    width: calc(100% - #{$offset * 2});
+                    height: calc(100% - #{$offset * 2});
+                    border: 1px solid;
+                    @include ag-color-property(border-color, input-focus-border-color);
+                }
+            }
+        }
+    }
+}
+
+@mixin ag-vertical-widget-container {
+    padding: ag-param(widget-container-vertical-padding) ag-param(widget-container-horizontal-padding);
+    padding-bottom: ag-param(widget-container-vertical-padding) - ag-param(widget-vertical-spacing);
+
+    & > * {
+        margin-bottom: ag-param(widget-vertical-spacing);
+    }
+}
+
+@mixin ag-list-item-hovered {
+    .ag-list-item-hovered::after {
+        content: '';
+        position: absolute;
+        left: 0;
+        right: 0;
+        height: 1px;
+        @include ag-color-property(background-color, range-selection-border-color);
+    }
+    .ag-item-highlight-top::after {
+        top: 0;
+    }
+    .ag-item-highlight-bottom::after {
+        bottom: 0;
+    }
+}
+
+@function ag-should-draw-border($type) {
+    $valid-types: (
+        critical: ag-param(borders-critical),
+        primary: ag-param(borders),
+        side-button: ag-param(borders-side-button),
+        secondary: ag-param(borders-secondary)
+    );
+    $draw-border: false;
+    @if not map-has-key($valid-types, $type) {
+        @error "Invalid border type '#{inspect($type)}'";
+    }
+    @return map-get($valid-types, $type);
+}
+
+@function ag-icon-char($name) {
+    $icon-map: -ag-param-unchecked(icons-font-codes);
+    @if type-of($icon-map) != map {
+        @error "Expected icons-font-codes param to be a map, but got #{type-of($icon-map)} (#{inspect($icon-map)})";
+    }
+    @if not map-has-key($icon-map, $name) {
+        @error "No such icon: #{$name}";
+    }
+    @return map-get($icon-map, $name);
+}
+
+@mixin ag-card() {
+    @include ag-border(primary);
+    
+    @include ag-color-property(background, background-color);
+    border-radius: ag-param(card-radius);
+    box-shadow: ag-param(card-shadow);
+    padding: ag-param(grid-size);
+}
+
+
+@mixin ag-icon-element($icon, $code) {
+  .ag-icon-#{$icon} {
+      &::before {
+          content: $code;
+      }
+  }
+}
+
+@mixin ag-icons-font-face() {
+    @if ag-param(icons-data) {
+        @at-root {
+            @font-face {
+                font-family: '#{ag-param(icon-font-family)}';
+                src: ag-param(icons-data);
+                font-weight: normal;
+                font-style: normal;
+            }
+        }
+    }
+}
+
+@mixin ag-icon() {
+    font-family: '#{ag-param(icon-font-family)}';
+    font-size: ag-param(icon-size);
+    line-height: ag-param(icon-size);
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+@mixin ag-icons-webfont() {
+  .ag-icon {
+      @include ag-icon();
+  }
+
+  @include ag-icon-element('aggregation', ag-icon-char(aggregation));
+  @include ag-icon-element('arrows', ag-icon-char(arrows));
+  @include ag-icon-element('asc', ag-icon-char(asc));
+  @include ag-icon-element('cancel', ag-icon-char(cancel));
+  @include ag-icon-element('chart', ag-icon-char(chart));
+  @include ag-icon-element('color-picker', ag-icon-char(color-picker));
+  @include ag-icon-element('columns', ag-icon-char(columns));
+  @include ag-icon-element('contracted', ag-icon-char(contracted));
+  @include ag-icon-element('copy', ag-icon-char(copy));
+  @include ag-icon-element('cross', ag-icon-char(cross));
+  @include ag-icon-element('csv', ag-icon-char(csv));
+  @include ag-icon-element('desc', ag-icon-char(desc));
+  @include ag-icon-element('excel', ag-icon-char(excel));
+  @include ag-icon-element('expanded', ag-icon-char(expanded));
+  @include ag-icon-element('eye-slash', ag-icon-char(eye-slash));
+  @include ag-icon-element('eye', ag-icon-char(eye));
+  @include ag-icon-element('filter', ag-icon-char(filter));
+  @include ag-icon-element('first', ag-icon-char(first));
+  @include ag-icon-element('grip', ag-icon-char(grip));
+  @include ag-icon-element('group', ag-icon-char(group));
+  @include ag-icon-element('last', ag-icon-char(last));
+  @include ag-icon-element('left', ag-icon-char(left));
+  @include ag-icon-element('linked', ag-icon-char(linked));
+  @include ag-icon-element('loading', ag-icon-char(loading));
+  @include ag-icon-element('maximize', ag-icon-char(maximize));
+  @include ag-icon-element('menu', ag-icon-char(menu));
+  @include ag-icon-element('minimize', ag-icon-char(minimize));
+  @include ag-icon-element('next', ag-icon-char(next));
+  @include ag-icon-element('none', ag-icon-char(none));
+  @include ag-icon-element('not-allowed', ag-icon-char(not-allowed));
+  @include ag-icon-element('paste', ag-icon-char(paste));
+  @include ag-icon-element('pin', ag-icon-char(pin));
+  @include ag-icon-element('pivot', ag-icon-char(pivot));
+  @include ag-icon-element('previous', ag-icon-char(previous));
+  @include ag-icon-element('right', ag-icon-char(right));
+  @include ag-icon-element('save', ag-icon-char(save));
+  @include ag-icon-element('small-down', ag-icon-char(small-down));
+  @include ag-icon-element('small-left', ag-icon-char(small-left));
+  @include ag-icon-element('small-right', ag-icon-char(small-right));
+  @include ag-icon-element('small-up', ag-icon-char(small-up));
+  @include ag-icon-element('tick', ag-icon-char(tick));
+  @include ag-icon-element('tree-closed', ag-icon-char(tree-closed));
+  @include ag-icon-element('tree-indeterminate', ag-icon-char(tree-indeterminate));
+  @include ag-icon-element('tree-open', ag-icon-char(tree-open));
+  @include ag-icon-element('unlinked', ag-icon-char(unlinked));
+
+  .ag-icon-row-drag::before {
+      content: ag-icon-char(grip);
+  }
+
+  .ag-left-arrow::before {
+      content: ag-icon-char(left);
+  }
+
+  .ag-right-arrow::before {
+      content: ag-icon-char(right);
+  }
+
+}
+
+$-ag-included-themes: () !default;
+
+@mixin ag-include-theme-once-only() {
+    $name: nth(nth(&, 1), 1); // returns name of top-level selector, e.g. ".ag-theme-balham"
+    @if index($-ag-included-themes, $name) != null {
+        @error "Theme CSS for #{$name} has been generated twice. This can happen when you @import ag-theme-xyz.scss twice, or @import the legacy ag-theme-xyz.scss and then also @include the ag-theme-xyz() mixin. If you're using the mixin, just @import ag-theme-xyz-mixin.scss.";
+    }
+    $-ag-included-themes: append($-ag-included-themes, $name) !global;
+}
+
+
+
+// Like ag-unthemed-rtl, automatically generate rtl styles from provided ltr styles by flipping
+// "left" and "right" in property names and values. However this mixin is for use in themes. Because the
+// div with the theme class is outside the div with the .ag-rtl class, we need to keep the theme class
+// higher than the .ag-rtl.
+//
+// For example:
+//
+// .ag-theme-xyz {
+//     .foo {
+//         @include ag-theme-rtl((margin-left: 10px));
+//     }
+// }
+//
+// Will emit:
+//
+// .ag-theme-xyz .ag-ltr .foo {
+//   margin-left: 10px;
+// }
+// .ag-theme-xyz .ag-rtl .foo {
+//   margin-right: 10px;
+// }
+//
+// Note how the .ag-ltr class is inserted between the theme class and the rest of the selector
+@mixin ag-theme-rtl($rules, $color-param: null, $color-param-important: false) {
+    @if length(nth(&, 1)) < 2 {
+        @error "ag-theme-rtl() can't be used at the top level of a SCSS file, only nested in a selector.";
+    }
+    @at-root {
+        #{ag-insert-class-after-theme(&, ".ag-ltr")} {
+            @each $property, $value in $rules {
+                #{$property}: $value;
+                @if $color-param {
+                    @include ag-color-property(#{$property}-color, $color-param, $color-param-important);
+                }
+            }
+        }
+        #{ag-insert-class-after-theme(&, ".ag-rtl")} {
+            @each $property, $value in ag-get-rtl-rules($rules) {
+                #{$property}: $value;
+                @if $color-param {
+                    @include ag-color-property(#{$property}-color, $color-param, $color-param-important);
+                }
+            }
+        }
+    }
+}