@elice/material-exercise 1.220919.0 → 1.220920.0

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.d.ts

@@ -0,0 +1,6 @@
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+export declare function isValidLocationForEmmetAbbreviation(model: monaco.editor.ITextModel, position: monaco.Position, syntax: string, language: string): boolean;

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Validate if the given position is valid for emmet abbreviation.
+ */
+function isValidEmmetToken(tokens, index, syntax, language) {
+  const currentTokenType = tokens[index].type;
+
+  switch (syntax) {
+    case 'html':
+      return currentTokenType === 'text.html.basic';
+
+    case 'css':
+      return true;
+
+    case 'jsx':
+      return !currentTokenType.endsWith('.type.tsx');
+
+    default:
+      return false;
+  }
+}
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+
+
+function isValidLocationForEmmetAbbreviation(model, position, syntax, language) {
+  const {
+    column,
+    lineNumber
+  } = position; // get current line's tokens
+
+  const _tokenization = // monaco-editor < 0.34.0
+  model._tokenization || // monaco-editor >= 0.34.0
+  model.tokenization._tokenization;
+
+  const _tokenizationStateStore = _tokenization._tokenizationStateStore;
+
+  const _tokenizationSupport = // monaco-editor >= 0.32.0
+  _tokenizationStateStore.tokenizationSupport || // monaco-editor < 0.32.0
+  _tokenization._tokenizationSupport;
+
+  const state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
+
+  const tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
+
+  const tokens = tokenizationResult.tokens; // get token type at current column
+
+  for (let i = tokens.length - 1; i >= 0; i--) {
+    if (column - 1 > tokens[i].offset) {
+      // return true if current token is valid for emmet
+      if (isValidEmmetToken(tokens, i, syntax)) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
+
+exports.isValidLocationForEmmetAbbreviation = isValidLocationForEmmetAbbreviation;

package/cjs/components/shared/monaco-editor/utils/emmet/emmet.d.ts

@@ -1,13 +1,13 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 /**
  * Enable emmet feature for HTML.
  */
-export declare function emmetHTML(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetHTML(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;
 /**
  * Enable emmet feature for CSS.
  */
-export declare function emmetCSS(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetCSS(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;
 /**
  * Enable emmet feature for JSX.
  */
-export declare function emmetJSX(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetJSX(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;

package/cjs/components/shared/monaco-editor/utils/emmet/emmet.js

@@ -8,22 +8,22 @@ var registerProvider = require('./registerProvider.js');
  * Enable emmet feature for HTML.
  */
 
-function emmetHTML(monaco, languages) {
-  return registerProvider.registerProvider(monaco, languages, 'html');
+function emmetHTML(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'html');
 }
 /**
  * Enable emmet feature for CSS.
  */
 
-function emmetCSS(monaco, languages) {
-  return registerProvider.registerProvider(monaco, languages, 'css');
+function emmetCSS(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'css');
 }
 /**
  * Enable emmet feature for JSX.
  */
 
-function emmetJSX(monaco, languages) {
-  return registerProvider.registerProvider(monaco, languages, 'jsx');
+function emmetJSX(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'jsx');
 }
 
 exports.emmetCSS = emmetCSS;

package/cjs/components/shared/monaco-editor/utils/emmet/registerProvider.d.ts

@@ -1,5 +1,5 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 /**
  * Register completion provider of emmet.
  */
-export declare function registerProvider(monaco: typeof Monaco, languages: string[], syntax: string): (() => void) | undefined;
+export declare function registerProvider(_monaco: typeof monaco, languages: string[], syntax: string): (() => void) | undefined;

package/cjs/components/shared/monaco-editor/utils/emmet/registerProvider.js

@@ -4,19 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var emmetHelper = require('../../vendors/vscode-emmet-helper/emmetHelper.js');
 var utils = require('../../vendors/vscode-emmet-helper/utils.js');
+var abbreviationActions = require('./abbreviationActions.js');
 
 /**
  * Register completion provider of emmet.
  */
 
-function registerProvider(monaco, languages, syntax) {
-  if (!monaco) {
+function registerProvider(_monaco, languages, syntax) {
+  if (!_monaco) {
     return;
   }
 
-  const providers = languages.map(language => monaco.languages.registerCompletionItemProvider(language, {
+  const providers = languages.map(language => _monaco.languages.registerCompletionItemProvider(language, {
     triggerCharacters: utils.LANGUAGE_MODES[utils.MAPPED_MODES[language] || language],
-    provideCompletionItems: (model, position) => emmetHelper.doComplete(monaco, model, position, syntax, utils.DEFAULT_CONFIG)
+    provideCompletionItems: (model, position) => abbreviationActions.isValidLocationForEmmetAbbreviation(model, position, syntax) ? emmetHelper.doComplete(_monaco, model, position, syntax, utils.DEFAULT_CONFIG) : undefined
   }));
   return () => {
     providers.forEach(provider => provider.dispose());

package/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/emmetHelper.d.ts

@@ -1,10 +1,10 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { ExtractOptions, MarkupAbbreviation, Options, StylesheetAbbreviation, SyntaxType, UserConfig } from 'emmet';
 import type { SnippetsMap } from './configCompat';
-declare type TextModel = Monaco.editor.ITextModel;
-declare type CompletionList = Monaco.languages.CompletionList;
-declare type Position = Monaco.IPosition;
-declare type Range = Monaco.IRange;
+declare type TextModel = monaco.editor.ITextModel;
+declare type CompletionList = monaco.languages.CompletionList;
+declare type Position = monaco.IPosition;
+declare type Range = monaco.IRange;
 /**
  * Emmet configuration as derived from the Emmet related VS Code settings
  */
@@ -19,12 +19,8 @@ export interface VSCodeEmmetConfig {
 }
 /**
  * Returns all applicable emmet expansions for abbreviation at given position in a CompletionList
- * @param document TextDocument in which completions are requested
- * @param position Position in the document at which completions are requested
- * @param syntax Emmet supported language
- * @param emmetConfig Emmet Configurations as derived from VS Code
  */
-export declare function doComplete(monaco: typeof Monaco, model: TextModel, position: Position, syntax: string, emmetConfig: VSCodeEmmetConfig): CompletionList | undefined;
+export declare function doComplete(_monaco: typeof monaco, model: TextModel, position: Position, syntax: string, emmetConfig: VSCodeEmmetConfig): CompletionList | undefined;
 export declare const emmetSnippetField: (index: number, placeholder: string) => string;
 /** Returns whether or not syntax is a supported stylesheet syntax, like CSS */
 export declare function isStyleSheet(syntax: string): boolean;
@@ -37,7 +33,7 @@ export declare function getDefaultSnippets(syntax: string): SnippetsMap;
 /**
  * Extracts abbreviation from the given position in the given document
  */
-export declare function extractAbbreviation(monaco: typeof Monaco, model: TextModel, position: Position, options?: Partial<ExtractOptions>): {
+export declare function extractAbbreviation(_monaco: typeof monaco, model: TextModel, position: Position, options?: Partial<ExtractOptions>): {
     abbreviation: string;
     abbreviationRange: Range;
     filter: string | undefined;

package/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/emmetHelper.js

@@ -37,13 +37,9 @@ const commentFilterSuffix = 'c';
 const maxFilters = 3;
 /**
  * Returns all applicable emmet expansions for abbreviation at given position in a CompletionList
- * @param document TextDocument in which completions are requested
- * @param position Position in the document at which completions are requested
- * @param syntax Emmet supported language
- * @param emmetConfig Emmet Configurations as derived from VS Code
  */
 
-function doComplete(monaco, model, position, syntax, emmetConfig) {
+function doComplete(_monaco, model, position, syntax, emmetConfig) {
   var _a, _b;
 
   if (emmetConfig.showExpandedAbbreviation === 'never' || !getEmmetMode(syntax, emmetConfig.excludeLanguages)) {
@@ -66,7 +62,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     lookAhead: !isStyleSheetRes,
     type: isStyleSheetRes ? 'stylesheet' : 'markup'
   };
-  const extractedValue = extractAbbreviation(monaco, model, position, extractOptions);
+  const extractedValue = extractAbbreviation(_monaco, model, position, extractOptions);
 
   if (!extractedValue) {
     return;
@@ -108,11 +104,11 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     }
 
     expandedAbbr = {
-      kind: monaco.languages.CompletionItemKind.Property,
+      kind: _monaco.languages.CompletionItemKind.Property,
       label: abbreviation + (filter ? '|' + filter.replace(',', '|') : ''),
       documentation: replaceTabStopsWithCursors(expandedText),
       detail: 'Emmet abbreviation',
-      insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+      insertTextRules: _monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
       range: abbreviationRange,
       insertText: escapeNonTabStopDollar(addFinalTabStop(expandedText))
     };
@@ -137,7 +133,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
       expandedAbbr.filterText = abbreviation; // Custom snippets should show up in completions if abbreviation is a prefix
 
       const stylesheetCustomSnippetsKeys = stylesheetCustomSnippetsKeyCache.has(syntax) ? stylesheetCustomSnippetsKeyCache.get(syntax) : stylesheetCustomSnippetsKeyCache.get('css');
-      completionItems = makeSnippetSuggestion(monaco, stylesheetCustomSnippetsKeys !== null && stylesheetCustomSnippetsKeys !== void 0 ? stylesheetCustomSnippetsKeys : [], abbreviation, abbreviation, abbreviationRange, expandOptions, 'Emmet Custom Snippet', false);
+      completionItems = makeSnippetSuggestion(_monaco, stylesheetCustomSnippetsKeys !== null && stylesheetCustomSnippetsKeys !== void 0 ? stylesheetCustomSnippetsKeys : [], abbreviation, abbreviation, abbreviationRange, expandOptions, 'Emmet Custom Snippet', false);
 
       if (!completionItems.find(x => x.insertText === (expandedAbbr === null || expandedAbbr === void 0 ? void 0 : expandedAbbr.insertText))) {
         // Fix for https://github.com/Microsoft/vscode/issues/28933#issuecomment-309236902
@@ -160,12 +156,12 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     }
 
     if (syntax !== 'xml') {
-      const commonlyUsedTagSuggestions = makeSnippetSuggestion(monaco, commonlyUsedTags, tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation');
+      const commonlyUsedTagSuggestions = makeSnippetSuggestion(_monaco, commonlyUsedTags, tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation');
       completionItems = completionItems.concat(commonlyUsedTagSuggestions);
     }
 
     if (emmetConfig.showAbbreviationSuggestions === true) {
-      const abbreviationSuggestions = makeSnippetSuggestion(monaco, markupSnippetKeys.filter(x => !commonlyUsedTags.includes(x)), tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation'); // Workaround for the main expanded abbr not appearing before the snippet suggestions
+      const abbreviationSuggestions = makeSnippetSuggestion(_monaco, markupSnippetKeys.filter(x => !commonlyUsedTags.includes(x)), tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation'); // Workaround for the main expanded abbr not appearing before the snippet suggestions
 
       if (expandedAbbr && abbreviationSuggestions.length > 0 && tagToFindMoreSuggestionsFor !== abbreviation) {
         expandedAbbr.sortText = '0' + expandedAbbr.label;
@@ -187,7 +183,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
   }
 
   if (emmetConfig.showSuggestionsAsSnippets === true) {
-    completionItems.forEach(x => x.kind = monaco.languages.CompletionItemKind.Snippet);
+    completionItems.forEach(x => x.kind = _monaco.languages.CompletionItemKind.Snippet);
   }
 
   return completionItems.length ? {
@@ -199,7 +195,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
  * Create & return snippets for snippet keys that start with given prefix
  */
 
-function makeSnippetSuggestion(monaco, snippetKeys, prefix, abbreviation, abbreviationRange, expandOptions, snippetDetail, skipFullMatch = true) {
+function makeSnippetSuggestion(_monaco, snippetKeys, prefix, abbreviation, abbreviationRange, expandOptions, snippetDetail, skipFullMatch = true) {
   if (!prefix || !snippetKeys) {
     return [];
   }
@@ -222,11 +218,11 @@ function makeSnippetSuggestion(monaco, snippetKeys, prefix, abbreviation, abbrev
     }
 
     const item = {
-      kind: monaco.languages.CompletionItemKind.Property,
+      kind: _monaco.languages.CompletionItemKind.Property,
       label: prefix + snippetKey.substr(prefix.length),
       documentation: replaceTabStopsWithCursors(expandedAbbr),
       detail: snippetDetail,
-      insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+      insertTextRules: _monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
       range: abbreviationRange,
       insertText: escapeNonTabStopDollar(addFinalTabStop(expandedAbbr))
     };
@@ -407,7 +403,7 @@ function getFilters(text, pos) {
  */
 
 
-function extractAbbreviation(monaco, model, position, options) {
+function extractAbbreviation(_monaco, model, position, options) {
   const currentLine = model.getLineContent(position.lineNumber);
   const currentLineTillPosition = currentLine.substr(0, position.column - 1);
   const {
@@ -421,7 +417,7 @@ function extractAbbreviation(monaco, model, position, options) {
     return;
   }
 
-  const rangeToReplace = new monaco.Range(position.lineNumber, result.location + 1, position.lineNumber, result.location + result.abbreviation.length + lengthOccupiedByFilter + 1);
+  const rangeToReplace = new _monaco.Range(position.lineNumber, result.location + 1, position.lineNumber, result.location + result.abbreviation.length + lengthOccupiedByFilter + 1);
   return {
     abbreviationRange: rangeToReplace,
     abbreviation: result.abbreviation,

package/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.d.ts

@@ -1,12 +1,17 @@
-import { VSCodeEmmetConfig } from "./emmetHelper";
+import type { VSCodeEmmetConfig } from './emmetHelper';
 /**
- * -ref: https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L86
+ * Default emmet configuration.
+ */
+export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
  */
 export declare const LANGUAGE_MODES: {
     [id: string]: string[];
 };
 /**
- * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
 export declare const MAPPED_MODES: Record<string, string>;
-export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;

package/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -5,8 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /* eslint-disable */
 
 /**
- * -ref: https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L86
+ * Default emmet configuration.
  */
+const DEFAULT_CONFIG = {
+  showExpandedAbbreviation: 'always',
+  showAbbreviationSuggestions: true,
+  showSuggestionsAsSnippets: false
+};
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
+ */
+
 const LANGUAGE_MODES = {
   html: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   jade: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
@@ -23,7 +33,8 @@ const LANGUAGE_MODES = {
   typescript: ['!', '.', '}', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
 };
 /**
- * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
 
 const MAPPED_MODES = {
@@ -31,11 +42,6 @@ const MAPPED_MODES = {
   php: 'html',
   twig: 'html'
 };
-const DEFAULT_CONFIG = {
-  showExpandedAbbreviation: 'always',
-  showAbbreviationSuggestions: true,
-  showSuggestionsAsSnippets: false
-};
 
 exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
 exports.LANGUAGE_MODES = LANGUAGE_MODES;

package/es/components/shared/monaco-editor/utils/emmet/abbreviationActions.d.ts

@@ -0,0 +1,6 @@
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+export declare function isValidLocationForEmmetAbbreviation(model: monaco.editor.ITextModel, position: monaco.Position, syntax: string, language: string): boolean;

package/es/components/shared/monaco-editor/utils/emmet/abbreviationActions.js

@@ -0,0 +1,61 @@
+/**
+ * Validate if the given position is valid for emmet abbreviation.
+ */
+function isValidEmmetToken(tokens, index, syntax, language) {
+  const currentTokenType = tokens[index].type;
+
+  switch (syntax) {
+    case 'html':
+      return currentTokenType === 'text.html.basic';
+
+    case 'css':
+      return true;
+
+    case 'jsx':
+      return !currentTokenType.endsWith('.type.tsx');
+
+    default:
+      return false;
+  }
+}
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+
+
+function isValidLocationForEmmetAbbreviation(model, position, syntax, language) {
+  const {
+    column,
+    lineNumber
+  } = position; // get current line's tokens
+
+  const _tokenization = // monaco-editor < 0.34.0
+  model._tokenization || // monaco-editor >= 0.34.0
+  model.tokenization._tokenization;
+
+  const _tokenizationStateStore = _tokenization._tokenizationStateStore;
+
+  const _tokenizationSupport = // monaco-editor >= 0.32.0
+  _tokenizationStateStore.tokenizationSupport || // monaco-editor < 0.32.0
+  _tokenization._tokenizationSupport;
+
+  const state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
+
+  const tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
+
+  const tokens = tokenizationResult.tokens; // get token type at current column
+
+  for (let i = tokens.length - 1; i >= 0; i--) {
+    if (column - 1 > tokens[i].offset) {
+      // return true if current token is valid for emmet
+      if (isValidEmmetToken(tokens, i, syntax)) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
+
+export { isValidLocationForEmmetAbbreviation };

package/es/components/shared/monaco-editor/utils/emmet/emmet.d.ts

@@ -1,13 +1,13 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 /**
  * Enable emmet feature for HTML.
  */
-export declare function emmetHTML(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetHTML(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;
 /**
  * Enable emmet feature for CSS.
  */
-export declare function emmetCSS(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetCSS(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;
 /**
  * Enable emmet feature for JSX.
  */
-export declare function emmetJSX(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+export declare function emmetJSX(_monaco: typeof monaco, languages: string[]): (() => void) | undefined;

package/es/components/shared/monaco-editor/utils/emmet/emmet.js

@@ -4,22 +4,22 @@ import { registerProvider } from './registerProvider.js';
  * Enable emmet feature for HTML.
  */
 
-function emmetHTML(monaco, languages) {
-  return registerProvider(monaco, languages, 'html');
+function emmetHTML(_monaco, languages) {
+  return registerProvider(_monaco, languages, 'html');
 }
 /**
  * Enable emmet feature for CSS.
  */
 
-function emmetCSS(monaco, languages) {
-  return registerProvider(monaco, languages, 'css');
+function emmetCSS(_monaco, languages) {
+  return registerProvider(_monaco, languages, 'css');
 }
 /**
  * Enable emmet feature for JSX.
  */
 
-function emmetJSX(monaco, languages) {
-  return registerProvider(monaco, languages, 'jsx');
+function emmetJSX(_monaco, languages) {
+  return registerProvider(_monaco, languages, 'jsx');
 }
 
 export { emmetCSS, emmetHTML, emmetJSX };

package/es/components/shared/monaco-editor/utils/emmet/registerProvider.d.ts

@@ -1,5 +1,5 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 /**
  * Register completion provider of emmet.
  */
-export declare function registerProvider(monaco: typeof Monaco, languages: string[], syntax: string): (() => void) | undefined;
+export declare function registerProvider(_monaco: typeof monaco, languages: string[], syntax: string): (() => void) | undefined;

package/es/components/shared/monaco-editor/utils/emmet/registerProvider.js

@@ -1,18 +1,19 @@
 import { doComplete } from '../../vendors/vscode-emmet-helper/emmetHelper.js';
 import { LANGUAGE_MODES, MAPPED_MODES, DEFAULT_CONFIG } from '../../vendors/vscode-emmet-helper/utils.js';
+import { isValidLocationForEmmetAbbreviation } from './abbreviationActions.js';
 
 /**
  * Register completion provider of emmet.
  */
 
-function registerProvider(monaco, languages, syntax) {
-  if (!monaco) {
+function registerProvider(_monaco, languages, syntax) {
+  if (!_monaco) {
     return;
   }
 
-  const providers = languages.map(language => monaco.languages.registerCompletionItemProvider(language, {
+  const providers = languages.map(language => _monaco.languages.registerCompletionItemProvider(language, {
     triggerCharacters: LANGUAGE_MODES[MAPPED_MODES[language] || language],
-    provideCompletionItems: (model, position) => doComplete(monaco, model, position, syntax, DEFAULT_CONFIG)
+    provideCompletionItems: (model, position) => isValidLocationForEmmetAbbreviation(model, position, syntax) ? doComplete(_monaco, model, position, syntax, DEFAULT_CONFIG) : undefined
   }));
   return () => {
     providers.forEach(provider => provider.dispose());

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/emmetHelper.d.ts

@@ -1,10 +1,10 @@
-import type * as Monaco from 'monaco-editor';
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { ExtractOptions, MarkupAbbreviation, Options, StylesheetAbbreviation, SyntaxType, UserConfig } from 'emmet';
 import type { SnippetsMap } from './configCompat';
-declare type TextModel = Monaco.editor.ITextModel;
-declare type CompletionList = Monaco.languages.CompletionList;
-declare type Position = Monaco.IPosition;
-declare type Range = Monaco.IRange;
+declare type TextModel = monaco.editor.ITextModel;
+declare type CompletionList = monaco.languages.CompletionList;
+declare type Position = monaco.IPosition;
+declare type Range = monaco.IRange;
 /**
  * Emmet configuration as derived from the Emmet related VS Code settings
  */
@@ -19,12 +19,8 @@ export interface VSCodeEmmetConfig {
 }
 /**
  * Returns all applicable emmet expansions for abbreviation at given position in a CompletionList
- * @param document TextDocument in which completions are requested
- * @param position Position in the document at which completions are requested
- * @param syntax Emmet supported language
- * @param emmetConfig Emmet Configurations as derived from VS Code
  */
-export declare function doComplete(monaco: typeof Monaco, model: TextModel, position: Position, syntax: string, emmetConfig: VSCodeEmmetConfig): CompletionList | undefined;
+export declare function doComplete(_monaco: typeof monaco, model: TextModel, position: Position, syntax: string, emmetConfig: VSCodeEmmetConfig): CompletionList | undefined;
 export declare const emmetSnippetField: (index: number, placeholder: string) => string;
 /** Returns whether or not syntax is a supported stylesheet syntax, like CSS */
 export declare function isStyleSheet(syntax: string): boolean;
@@ -37,7 +33,7 @@ export declare function getDefaultSnippets(syntax: string): SnippetsMap;
 /**
  * Extracts abbreviation from the given position in the given document
  */
-export declare function extractAbbreviation(monaco: typeof Monaco, model: TextModel, position: Position, options?: Partial<ExtractOptions>): {
+export declare function extractAbbreviation(_monaco: typeof monaco, model: TextModel, position: Position, options?: Partial<ExtractOptions>): {
     abbreviation: string;
     abbreviationRange: Range;
     filter: string | undefined;

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/emmetHelper.js

@@ -29,13 +29,9 @@ const commentFilterSuffix = 'c';
 const maxFilters = 3;
 /**
  * Returns all applicable emmet expansions for abbreviation at given position in a CompletionList
- * @param document TextDocument in which completions are requested
- * @param position Position in the document at which completions are requested
- * @param syntax Emmet supported language
- * @param emmetConfig Emmet Configurations as derived from VS Code
  */
 
-function doComplete(monaco, model, position, syntax, emmetConfig) {
+function doComplete(_monaco, model, position, syntax, emmetConfig) {
   var _a, _b;
 
   if (emmetConfig.showExpandedAbbreviation === 'never' || !getEmmetMode(syntax, emmetConfig.excludeLanguages)) {
@@ -58,7 +54,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     lookAhead: !isStyleSheetRes,
     type: isStyleSheetRes ? 'stylesheet' : 'markup'
   };
-  const extractedValue = extractAbbreviation(monaco, model, position, extractOptions);
+  const extractedValue = extractAbbreviation(_monaco, model, position, extractOptions);
 
   if (!extractedValue) {
     return;
@@ -100,11 +96,11 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     }
 
     expandedAbbr = {
-      kind: monaco.languages.CompletionItemKind.Property,
+      kind: _monaco.languages.CompletionItemKind.Property,
       label: abbreviation + (filter ? '|' + filter.replace(',', '|') : ''),
       documentation: replaceTabStopsWithCursors(expandedText),
       detail: 'Emmet abbreviation',
-      insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+      insertTextRules: _monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
       range: abbreviationRange,
       insertText: escapeNonTabStopDollar(addFinalTabStop(expandedText))
     };
@@ -129,7 +125,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
       expandedAbbr.filterText = abbreviation; // Custom snippets should show up in completions if abbreviation is a prefix
 
       const stylesheetCustomSnippetsKeys = stylesheetCustomSnippetsKeyCache.has(syntax) ? stylesheetCustomSnippetsKeyCache.get(syntax) : stylesheetCustomSnippetsKeyCache.get('css');
-      completionItems = makeSnippetSuggestion(monaco, stylesheetCustomSnippetsKeys !== null && stylesheetCustomSnippetsKeys !== void 0 ? stylesheetCustomSnippetsKeys : [], abbreviation, abbreviation, abbreviationRange, expandOptions, 'Emmet Custom Snippet', false);
+      completionItems = makeSnippetSuggestion(_monaco, stylesheetCustomSnippetsKeys !== null && stylesheetCustomSnippetsKeys !== void 0 ? stylesheetCustomSnippetsKeys : [], abbreviation, abbreviation, abbreviationRange, expandOptions, 'Emmet Custom Snippet', false);
 
       if (!completionItems.find(x => x.insertText === (expandedAbbr === null || expandedAbbr === void 0 ? void 0 : expandedAbbr.insertText))) {
         // Fix for https://github.com/Microsoft/vscode/issues/28933#issuecomment-309236902
@@ -152,12 +148,12 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
     }
 
     if (syntax !== 'xml') {
-      const commonlyUsedTagSuggestions = makeSnippetSuggestion(monaco, commonlyUsedTags, tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation');
+      const commonlyUsedTagSuggestions = makeSnippetSuggestion(_monaco, commonlyUsedTags, tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation');
       completionItems = completionItems.concat(commonlyUsedTagSuggestions);
     }
 
     if (emmetConfig.showAbbreviationSuggestions === true) {
-      const abbreviationSuggestions = makeSnippetSuggestion(monaco, markupSnippetKeys.filter(x => !commonlyUsedTags.includes(x)), tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation'); // Workaround for the main expanded abbr not appearing before the snippet suggestions
+      const abbreviationSuggestions = makeSnippetSuggestion(_monaco, markupSnippetKeys.filter(x => !commonlyUsedTags.includes(x)), tagToFindMoreSuggestionsFor, abbreviation, abbreviationRange, expandOptions, 'Emmet Abbreviation'); // Workaround for the main expanded abbr not appearing before the snippet suggestions
 
       if (expandedAbbr && abbreviationSuggestions.length > 0 && tagToFindMoreSuggestionsFor !== abbreviation) {
         expandedAbbr.sortText = '0' + expandedAbbr.label;
@@ -179,7 +175,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
   }
 
   if (emmetConfig.showSuggestionsAsSnippets === true) {
-    completionItems.forEach(x => x.kind = monaco.languages.CompletionItemKind.Snippet);
+    completionItems.forEach(x => x.kind = _monaco.languages.CompletionItemKind.Snippet);
   }
 
   return completionItems.length ? {
@@ -191,7 +187,7 @@ function doComplete(monaco, model, position, syntax, emmetConfig) {
  * Create & return snippets for snippet keys that start with given prefix
  */
 
-function makeSnippetSuggestion(monaco, snippetKeys, prefix, abbreviation, abbreviationRange, expandOptions, snippetDetail, skipFullMatch = true) {
+function makeSnippetSuggestion(_monaco, snippetKeys, prefix, abbreviation, abbreviationRange, expandOptions, snippetDetail, skipFullMatch = true) {
   if (!prefix || !snippetKeys) {
     return [];
   }
@@ -214,11 +210,11 @@ function makeSnippetSuggestion(monaco, snippetKeys, prefix, abbreviation, abbrev
     }
 
     const item = {
-      kind: monaco.languages.CompletionItemKind.Property,
+      kind: _monaco.languages.CompletionItemKind.Property,
       label: prefix + snippetKey.substr(prefix.length),
       documentation: replaceTabStopsWithCursors(expandedAbbr),
       detail: snippetDetail,
-      insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+      insertTextRules: _monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
       range: abbreviationRange,
       insertText: escapeNonTabStopDollar(addFinalTabStop(expandedAbbr))
     };
@@ -399,7 +395,7 @@ function getFilters(text, pos) {
  */
 
 
-function extractAbbreviation(monaco, model, position, options) {
+function extractAbbreviation(_monaco, model, position, options) {
   const currentLine = model.getLineContent(position.lineNumber);
   const currentLineTillPosition = currentLine.substr(0, position.column - 1);
   const {
@@ -413,7 +409,7 @@ function extractAbbreviation(monaco, model, position, options) {
     return;
   }
 
-  const rangeToReplace = new monaco.Range(position.lineNumber, result.location + 1, position.lineNumber, result.location + result.abbreviation.length + lengthOccupiedByFilter + 1);
+  const rangeToReplace = new _monaco.Range(position.lineNumber, result.location + 1, position.lineNumber, result.location + result.abbreviation.length + lengthOccupiedByFilter + 1);
   return {
     abbreviationRange: rangeToReplace,
     abbreviation: result.abbreviation,

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.d.ts

@@ -1,12 +1,17 @@
-import { VSCodeEmmetConfig } from "./emmetHelper";
+import type { VSCodeEmmetConfig } from './emmetHelper';
 /**
- * -ref: https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L86
+ * Default emmet configuration.
+ */
+export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
  */
 export declare const LANGUAGE_MODES: {
     [id: string]: string[];
 };
 /**
- * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
 export declare const MAPPED_MODES: Record<string, string>;
-export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -1,8 +1,18 @@
 /* eslint-disable */
 
 /**
- * -ref: https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L86
+ * Default emmet configuration.
  */
+const DEFAULT_CONFIG = {
+  showExpandedAbbreviation: 'always',
+  showAbbreviationSuggestions: true,
+  showSuggestionsAsSnippets: false
+};
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
+ */
+
 const LANGUAGE_MODES = {
   html: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   jade: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
@@ -19,7 +29,8 @@ const LANGUAGE_MODES = {
   typescript: ['!', '.', '}', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
 };
 /**
- * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
 
 const MAPPED_MODES = {
@@ -27,10 +38,5 @@ const MAPPED_MODES = {
   php: 'html',
   twig: 'html'
 };
-const DEFAULT_CONFIG = {
-  showExpandedAbbreviation: 'always',
-  showAbbreviationSuggestions: true,
-  showSuggestionsAsSnippets: false
-};
 
 export { DEFAULT_CONFIG, LANGUAGE_MODES, MAPPED_MODES };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.220919.0",
+  "version": "1.220920.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -116,8 +116,8 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.220919.0",
-    "@elice/material-shared-utils": "1.220919.0",
+    "@elice/material-shared-types": "1.220920.0",
+    "@elice/material-shared-utils": "1.220920.0",
     "@elice/types": "^1.220914.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
@@ -139,5 +139,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "bddb3a6f9165572b2ba351356d5443f85d0ff519"
+  "gitHead": "446a4074e18958b473a8cb8973ee7073a7b9e2e4"
 }