@sparkle-learning/core 0.0.57 → 0.0.58

package/dist/sparkle-core/sparkle-discussion-questions.entry.js

@@ -1,122 +0,0 @@
-import { r as registerInstance, k as h, o as getElement } from './index-1dec9544.js';
-import { S as SignalRService } from './signalR.service-2b7645c1.js';
-import './index-0df264ee.js';
-import './assets.service-6508aae6.js';
-import './localstorage.service-4bf408c8.js';
-import './index-1d7a6fa0.js';
-import './utils-cae23bce.js';
-import './animation-676a644d.js';
-import './helpers-f11f0674.js';
-import './ios.transition-02531dda.js';
-import './index-183cda39.js';
-import './md.transition-f8765467.js';
-import './cubic-bezier-4c0db14f.js';
-import './index-dd414b33.js';
-import './ionic-global-127576f6.js';
-import './index-be6112f8.js';
-import './index-0af0deac.js';
-import './hardware-back-button-fa04d6e9.js';
-import './overlays-fd3cfa13.js';
-
-const sparkleDiscussionQuestionsCss = "div.question{margin-bottom:5px}div.question ul{padding-left:5px}div.question li{list-style-type:none;cursor:pointer;background:#e5053a;border-radius:4px;vertical-align:middle;line-height:40px;padding-left:20px;color:#fff;margin-bottom:5px}.question h3{color:#333;padding-top:14px;margin-bottom:4px;font-size:16px}div.question li.selected{font-weight:bold;background:#9e0428}input[type='text']{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #ccc;-webkit-transition:0.5s;transition:0.5s;outline:none}input[type='text']:focus{border:2px solid var(--ion-color-primary)}ion-item .item-native{padding-left:0px !important}ion-button.suggetion-btn{margin-left:0px !important}.graph-container{display:flex;flex-direction:row;flex-wrap:wrap;flex-direction:column}.graph-container .question-title{width:100%}.graph-container div.question{display:flex;flex-direction:column;justify-content:flex-end;flex-basis:100px}.graph-container div.question p{text-align:center}.answer-column{background-color:antiquewhite;flex:0 0 auto;text-align:center;color:#c0873c;flex-basis:100px}.toggle-mode{color:#888}.cloud{display:inline;list-style-type:none;width:400px}.cloud>div{list-style:none;display:inline;padding:20px}.cloud>div:nth-of-type(3n+1){font-size:1.25em}.cloud>div:nth-of-type(4n+3){font-size:1.5em}.cloud>div:nth-of-type(5n - 3){font-size:1em}.bar-graph-column{display:flex;align-items:flex-end}.bar-graph-questions{display:flex;align-items:flex-start}";
-
-const SparkleDiscussionQuestions = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.allowPostToFeed = false;
-    this.feedStartingText = 'My suggestions are:';
-    this.isTeacherMode = false;
-    this.questions = [];
-    this.error = '';
-    this.modelChange = '';
-    this.responses = [];
-    this.tempResponses = [];
-    this.suggestionList = [];
-    this.postToFeedTextValue = '';
-  }
-  componentDidLoad() { }
-  resetPollData() {
-    SignalRService.getInstance().callSignalR('ResetPollData', {});
-  }
-  selectOption(evt, question, option) {
-    evt.target.parentElement.childNodes.forEach(e => e.classList.remove('selected'));
-    evt.target.classList.add('selected');
-    //console.log(question, option);
-    SignalRService.getInstance().callSignalR('PollSubmission', {
-      questionId: question.questionId,
-      question: question.questionText,
-      answer: option.option,
-      responseType: question.questionType,
-      pageUrl: window.location.href,
-    });
-  }
-  addSuggestion(evt, question) {
-    var inputVal = evt.target.parentElement.parentElement.querySelector('input[type=text]');
-    if (inputVal.value == '' || !inputVal.value) {
-      this.error = 'Please enter the value';
-    }
-    else {
-      SignalRService.getInstance().callSignalR('PollSubmission', {
-        questionId: question.questionId,
-        question: question.questionText,
-        answer: inputVal.value,
-        responseType: question.questionType,
-        pageUrl: window.location.href,
-      });
-      //   this.dataSvc.callSignalR(
-      //     {
-      //       questionId: question.questionId,
-      //       question: question.question,
-      //       answer: inputVal.value,
-      //       responseType: question.responseType,
-      //     },
-      //     'PollSubmission',
-      //     true,
-      //   );
-      //&& question.updateFeedText
-      if (this.allowPostToFeed) {
-        this.suggestionList.push({ questionId: question.questionId, question: question.questionText, answer: inputVal.value, responseType: question.questionType });
-        let value = this.suggestionList
-          .map(x => x.answer)
-          .join(', ')
-          .toString();
-        this.postToFeedTextValue = this.feedStartingText + ' ' + value;
-      }
-    }
-  }
-  // async presentToast(message: string) {
-  //     const toast = await this.toastCtrl.create({
-  //         message: message,
-  //         duration: 2000
-  //     });
-  //     await toast.present();
-  // }
-  toggleMode() {
-    this.isTeacherMode = !this.isTeacherMode;
-  }
-  renderOptions(question) {
-    if (question.questionType == 'MULTIPLE-CHOICE') {
-      return (h("ul", null, question.options.map(opt => (h("li", { onClick: evt => this.selectOption(evt, question, opt) }, opt.option)))));
-    }
-    else if (question.questionType == 'FEEDBACK') {
-      let options = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-      return (h("ion-item", null, h("ion-label", null, "Choose Option ", h("ion-icon", { name: "arrow-back", mode: "ios" })), h("ion-select", { id: "customAlertSelect", interface: "alert" }, h("ion-select-option", { value: "bacon" }, "Bacon"), h("ion-select-option", { value: "olives" }, "Black Olives"), h("ion-select-option", { value: "xcheese" }, "Extra Cheese"), h("ion-select-option", { value: "peppers" }, "Green Peppers"), h("ion-select-option", { value: "mushrooms" }, "Mushrooms"), h("ion-select-option", { value: "onions" }, "Onions"), h("ion-select-option", { value: "pepperoni" }, "Pepperoni"), h("ion-select-option", { value: "pineapple" }, "Pineapple"), h("ion-select-option", { value: "sausage" }, "Sausage"), h("ion-select-option", { value: "Spinach" }, "Spinach"))));
-    }
-    else {
-      return (h("div", null, h("input", { slot: "start", type: "text", placeholder: "Type suggestion" }), h("div", null, this.error), h("ion-item", null, h("ion-button", { class: "suggetion-btn", size: "default", slot: "end", color: "primary", onClick: evt => this.addSuggestion(evt, question) }, "ADD SUGGESTION"))));
-    }
-  }
-  renderQuestions() {
-    return [
-      this.questions.map(q => (h("div", { class: 'question' }, h("h3", null, q.questionText, ' ', h("span", { class: "toggle-mode", onClick: () => this.toggleMode() }, ".")), this.renderOptions(q)))),
-      this.allowPostToFeed ? h("sparkle-feed-post", { assignmentName: this.postToFeedAssignmentName, textValue: this.postToFeedTextValue }) : '',
-    ];
-  }
-  render() {
-    return this.renderQuestions();
-  }
-  get el() { return getElement(this); }
-};
-SparkleDiscussionQuestions.style = sparkleDiscussionQuestionsCss;
-
-export { SparkleDiscussionQuestions as sparkle_discussion_questions };

