[editor] Set the AceEditor styles in the shadow css of the exported web component
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements. See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership. Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// 'License'); you may not use this file except in compliance
+// with the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an 'AS IS' BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
import axios from 'axios';
import AceEditor from './AceEditor.vue';
import { wrap } from 'vue/webComponentWrapper';
+import style from '!!css-loader!sass-loader!./AceEditor.scss';
wrap('query-editor', AceEditor, {
+ shadowCss: style,
connectedCallback() {
const element = <HTMLElement>this;
const hueBaseUrl = element.getAttribute('hue-base-url');