package/dist/sparkle-core/sparkle-discussion-results.entry.js

@@ -1,189 +0,0 @@
-import { r as registerInstance, k as h, o as getElement } from './index-1dec9544.js';
-import { s as signalRStore, S as SignalRService } from './signalR.service-2b7645c1.js';
-import './index-0df264ee.js';
-import './assets.service-6508aae6.js';
-import './localstorage.service-4bf408c8.js';
-import './index-1d7a6fa0.js';
-import './utils-cae23bce.js';
-import './animation-676a644d.js';
-import './helpers-f11f0674.js';
-import './ios.transition-02531dda.js';
-import './index-183cda39.js';
-import './md.transition-f8765467.js';
-import './cubic-bezier-4c0db14f.js';
-import './index-dd414b33.js';
-import './ionic-global-127576f6.js';
-import './index-be6112f8.js';
-import './index-0af0deac.js';
-import './hardware-back-button-fa04d6e9.js';
-import './overlays-fd3cfa13.js';
-
-const sparkleDiscussionResultsCss = "div.question{margin-bottom:5px}div.question ul{padding-left:5px}div.question li{list-style-type:none;cursor:pointer;background:#e5053a;border-radius:4px;vertical-align:middle;line-height:40px;padding-left:20px;color:#fff;margin-bottom:5px}.question h3{color:#333;padding-top:14px;margin-bottom:4px;font-size:16px}div.question li.selected{font-weight:bold;background:#9e0428}input[type='text']{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:2px solid #ccc;-webkit-transition:0.5s;transition:0.5s;outline:none}input[type='text']:focus{border:2px solid var(--ion-color-primary)}ion-item .item-native{padding-left:0px !important}ion-button.suggetion-btn{margin-left:0px !important}.graph-container{display:flex;flex-direction:row;flex-wrap:wrap;flex-direction:column}.graph-container .question-title{width:100%}.graph-container div.question{display:flex;flex-direction:column;justify-content:flex-end;flex-basis:100px}.graph-container div.question p{text-align:center}.answer-column{background-color:rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));flex:0 0 auto;text-align:center;color:#c0873c;flex-basis:100px;margin-bottom:14px}.toggle-mode{color:#888}.cloud{display:inline;list-style-type:none;width:400px}.cloud>div{list-style:none;display:inline;padding:20px}.cloud>div:nth-of-type(3n+1){font-size:1.25em}.cloud>div:nth-of-type(4n+3){font-size:1.5em}.cloud>div:nth-of-type(5n - 3){font-size:1em}.bar-graph-column{display:flex;align-items:flex-end}.bar-graph-questions{display:flex;align-items:flex-start}";
-
-const SparkleDiscussionResults = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.allowPostToFeed = false;
-    this.feedStartingText = 'My suggestions are:';
-    this.isTeacherMode = false;
-    this.questions = [];
-    this.error = '';
-    this.modelChange = '';
-    this.responses = [];
-    this.tempResponses = [];
-    this.suggestionList = [];
-  }
-  questionsChaged(newValue, _oldValue) {
-    this.setupData(newValue);
-  }
-  //Any child component can liste for server events like
-  gotServerUpdate(evt) {
-    if (this.isTeacherMode) {
-      var detail = evt.detail;
-      if (detail.type == 'list') {
-        detail.data.forEach(element => {
-          if (element.responseType == 'TEXT') {
-            this.addToWordCloud(element);
-          }
-          else if (element.responseType == 'MULTIPLE-CHOICE') {
-            this.addToBarChart(element);
-          }
-        });
-      }
-      else if (detail.type == 'removed') {
-        this.responses = [...this.tempResponses];
-      }
-      else {
-        detail = detail.data;
-        if (detail.responseType == 'TEXT') {
-          this.addToWordCloud(detail);
-        }
-        else if (detail.responseType == 'MULTIPLE-CHOICE') {
-          this.addToBarChart(detail);
-        }
-      }
-    }
-  }
-  addToWordCloud(q) {
-    var isExistObj = this.responses.find(x => x.question == q.question);
-    if (isExistObj) {
-      this.responses = this.responses.map(resp => {
-        if (resp.question == q.question) {
-          return q;
-        }
-        return resp;
-      });
-    }
-    else {
-      this.responses = [...this.responses, q];
-    }
-    console.log(this.responses);
-  }
-  addToBarChart(q) {
-    var isExistObj = this.responses.find(x => x.question == q.question);
-    if (isExistObj) {
-      isExistObj.responses = isExistObj.responses.map(resp => {
-        var correctData = q.responses.find(x => x.response == resp.response);
-        if (correctData) {
-          return correctData;
-        }
-        return resp;
-      });
-      isExistObj.total = q.total;
-      this.responses = this.responses.map(resp => {
-        if (resp.question == isExistObj.question) {
-          return isExistObj;
-        }
-        return resp;
-      });
-    }
-    else {
-      this.responses = [...this.responses, q];
-    }
-  }
-  componentDidLoad() {
-    if (this.questions) {
-      this.setupData(this.questions);
-      signalRStore.onChange('connected', connected => {
-        if (connected && this.isTeacherMode) {
-          SignalRService.getInstance().callSignalR('GetPollSubmission', { pageUrl: window.location.href });
-        }
-      });
-    }
-  }
-  setupData(questions) {
-    this.setupResponseGraph(questions);
-    // if (this.isTeacherMode) {
-    //   SignalRService.getInstance().callSignalR('GetPollSubmission', {});
-    // }
-  }
-  resetPollData() {
-    SignalRService.getInstance().callSignalR('ResetPollData', {});
-  }
-  setupResponseGraph(questions) {
-    this.responses = [];
-    questions.forEach(q => {
-      if (q.questionType == 'TEXT') {
-        this.responses = [
-          ...this.responses,
-          {
-            question: q.questionText,
-            responseType: q.questionType,
-            responses: [],
-            total: 0,
-          },
-        ];
-        this.tempResponses = this.responses.slice();
-      }
-      else if (q.questionType == 'MULTIPLE-CHOICE') {
-        var answer = [];
-        Object.keys(q.options).map((o) => {
-          answer.push({ count: 0, response: q.options[o].option });
-        });
-        this.responses = [...this.responses, { question: q.questionText, responseType: q.questionType, responses: answer, total: 0 }];
-        this.tempResponses = this.responses.slice();
-      }
-    });
-    console.log(this.responses);
-  }
-  columnHeight(responseCount, totalResponseCount) {
-    let maxScale = 100;
-    let scaleUnit = 0;
-    if (totalResponseCount != 0) {
-      scaleUnit = maxScale / totalResponseCount;
-    }
-    var size = scaleUnit * responseCount;
-    return { height: `${size}px` };
-  }
-  getRandomColorAndFontSize(count) {
-    const h = Math.floor(Math.random() * 360), s = Math.floor(Math.random() * 100) + '%', l = Math.floor(Math.random() * 60) + '%';
-    let fontSize = 1;
-    if (count > 0) {
-      fontSize = fontSize + (count - 1) * 0.25;
-    }
-    return { 'color': `hsl(${h},${s},${l})`, 'font-size': `${fontSize}em` };
-  }
-  renderResults() {
-    console.log('Responsed', this.responses);
-    var barResponses = this.responses.filter(x => x.responseType == 'MULTIPLE-CHOICE');
-    var cloudResponses = this.responses.filter(x => x.responseType == 'TEXT');
-    return [
-      // <ion-button size="default" slot="end" color="primary" onClick={(evt) => this.resetPollData()} >Reset</ion-button>,
-      barResponses.map((q) => (h("div", null, ' ', h("h3", { class: "line" }, q.question), h("div", { class: "graph-container" }, h("div", { class: "bar-graph-column" }, q.responses.map(r => (h("div", { class: "answer-column", style: this.columnHeight(r.count, q.total) }, r.count)))), h("div", { class: "bar-graph-questions" }, q.responses.map(r => (h("div", { class: 'question' }, h("p", null, r.response))))))))),
-      cloudResponses.map(q => [
-        h("p", null, h("h3", { class: "line" }, q.question)),
-        h("div", { class: "cloud" }, q.responses.map(r => (h("div", { style: this.getRandomColorAndFontSize(r.count) }, r.response)))),
-      ]),
-    ];
-  }
-  render() {
-    return this.renderResults();
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "questions": ["questionsChaged"]
-  }; }
-};
-SparkleDiscussionResults.style = sparkleDiscussionResultsCss;
-
-export { SparkleDiscussionResults as sparkle_discussion_results };

package/dist/sparkle-core/sparkle-discussion.entry.js

@@ -1,52 +0,0 @@
-import { r as registerInstance, k as h, o as getElement } from './index-1dec9544.js';
-import './index-0df264ee.js';
-import { E as EnvironmentConfigService, A as AssetsService } from './assets.service-6508aae6.js';
-import './localstorage.service-4bf408c8.js';
-import './index-1d7a6fa0.js';
-import './utils-cae23bce.js';
-import './animation-676a644d.js';
-import './helpers-f11f0674.js';
-import './ios.transition-02531dda.js';
-import './index-183cda39.js';
-import './md.transition-f8765467.js';
-import './cubic-bezier-4c0db14f.js';
-import './index-dd414b33.js';
-import './ionic-global-127576f6.js';
-import './index-be6112f8.js';
-import './index-0af0deac.js';
-import './hardware-back-button-fa04d6e9.js';
-import './overlays-fd3cfa13.js';
-
-const sparkleDiscussionCss = "sparkle-discussion{border:1px solid var(--line-rule-color);display:block;padding:12px}";
-
-const SparkleDiscussion = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.allowPostToFeed = false;
-    this.feedStartingText = 'My suggestions are:';
-    this.isTeacherMode = false;
-    this.quizData = [];
-  }
-  async componentDidLoad() {
-    this.isTeacherMode = this.isTeacherMode == false ? window.location.href.indexOf('/presentation/course') > -1 : this.isTeacherMode;
-    const config = EnvironmentConfigService.getInstance().get('sparkle');
-    let allQuizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
-    if (allQuizData) {
-      if (this.questionIds) {
-        let questionIds = this.questionIds.split(',');
-        this.quizData = [];
-        questionIds.forEach(id => {
-          this.quizData = [...this.quizData, allQuizData[+id]];
-        });
-        console.log('QUIZ Data', this.quizData);
-      }
-    }
-  }
-  render() {
-    return this.isTeacherMode ? (h("sparkle-discussion-results", { allowPostToFeed: this.allowPostToFeed, feedStartingText: this.feedStartingText, isTeacherMode: this.isTeacherMode, questions: this.quizData })) : (h("sparkle-discussion-questions", { allowPostToFeed: this.allowPostToFeed, feedStartingText: this.feedStartingText, isTeacherMode: this.isTeacherMode, questions: this.quizData }));
-  }
-  get el() { return getElement(this); }
-};
-SparkleDiscussion.style = sparkleDiscussionCss;
-
-export { SparkleDiscussion as sparkle_discussion };

package/dist/sparkle-core/sparkle-dropdown.entry.js

@@ -1,57 +0,0 @@
-import { r as registerInstance, k as h, o as getElement, n as Host } from './index-1dec9544.js';
-import { D as DownArrow } from './icons-758d1417.js';
-
-const dropdownCss = ".Dropdown{display:inline-block;position:relative;z-index:1}.Dropdown-button{appearance:none;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:initial;white-space:nowrap;display:flex}.Dropdown-button .Dropdown-icon{height:14px;width:22px;fill:#ced6e0}.Dropdown-button .Dropdown-icon+.Dropdown-arrow{margin-left:0px;fill:#ced6e0;vertical-align:2px}.Dropdown:focus,.Dropdown-button:focus{outline:none}.Dropdown-button:hover{cursor:pointer}.Dropdown-arrow{fill:currentColor;height:0.8em;margin-bottom:-0.0875em;width:0.8em;margin-left:0.8em}.Dropdown.is-open .Dropdown-arrow{transform:rotate(180deg)}.Dropdown-panel{background-color:var(--background);border-radius:6px;border:none;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08);display:none;min-width:100%;overflow:hidden;pointer-events:none;position:absolute;top:100%;visibility:hidden}.Dropdown.is-open .Dropdown-panel{display:initial;pointer-events:auto;visibility:visible}.Dropdown--left .Dropdown-panel{left:0}.Dropdown--right .Dropdown-panel{right:0}.Dropdown--center .Dropdown-panel{left:50%;transform:translateX(-50%)}.Dropdown-panel a{display:flex;justify-content:space-between;padding:0.5em 1em}.Dropdown-panel svg{height:1em;width:1em;margin-left:4px}@media (hover: hover){.Dropdown-panel a:hover{background-color:rgba(0, 0, 0, 0.025)}}.Dropdown-panel>section{padding:0.5em 0}.Dropdown-panel>section:not(:last-child){border-bottom:solid 1px var(--line-rule-color)}.Dropdown-image{height:36px;width:36px;border-radius:50%}";
-
-const SparkleDropdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.align = 'left';
-    this.isOpen = false;
-  }
-  handleClick(event) {
-    const isNode = event.target instanceof Node;
-    const isOurs = isNode && this.el.contains(event.target);
-    if (!isOurs) {
-      this.close();
-    }
-  }
-  handleKeyup(event) {
-    if (event.key === 'Enter') {
-      this.toggle();
-    }
-    if (event.key === 'Escape') {
-      this.close();
-    }
-  }
-  async close() {
-    this.isOpen = false;
-  }
-  async open() {
-    this.isOpen = true;
-  }
-  async toggle() {
-    this.isOpen = !this.isOpen;
-  }
-  hostData() {
-    return {
-      tabindex: '0',
-      class: {
-        'Dropdown': true,
-        [`Dropdown--${this.align}`]: true,
-        'is-open': this.isOpen,
-      },
-    };
-  }
-  __stencil_render() {
-    const Icon = this.icon;
-    const button = (h("button", { tabindex: "-1", class: "Dropdown-button", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? 'true' : 'false', onClick: this.toggle.bind(this) }, h("span", { class: "Dropdown-button-label" }, this.label), Icon ? h(Icon, { class: "Dropdown-icon" }) : null, this.image ? h("img", { class: "Dropdown-image", src: this.image }) : null, h(DownArrow, { class: "Dropdown-arrow" })));
-    const panel = (h("div", { role: "menu", class: "Dropdown-panel" }, h("slot", null)));
-    return [button, panel];
-  }
-  get el() { return getElement(this); }
-  render() { return h(Host, this.hostData(), this.__stencil_render()); }
-};
-SparkleDropdown.style = dropdownCss;
-
-export { SparkleDropdown as sparkle_dropdown };

package/dist/sparkle-core/sparkle-emoji.entry.js

@@ -1,77 +0,0 @@
-import { r as registerInstance, k as h, n as Host } from './index-1dec9544.js';
-
-const sparkleEmojiCss = ":host{display:inline-block}span.xs{font-size:1em}span.sm{font-size:2em}span.md{font-size:3em}span.lg{font-size:4em}";
-
-const emojies = {
-  'GRINNING': '😀',
-  'GRINNING-WITH-SMILING-EYES': '😁',
-  'FACE-WITH-TEARS-OF-JOY': '😂',
-  'SMILING-FACE-WITH-OPEN-MOUTH': '😃',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-SMILING-EYES': '😄',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😅',
-  'SMILING-FACE-WITH-OPEN-MOUTH-AND-TIGHTLY-CLOSED-E': '😆YES',
-  'SMILING-FACE-WITH-HALO': '😇',
-  'SMILING-FACE-WITH-HORNS': '😈',
-  'WINKING-FACE': '😉',
-  'SMILING-FACE-WITH-SMILING-EYES': '😊',
-  'FACE-SAVOURING-DELICIOUS-FOOD': '😋',
-  'RELIEVED-FACE': '😌',
-  'SMILING-FACE-WITH-HEART-SHAPED-EYES': '😍',
-  'SMILING-FACE-WITH-SUNGLASSES': '😎',
-  'SMIRKING-FACE': '😏',
-  'NEUTRAL-FACE': '😐',
-  'EXPRESSIONLESS-FACE': '😑',
-  'UNAMUSED-FACE': '😒',
-  'FACE-WITH-COLD-SWEAT': '😓',
-  'PENSIVE-FACE': '😔',
-  'CONFUSED-FACE': '😕',
-  'CONFOUNDED-FACE': '😖',
-  'KISSING-FACE': '😗',
-  'FACE-THROWING-A-KISS': '😘',
-  'KISSING-FACE-WITH-SMILING-EYES': '😙',
-  'KISSING-FACE-WITH-CLOSED-EYES': '😚',
-  'FACE-WITH-STUCK-OUT-TONGUE': '😛',
-  'FACE-WITH-STUCK-OUT-TONGUE-AND-WINKING-EYE': '😜',
-  'FACE-WITH-STUCK-OUT-TONGUE-AND-TIGHTLY-CLOSED-EYE': '😝S',
-  'DISAPPOINTED-FACE': '😞',
-  'WORRIED-FACE': '😟',
-  'ANGRY-FACE': '😠',
-  'POUTING-FACE': '😡',
-  'CRYING-FACE': '😢',
-  'PERSEVERING-FACE': '😣',
-  'FACE-WITH-LOOK-OF-TRIUMPH': '😤',
-  'DISAPPOINTED-BUT-RELIEVED-FACE': '😥',
-  'FROWNING-FACE-WITH-OPEN-MOUTH': '😦',
-  'ANGUISHED-FACE': '😧',
-  'FEARFUL-FACE': '😨',
-  'WEARY-FACE': '😩',
-  'SLEEPY-FACE': '😪',
-  'TIRED-FACE': '😫',
-  'GRIMACING-FACE': '😬',
-  'LOUDLY-CRYING-FACE': '😭',
-  'FACE-WITH-OPEN-MOUTH': '😮',
-  'HUSHED-FACE': '😯',
-  'FACE-WITH-OPEN-MOUTH-AND-COLD-SWEAT': '😰',
-  'FACE-SCREAMING-IN-FEAR': '😱',
-  'ASTONISHED-FACE': '😲',
-  'FLUSHED-FACE': '😳',
-  'SLEEPING-FACE': '😴',
-  'DIZZY-FACE': '😵',
-  'FACE-WITHOUT-MOUTH': '😶',
-  'FACE-WITH-MEDICAL-MASK': '😷'
-};
-const SparkleEmoji = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = 'xs';
-  }
-  render() {
-    return (h(Host, null, h("span", { class: {
-        [this.size]: Boolean(this.size),
-      } }, emojies[this.mood])));
-  }
-};
-{ /* <sparkle-emoji mood="ANGRY-FACE"></sparkle-emoji> */ }
-SparkleEmoji.style = sparkleEmojiCss;
-
-export { SparkleEmoji as sparkle_emoji };