diff --git a/cdn/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js b/cdn/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js index e6dffd425..7f1d21664 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js +++ b/cdn/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js @@ -171,7 +171,7 @@ import{html as e,css as a}from"../../lit/index.js";import{DDD as t}from"../d-d-d ${this.expanded?e``:""} - `}static get tag(){return"a11y-collapse"}static get properties(){return{headingButton:{type:Boolean,reflect:!0,attribute:"heading-button"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},hidden:{type:Boolean,reflect:!0,attribute:"hidden"},expanded:{type:Boolean,reflect:!0},icon:{type:String},iconExpanded:{type:String,attribute:"icon-expanded"},label:{type:String},heading:{type:String},labelExpanded:{type:String,attribute:"label-expanded"},tooltip:{type:String},tooltipExpanded:{type:String,attribute:"tooltip-expanded"},accordion:{type:Boolean,reflect:!0,attribute:"accordion"}}}constructor(){super(),this.headingButton=!1,this.accordion=!1,this.disabled=!1,this.hidden=!1,this.expanded=!1,this.heading=null,this.icon="icons:expand-more",this.label="expand",this.tooltip="expand"}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("a11y-collapse-attached",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}),0)}disconnectedCallback(){this.dispatchEvent(new CustomEvent("a11y-collapse-detached",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),super.disconnectedCallback()}collapse(){this.toggle(!1)}toggle(e=!this.expanded){this.expanded=e}updated(e){e.forEach(((e,a)=>{"expanded"===a&&this._fireToggleEvents()}))}_fireToggleEvents(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.dispatchEvent(new CustomEvent("a11y-collapse-toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.expanded?(this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="collapse",this.tooltip="collapse"):(this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="expand",this.tooltip="expand")}_getExpanded(e,a,t){return t&&a?a:e}_makeHeadingButton(){return e` + `}static get tag(){return"a11y-collapse"}static get properties(){return{headingButton:{type:Boolean,reflect:!0,attribute:"heading-button"},disabled:{type:Boolean,reflect:!0},hidden:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0},icon:{type:String},iconExpanded:{type:String,attribute:"icon-expanded"},label:{type:String},heading:{type:String},labelExpanded:{type:String,attribute:"label-expanded"},tooltip:{type:String},tooltipExpanded:{type:String,attribute:"tooltip-expanded"},accordion:{type:Boolean,reflect:!0}}}constructor(){super(),this.headingButton=!1,this.accordion=!1,this.disabled=!1,this.hidden=!1,this.expanded=!1,this.heading=null,this.icon="icons:expand-more",this.label="expand",this.tooltip="expand"}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("a11y-collapse-attached",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}),0)}disconnectedCallback(){this.dispatchEvent(new CustomEvent("a11y-collapse-detached",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),super.disconnectedCallback()}collapse(){this.toggle(!1)}toggle(e=!this.expanded){this.expanded=e}updated(e){e.forEach(((e,a)=>{"expanded"===a&&this._fireToggleEvents()}))}_fireToggleEvents(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.dispatchEvent(new CustomEvent("a11y-collapse-toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.expanded?(this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="collapse",this.tooltip="collapse"):(this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="expand",this.tooltip="expand")}_getExpanded(e,a,t){return t&&a?a:e}_makeHeadingButton(){return e` - Download Chat Log - - - Reset Chat + Reset Chat - - Toggle Data Collection + Toggle Data Collection - - Toggle Developer Mode - + Toggle Developer Mode
- - ${this.isFullView?"Exit Full View":"Enter Full View"} + ${this.isFullView?"Exit Full View":"Enter Full View"} ${this.isFullView?l` - - Hide Interface - `:""} + + Hide Interface + `:""}
`}handleDownloadLogButton(){t.devStatement("Download log button pressed.","log"),this.downloadChatLog()}handleResetButton(){t.devStatement("Reset button pressed.","log"),confirm("Reset the chat?")&&(confirm("Download the chat log before you reset?")?(t.devStatement("Download chat log before reset confirmed.","info"),this.downloadChatLog()):t.devStatement("Download chat log before reset denied.","warning"),this.resetChat())}handleDataCollectionButton(){t.dataCollectionEnabled=!t.dataCollectionEnabled,this.dataCollectionEnabled?alert("Your conversations will be used to train our AI models"):alert("Your conversations will not be used to train our AI models")}handleDevModeButton(){t.developerModeEnabled=!t.developerModeEnabled}handleViewButton(){t.devStatement("View switch button pressed.","log"),t.isFullView=!this.isFullView,this.requestUpdate(),t.devStatement("View switched to: "+(t.isFullView?"full":"standard"),"info")}handleHideButton(){t.devStatement("Hide button pressed.","log"),this.isInterfaceHidden||(t.isInterfaceHidden=!0)}downloadChatLog(){t.devStatement("Calling download function...","info"),t.handleDownload("txt")}resetChat(){t.devStatement("Resetting chat...","info"),t.chatLog=[],t.merlinIndex=0,t.messageIndex=0,t.userIndex=0,t.startAI()}static get properties(){return{...super.properties,dataCollectionEnabled:{type:Boolean,attribute:"data-collection-enabled",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatControlBar.tag,ChatControlBar);export{ChatControlBar}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js index 33a0dfce8..5732f1911 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js +++ b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js @@ -2,7 +2,7 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as o,toJS as n}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as l}from"../../../lit/index.js";class ChatDeveloperPanel extends t{static get tag(){return"chat-developer-panel"}constructor(){super(),this.chatLog=[],this.engine=null,this.isFullView=null,o((()=>{this.chatLog=n(e.chatLog),this.engine=n(e.engine),this.isFullView=n(e.isFullView)}))}static get styles(){return[super.styles,l` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as o,toJS as n}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as l}from"../../../lit/index.js";class ChatDeveloperPanel extends t{static get tag(){return"chat-developer-panel"}constructor(){super(),this.chatLog=[],this.context=null,this.engine=null,this.isFullView=null,o((()=>{this.chatLog=n(e.chatLog),this.context=n(e.context),this.engine=n(e.engine),this.isFullView=n(e.isFullView)}))}static get styles(){return[super.styles,l` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ :host { @@ -33,7 +33,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. gap: var(--ddd-spacing-1); } - button, select { + button, + select { align-items: center; background-color: #2b2a33; border-radius: var(--ddd-radius-sm); @@ -52,8 +53,9 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. font-size: 14px; padding: var(--ddd-spacing-2); } - - button:hover, button:focus-visible { + + button:hover, + button:focus-visible { background-color: #52525e; } @@ -85,43 +87,70 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. } `]}render(){return i`
-
-
- Print User Chat Log as Table to Console - - - Print Merlin Chat Log as Table to Console - - - Print Entire Chat Log as Table to Console - - - Download Chat Log as .json + Download Chat Log as .json
-
- - - - - - @@ -156,7 +191,6 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. -
- `}handleConsoleTableButton(t){const o=t.currentTarget.id;switch(console.info(`HAX-DEV-MODE: ${o} button pressed.`),o){case"console-table-user":console.table(this.compileChatLog(e.userName));break;case"console-table-merlin":console.table(this.compileChatLog("merlin"));break;case"console-table-all":console.table(this.chatLog)}}compileChatLog(t){e.devStatement(`Compiling "${t}" chat log...`,"info");let o=[];return this.chatLog.forEach((e=>{e.author===t&&o.push(e)})),o}handleDownloadAsJsonButton(){e.devStatement("Calling download funtion...","info"),e.handleDownload("json")}handleSwitchEngine(){e.engine=this.shadowRoot.querySelector("#engine-selection").value,e.devStatement(`Engine switched to ${e.engine}`,"info")}handleContextChange(){e.context=this.shadowRoot.querySelector("#context-select").value,e.devStatement(`Context switched to ${e.context}`,"info")}static get properties(){return{...super.properties,isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatDeveloperPanel.tag,ChatDeveloperPanel);export{ChatDeveloperPanel}; \ No newline at end of file + `}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t);const o=this.shadowRoot.querySelectorAll("#engine-selection option"),n=this.shadowRoot.querySelectorAll("#context-selection option");o.forEach((e=>{e.value===this.engine&&(e.selected=!0)})),n.forEach((t=>{t.value===e.context&&(t.selected=!0)}))}handleConsoleTableButton(t){const o=t.currentTarget.id;switch(console.info(`HAX-DEV-MODE: ${o} button pressed.`),o){case"console-table-user":console.table(this.compileChatLog(e.userName));break;case"console-table-merlin":console.table(this.compileChatLog("merlin"));break;case"console-table-all":console.table(this.chatLog)}}compileChatLog(t){e.devStatement(`Compiling "${t}" chat log...`,"info");let o=[];return this.chatLog.forEach((e=>{e.author===t&&o.push(e)})),o}handleDownloadAsJsonButton(){e.devStatement("Calling download funtion...","info"),e.handleDownload("json")}handleSwitchEngine(){e.engine=this.shadowRoot.querySelector("#engine-selection").value,e.devStatement(`Engine switched to ${e.engine}`,"info")}handleContextChange(){e.context=this.shadowRoot.querySelector("#context-selection").value,e.devStatement(`Context switched to ${e.context}`,"info")}static get properties(){return{...super.properties,isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatDeveloperPanel.tag,ChatDeveloperPanel);export{ChatDeveloperPanel}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js index f0d6eef94..69c0a84c9 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js +++ b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as i}from"../../../lit/index.js";class ChatInput extends t{static get tag(){return"chat-input"}constructor(){super(),this.chatLog=[],this.darkMode=null,this.messageIndex=null,this.userIndex=null,this.previousMessagesIndex=null,this.userName=null,s((()=>{this.chatLog=r(e.chatLog),this.darkMode=r(e.darkMode),this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex),this.previousMessagesIndex=r(this.messageIndex),this.userName=r(e.userName)}))}static get styles(){return[super.styles,i` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as i}from"../../../lit/index.js";class ChatInput extends t{static get tag(){return"chat-input"}constructor(){super(),this.chatLog=[],this.darkMode=null,this.messageIndex=null,this.userIndex=null,this.previousMessagesIndex=null,this.userName=null,s((()=>{this.chatLog=r(e.chatLog),this.darkMode=r(e.darkMode),this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex),this.previousMessagesIndex=r(this.messageIndex),this.userName=r(e.userName)}))}static get styles(){return[super.styles,i` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { display: block; font-family: var(--ddd-font-primary); @@ -49,8 +49,9 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. gap: var(--ddd-spacing-1); justify-content: center; } - - button:hover, button:focus-visible { + + button:hover, + button:focus-visible { background-color: #52525e; } @@ -66,7 +67,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. width: 52px; } - .send-button:hover, .send-button:focus-visible { + .send-button:hover, + .send-button:focus-visible { box-shadow: 0 6px rgba(0, 3, 33, 0.2); transform: translateY(-2px); } @@ -88,14 +90,35 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. } `]}render(){return a`
- +
- - + +
-
+
- Send Prompt to Merlin + Send Prompt to Merlin
`}handleKeyPress(e){switch(e.key){case"Enter":e.preventDefault(),this.handleSendButton();break;case"ArrowUp":e.preventDefault(),this.displayPreviousMessages("up");break;case"ArrowDown":e.preventDefault(),this.displayPreviousMessages("down")}}handleDirectionButtons(t){const s=t.currentTarget.id;switch(e.devStatement(`${s} button pressed.`,"info"),s){case"input-up-btn":this.displayPreviousMessages("up");break;case"input-down-btn":this.displayPreviousMessages("down")}}handleSendButton(){const t=this.shadowRoot.querySelector("#user-input").value;e.promptCharacterLimit>0&&t.length>e.promptCharacterLimit&&alert(`Please shorten your prompt to no more than ${e.promptCharacterLimit} characters.`),""!==t?(e.devStatement(`Send function activated. "${t}" sent to Merlin.`,"info"),e.handleMessage(e.userName,t),this.shadowRoot.querySelector("#user-input").value=""):e.devStatement("Send button activated. No prompt to send.","warn")}displayPreviousMessages(t){let s=this.shadowRoot.querySelector("#user-input");switch(t){case"up":if(this.previousMessagesIndex>1){for(this.previousMessagesIndex--,e.devStatement(`Arrow Up pressed. Previous message index = ${this.previousMessagesIndex} and message index = ${this.messageIndex}`,"info");this.chatLog[this.previousMessagesIndex].author!==this.userName&&this.previousMessagesIndex>=1;)if(this.previousMessagesIndex--,this.previousMessagesIndex<1){this.previousMessagesIndex++;break}s.value=this.chatLog[this.previousMessagesIndex].message}break;case"down":if(this.previousMessagesIndexthis.messageIndex){this.previousMessagesIndex=this.messageIndex;break}this.previousMessagesIndex>=this.messageIndex?s.value="":s.value=this.chatLog[this.previousMessagesIndex].message}else s.value="";e.devStatement(`Arrow Down pressed. Previous message index = ${this.previousMessagesIndex} and message index = ${this.messageIndex}`,"info");break;default:e.devStatement(`Unknown direction: ${t}.`,"error")}}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t),e.promptCharacterLimit>0&&this.shadowRoot.querySelector("#user-input").setAttribute("maxlength",`${e.promptCharacterLimit}`)}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatInput.tag,ChatInput);export{ChatInput}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js index 8e519d8a3..3bffb3a98 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js +++ b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../../d-d-d/d-d-d.js";import{autorun as h,toJS as t}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as r}from"../../../lit/index.js";class ChatInterface extends i{static get tag(){return"chat-interface"}constructor(){super(),this.chatLog=[],this.darkMode=!1,this.developerModeEnabled=null,this.isFullView=null,this.isInterfaceHidden=null,this.hasEditorUI=null,h((()=>{this.chatLog=t(e.chatLog),this.darkMode=t(e.darkMode),this.developerModeEnabled=t(e.developerModeEnabled),this.isFullView=t(e.isFullView),this.isInterfaceHidden=t(e.isInterfaceHidden);const i=document.querySelector("#site");window.innerHeight>1e3?this.isFullView&&!this.isInterfaceHidden?i.style.width="65%":i.style.width="100%":this.isFullView&&!this.isInterfaceHidden?i.style.width="75%":i.style.width="100%",document.querySelector("haxcms-site-editor-ui")?this.hasEditorUI=!0:this.hasEditorUI=!1}))}static get styles(){return[super.styles,r` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as i}from"../../d-d-d/d-d-d.js";import{autorun as h,toJS as t}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as r}from"../../../lit/index.js";class ChatInterface extends i{static get tag(){return"chat-interface"}constructor(){super(),this.chatLog=[],this.darkMode=!1,this.developerModeEnabled=null,this.isFullView=null,this.isInterfaceHidden=null,this.hasEditorUI=null,h((()=>{this.chatLog=t(e.chatLog),this.darkMode=t(e.darkMode),this.developerModeEnabled=t(e.developerModeEnabled),this.isFullView=t(e.isFullView),this.isInterfaceHidden=t(e.isInterfaceHidden);const i=document.querySelector("#site");window.innerHeight>1e3?this.isFullView&&!this.isInterfaceHidden?i.style.width="65%":i.style.width="100%":this.isFullView&&!this.isInterfaceHidden?i.style.width="75%":i.style.width="100%",document.querySelector("haxcms-site-editor-ui")?this.hasEditorUI=!0:this.hasEditorUI=!1}))}static get styles(){return[super.styles,r` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { display: block; width: 100%; @@ -25,37 +25,44 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-interface-hidden]) .chat-interface-wrapper { display: none; } - + /* Chat Wrapper */ .chat-wrapper { background-color: var(--data-theme-primary, var(--ddd-primary-1)); border-radius: var(--ddd-radius-sm); border-style: solid; box-shadow: var(--ddd-boxShadow-xl); - padding: var(--ddd-spacing-0) var(--ddd-spacing-2) var(--ddd-spacing-2) var(--ddd-spacing-2); + padding: var(--ddd-spacing-0) var(--ddd-spacing-2) + var(--ddd-spacing-2) var(--ddd-spacing-2); border-width: 0.75px; - border-color: light-dark(var(--ddd-theme-default-coalyGray, #000), var(--ddd-theme-default-white, #fff)); + border-color: light-dark( + var(--ddd-theme-default-coalyGray, #000), + var(--ddd-theme-default-white, #fff) + ); } - + :host([is-full-view]) .chat-wrapper { height: 94%; - margin: var(--ddd-spacing-6) var(--ddd-spacing-0) var(--ddd-spacing-6) var(--ddd-spacing-0); + margin: var(--ddd-spacing-6) var(--ddd-spacing-0) var(--ddd-spacing-6) + var(--ddd-spacing-0); border-color: transparent; border-radius: var(--ddd-radius-sm); border-style: none; border-width: 0; - } - + } + :host([is-full-view][has-editor-ui]) .chat-wrapper { height: 87%; - margin: var(--ddd-spacing-18) var(--ddd-spacing-0) var(--ddd-spacing-0) var(--ddd-spacing-0); - } - - :host([developer-mode]), .chat-wrapper { + margin: var(--ddd-spacing-18) var(--ddd-spacing-0) + var(--ddd-spacing-0) var(--ddd-spacing-0); + } + + :host([developer-mode]), + .chat-wrapper { padding-top: var(--ddd-spacing-1); } - + /* Main Wrapper */ .main-wrapper { display: flex; @@ -69,11 +76,11 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-full-view][developer-mode]) .main-wrapper { height: 88%; } - + /* Chat Container */ .chat-container { background-color: var(--ddd-theme-default-white); - border-radius: var(--ddd-radius-sm); + border-radius: var(--ddd-radius-sm); display: flex; flex-direction: column; width: 100%; @@ -86,7 +93,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-full-view]) .chat-container { height: 92%; } - + :host([is-full-view][developer-mode]) .chat-container { height: 90%; } @@ -98,7 +105,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. overflow-y: auto; scrollbar-width: thin; } - + :host([is-full-view]) .chat-messages { height: 100%; max-height: 100%; @@ -143,7 +150,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 1001px) and (min-height: 940px) { /* Modify more for even bigger screen sizes -_- */ + @media only screen and (max-height: 1001px) and (min-height: 940px) { + /* Modify more for even bigger screen sizes -_- */ :host([is-full-view]) .chat-wrapper { height: 96%; } @@ -254,7 +262,6 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. /* This should cover a lot of vertical monitors */ @media only screen and (max-width: 1080px) { - @media only screen and (min-height: 1720px) { :host([is-full-view]) .chat-wrapper { height: 98%; @@ -273,7 +280,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 1719px) and (min-height: 1600px){ + @media only screen and (max-height: 1719px) and (min-height: 1600px) { :host([is-full-view]) .chat-wrapper { height: 97.5%; } @@ -311,7 +318,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. @media only screen and (max-height: 1499px) and (min-height: 1440px) { :host([is-full-view]) .chat-wrapper { - height: 96.5%; + height: 96.5%; } :host([is-full-view][has-editor-ui]) .chat-wrapper { @@ -369,7 +376,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } :host([is-full-view][has-editor-ui]) .chat-wrapper { - height: 94% + height: 94%; } :host([is-full-view]) .main-wrapper { @@ -471,7 +478,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 999px) and (min-height: 880px){ + @media only screen and (max-height: 999px) and (min-height: 880px) { :host([is-full-view]) .chat-wrapper { height: 96%; } @@ -546,20 +553,24 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. `]}render(){return a`
- ${e.developerModeEnabled?a` - - `:""} + ${e.developerModeEnabled?a` `:""}
- ${this.chatLog.map((i=>a` - + ${this.chatLog.map((i=>a` + `))}
- +
- `}async updated(e){if(super.updated&&super.updated(e),e.has("chatLog"))if(await this.updateComplete,this.chatLog.length>1){const e=this.shadowRoot.querySelector(".chat-messages");e.scrollTo(0,e.scrollHeight)}else SCROLLABLE_ELEMENT.scrollTop(0)}static get properties(){return{...super.properties,chatLog:{type:Array},darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},developerModeEnabled:{type:Boolean,attribute:"developer-mode",reflect:!0},hasEditorUI:{type:Boolean,attribute:"has-editor-ui",reflect:!0},isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0},isInterfaceHidden:{type:Boolean,attribute:"is-interface-hidden",reflect:!0}}}}globalThis.customElements.define(ChatInterface.tag,ChatInterface);export{ChatInterface}; \ No newline at end of file + `}async updated(e){if(super.updated&&super.updated(e),this.developerModeEnabled&&console.table(e),e.has("chatLog")&&!e.has("darkMode")&&!e.has("developerModeEnabled")&&!e.has("hasEditorUI")&&!e.has("isInterfaceHidden"))if(await this.updateComplete,this.chatLog.length>1){const e=this.shadowRoot.querySelector(".chat-messages");e.scrollTo(0,e.scrollHeight)}else SCROLLABLE_ELEMENT.scrollTop(0)}static get properties(){return{...super.properties,chatLog:{type:Array},darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},developerModeEnabled:{type:Boolean,attribute:"developer-mode",reflect:!0},hasEditorUI:{type:Boolean,attribute:"has-editor-ui",reflect:!0},isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0},isInterfaceHidden:{type:Boolean,attribute:"is-interface-hidden",reflect:!0}}}}globalThis.customElements.define(ChatInterface.tag,ChatInterface);export{ChatInterface}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js index 6d93fa31e..a9f3168a5 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js +++ b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as d,css as a}from"../../../lit/index.js";class ChatMessage extends t{static get tag(){return"chat-message"}constructor(){super(),this.darkMode=null,this.editMode=null,this.hasSuggestedPrompts=!1,this.isSentPrompt=!1,this.message="",this.messageWasSuggestedPrompt=!1,this.suggestedPrompts=e.currentSuggestions,s((()=>{this.darkMode=r(e.darkMode),this.editMode=r(e.editMode)}))}static get styles(){return[super.styles,a` +import"../../type-writer/type-writer.js";import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as a}from"../../../mobx/dist/mobx.esm.js";import{html as d,css as r}from"../../../lit/index.js";class ChatMessage extends t{static get tag(){return"chat-message"}constructor(){super(),this.darkMode=null,this.editMode=null,this.hasSuggestedPrompts=!1,this.isSentPrompt=!1,this.message="",this.messageWasSuggestedPrompt=!1,this.suggestedPrompts=e.currentSuggestions,this.hat="none",s((()=>{this.darkMode=a(e.darkMode),this.editMode=a(e.editMode)}))}static get styles(){return[super.styles,r` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { container-type: inline-size; display: block; @@ -16,7 +16,8 @@ import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from".. padding: var(--ddd-spacing-2) var(--ddd-spacing-3); } - .sent-chat-message, .message { + .sent-chat-message, + .message { align-items: center; display: flex; flex-direction: row; @@ -111,20 +112,31 @@ import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from"..
- +
${this.suggestedPrompts.map((e=>d` - - `))} + + `))}
`}renderSentMessage(){return d`
- -

${this.message}

+

${this.message}

- +
- `}disableSuggestions(t){const s=this.shadowRoot.querySelectorAll("chat-suggestion");if(e.devStatement("Disabling previous suggestions.","info"),s.forEach((e=>{e.hasAttribute("disabled")||e.setAttribute("disabled","")})),!t.currentTarget.hasAttribute("chosen-prompt")){let e=!1;s.forEach((t=>{t.hasAttribute("chosen-prompt")&&(e=!0)})),e||t.currentTarget.setAttribute("chosen-prompt","")}}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},hasSuggestedPrompts:{type:Boolean,attribute:"suggested-prompts"},isSentPrompt:{type:Boolean,attribute:"sent-prompt"},message:{type:String},messageWasSuggestedPrompt:{type:Boolean,attribute:"suggested-message"},suggestedPrompts:{type:Array}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatMessage.tag,ChatMessage);export{ChatMessage}; \ No newline at end of file + `}firstUpdated(){this.pickHat()}pickHat(){2===e.month&&12===e.day?this.hat="party":6===e.month&&6===e.day?this.hat="cowboy":7===e.month&&27===e.day?this.hat="bunny":8===e.month&&15===e.day?this.hat="watermelon":9===e.month&&19===e.day?this.hat="pirate":10===e.month&&1===e.day?this.hat="coffee":10===e.month&&5===e.day?this.hat="education":12===e.month&&5===e.day?this.hat="ninja":12===e.month&&18===e.day?this.hat="knight":this.hat="none",this.editMode&&(this.hat="construction"),this.requestUpdate()}disableSuggestions(t){const s=this.shadowRoot.querySelectorAll("chat-suggestion");if(e.devStatement("Disabling previous suggestions.","info"),s.forEach((e=>{e.hasAttribute("disabled")||e.setAttribute("disabled","")})),!t.currentTarget.hasAttribute("chosen-prompt")){let e=!1;s.forEach((t=>{t.hasAttribute("chosen-prompt")&&(e=!0)})),e||t.currentTarget.setAttribute("chosen-prompt","")}}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},hasSuggestedPrompts:{type:Boolean,attribute:"suggested-prompts"},isSentPrompt:{type:Boolean,attribute:"sent-prompt"},message:{type:String},messageWasSuggestedPrompt:{type:Boolean,attribute:"suggested-message"},suggestedPrompts:{type:Array}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatMessage.tag,ChatMessage);export{ChatMessage}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js index 5e79887f6..13e60880e 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js +++ b/cdn/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as i}from"../../../mobx/dist/mobx.esm.js";import{html as r,css as o}from"../../../lit/index.js";class ChatSuggestion extends t{static get tag(){return"chat-suggestion"}constructor(){super(),this.chosenPrompt=!1,this.disabled=!1,this.promptType="",this.suggestion="", +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as o}from"../../../lit/index.js";class ChatSuggestion extends t{static get tag(){return"chat-suggestion"}constructor(){super(),this.chosenPrompt=!1,this.disabled=!1,this.promptType="",this.suggestion="", //! mobx -this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.messageIndex),this.userIndex=i(e.userIndex)}))}static get styles(){return[super.styles,o` +this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex)}))}static get styles(){return[super.styles,o` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ :host { @@ -12,7 +12,6 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: block; } - /* TODO fix border color */ .chat-suggestion-wrapper { align-items: center; border: var(--ddd-border-sm); @@ -24,7 +23,7 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: flex; flex-direction: row; justify-content: center; - opacity: 1.0; + opacity: 1; } .suggestion-icon { @@ -40,11 +39,12 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message background-color: white; border-radius: var(--ddd-radius-circle); padding: var(--ddd-spacing-2); + margin: var(--ddd-spacing-1) var(--ddd-spacing-0); } simple-icon-lite { - --simple-icon-height: var(--ddd-icon-xs); - --simple-icon-width: var(--ddd-icon-xs); + --simple-icon-height: var(--ddd-icon-xxs); + --simple-icon-width: var(--ddd-icon-xxs); } .suggestion-text { @@ -70,14 +70,16 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message background-color: var(--ddd-theme-default-futureLime); } - .chat-suggestion-wrapper:hover, .chat-suggestion-wrapper:focus { + .chat-suggestion-wrapper:hover, + .chat-suggestion-wrapper:focus { background-color: var(--ddd-theme-default-futureLime); } - .chat-suggestion-wrapper:hover p, .chat-suggestion-wrapper:focus p { + .chat-suggestion-wrapper:hover p, + .chat-suggestion-wrapper:focus p { text-decoration: underline; } - + :host([disabled]) p { text-decoration: none; } @@ -88,13 +90,7 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message font-size: var(--ddd-font-size-4xs); text-align: center; width: 80%; - } - - @container (max-width: 270px) and (min-width: 216px) { - simple-icon-lite { - --simple-icon-height: var(--ddd-icon-xxs); - --simple-icon-width: var(--ddd-icon-xxs); - } + margin: 0px; } @container (max-width: 216px) { @@ -102,17 +98,21 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: none; } } - `]}render(){return r` -
+ `]}render(){return i` +
-
+
-

- ${this.suggestion} -

+

${this.suggestion}

- `}handleSuggestion(){this.disabled?e.devStatement("Suggestion buttons disabled, ignoring request","warn"):(e.devStatement(`Suggestion button pressed. Suggested prompt to send to Merlin: ${this.suggestion}`,"info"),e.handleMessage(e.userName,this.suggestion))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e);let t=this.shadowRoot.querySelector("simple-icon-lite");switch(this.promptType){case"suggestion":t.setAttribute("icon","question-answer"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;case"network":t.setAttribute("icon","device:signal-cellular-connected-no-internet-0-bar"),t.style.color="var(--ddd-theme-default-coalyGray)";break;case"help":t.setAttribute("icon","help-outline"),t.style.color="var(--ddd-theme-default-original87Pink)";break;case"hax":t.setAttribute("icon","lrn:network"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;default:t.setAttribute("icon","lrn:info"),t.style.color="var(--ddd-theme-default-skyBlue)"}}updated(e){super.updated&&super.updated(e),this.disabled&&this.shadowRoot.querySelector(".chat-suggestion-wrapper").removeAttribute("tabindex")}static get properties(){return{...super.properties,chosenPrompt:{type:Boolean,attribute:"chosen-prompt"},disabled:{type:Boolean},promptType:{type:String,attribute:"prompt-type"},suggestion:{type:String}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatSuggestion.tag,ChatSuggestion);export{ChatSuggestion}; \ No newline at end of file + `}handleSuggestion(){this.disabled?e.devStatement("Suggestion buttons disabled, ignoring request","warn"):(e.devStatement(`Suggestion button pressed. Suggested prompt to send to Merlin: ${this.suggestion}`,"info"),e.handleMessage(e.userName,this.suggestion))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e);let t=this.shadowRoot.querySelector("simple-icon-lite");switch(this.promptType){case"suggestion":t.setAttribute("icon","question-answer"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;case"network":t.setAttribute("icon","device:signal-cellular-connected-no-internet-0-bar"),t.style.color="var(--ddd-theme-default-coalyGray)";break;case"help":t.setAttribute("icon","help-outline"),t.style.color="var(--ddd-theme-default-original87Pink)";break;case"hax":t.setAttribute("icon","hax:hax2022"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;default:t.setAttribute("icon","lrn:info"),t.style.color="var(--ddd-theme-default-skyBlue)"}}updated(e){super.updated&&super.updated(e),this.disabled&&this.shadowRoot.querySelector(".chat-suggestion-wrapper").removeAttribute("tabindex")}static get properties(){return{...super.properties,chosenPrompt:{type:Boolean,attribute:"chosen-prompt"},disabled:{type:Boolean},promptType:{type:String,attribute:"prompt-type"},suggestion:{type:String}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatSuggestion.tag,ChatSuggestion);export{ChatSuggestion}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js b/cdn/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js index 0a2e96b1a..c23c4640e 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js +++ b/cdn/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js @@ -1,4 +1,4 @@ -import{css as d,html as a,unsafeCSS as t}from"../../../lit/index.js";import{SimpleIconsetStore as r}from"../../simple-icon/lib/simple-iconset.js";import"../../simple-icon/lib/simple-icons.js";import"../../hax-iconset/lib/simple-hax-iconset.js";globalThis&&globalThis.addEventListener&&globalThis.addEventListener("hax-store-ready",(d=>{if(globalThis.HaxStore){const d=globalThis.HaxStore.requestAvailability();d.designSystemHAXProperties=(a,t)=>{let r=[],e=[],i=[],n=[],o=[];a.canScale&&r.push({attribute:"data-width",title:"Width",description:"Scaled relative to width of container",inputMethod:"slider",min:a.canScale.min?a.canScale.min:25,max:a.canScale.max?a.canScale.max:100,step:a.canScale.step?a.canScale.step:25});let p=d.isInlineElement(t);return a.gizmo&&a.gizmo.meta&&a.gizmo.meta.inlineOnly&&(p=!0),a.hideDefaultSettings||p||(["media-image","img"].includes(t)?r.push({attribute:"data-float-position",title:"Float Position",description:"Alignment relative to other items on large screens",inputMethod:"select",options:{"":"-- default --",left:"Left",right:"Right"}}):r.push({attribute:"data-text-align",title:"Text align",description:"Horizontal alignment of text",inputMethod:"select",options:{"":"-- default --",left:"Left",center:"Center",right:"Right",justify:"Justify"}}),r.push({attribute:"data-padding",title:"Padding",description:"Padding for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("padding")]}),r.push({attribute:"data-margin",title:"Margin",description:"Margin for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("margin")]})),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||(["p","blockquote"].includes(t)?e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||!d.value.startsWith("dropCap"))))]}):["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||d.value.startsWith("dropCap"))))]})),!0!==a.designSystem&&!0!==a.designSystem.accent||o.push({attribute:"data-accent",title:"Accent color",description:"Offset items visually for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("accent")]}),!0!==a.designSystem&&!0!==a.designSystem.primary||o.push({attribute:"data-primary",title:"Primary color",description:"Primary color to apply color, often for meaning or aesthetic",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("primary")]}),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-instructional-action",title:"Instructional Context",description:"Indicated to users visually",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("instructional-action")]}),!0!==a.designSystem&&!0!==a.designSystem.text||(i.push({attribute:"data-font-family",title:"Font family",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-family")]}),i.push({attribute:"data-font-weight",title:"Font weight",description:"Ensure it is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-weight")]}),i.push({attribute:"data-font-size",title:"Font size",description:"Ensure sizing is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-size")]})),!0!==a.designSystem&&!0!==a.designSystem.card||(n=[{attribute:"data-border-radius",title:"Border radius",description:"Border radius to apply",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border-radius")]},{attribute:"data-border",title:"Border",description:"Thickness of the border",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border")]},{attribute:"data-box-shadow",title:"Box shadow",description:"Subtly raises off the page",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("box-shadow")]}]),a.settings.configure.push({inputMethod:"collapse",property:"ddd-styles",properties:[{title:"Design treatment",collapsed:!0,accordion:!0,property:"ddd-designtreatment",disabled:0===e.length,properties:e},{title:"Colors",collapsed:!0,accordion:!0,property:"ddd-card",disabled:0===o.length,properties:o},{title:"Font",collapsed:!0,accordion:!0,property:"ddd-font",disabled:0===i.length,properties:i},{title:"Spacing",collapsed:!0,accordion:!0,property:"ddd-spacing",disabled:0===r.length,properties:r},{title:"Box appearance",collapsed:!0,accordion:!0,property:"ddd-box",disabled:0===n.length,properties:n}]}),a}}}),{once:!0});export const learningComponentNouns={content:"Content",assessment:"Assessment",quiz:"Quiz",submission:"Submission",lesson:"Lesson",module:"Module",task:"Task",activity:"Activity",project:"Project",practice:"Practice",unit:"Unit",objectives:"Learning Objectives"};export const learningComponentVerbs={connection:"Connection",knowledge:"Did You Know?",strategy:"Learning Strategy",discuss:"Discuss",listen:"Listen",make:"Make",observe:"Observe",present:"Present",read:"Read",reflect:"Reflect",research:"Research",watch:"Watch",write:"Write"};export const learningComponentTypes={...learningComponentVerbs,...learningComponentNouns};export const learningComponentColors={content:"blue-grey",assessment:"red",quiz:"blue",submission:"deep-purple",lesson:"purple",module:"red",task:"blue-grey",activity:"orange",project:"deep-orange",practice:"brown",unit:"light-green",objectives:"indigo",connection:"green",knowledge:"cyan",strategy:"teal",discuss:"blue",listen:"purple",make:"orange",observe:"yellow",present:"light-blue",read:"lime",reflect:"amber",research:"deep-orange",watch:"pink",write:"deep-purple"};export function iconFromPageType(d){switch(d){case"content":return"lrn:page";case"assessment":return"lrn:assessment";case"quiz":return"lrn:quiz";case"submission":return"icons:move-to-inbox";case"lesson":return"hax:lesson";case"module":return"hax:module";case"unit":return"hax:unit";case"task":return"hax:task";case"activity":return"hax:ticket";case"project":return"hax:bulletin-board";case"practice":return"hax:shovel";case"connection":return"courseicons:chem-connection";case"knowledge":return"courseicons:knowledge";case"strategy":case"discuss":case"make":case"observe":case"present":case"read":case"reflect":case"research":case"watch":return"courseicons:strategy";case"listen":return"courseicons:listen";case"write":return"lrn:write"}return"courseicons:learning-objectives"}export const ApplicationAttributeData={primary:{0:"Pugh blue",1:"Beaver blue",2:"Nittany navy",3:"Potential midnight",4:"Coaly gray",5:"Limestone gray",6:"Slate gray",7:"Creek teal",8:"Sky blue",9:"Shrine tan",10:"Roar golden",11:"Original 87 pink",12:"Discovery coral",13:"Wonder purple",14:"Artherton violet",15:"Invent orange",16:"Keystone yellow",17:"Opportunity green",18:"Future lime",19:"Forest green",20:"Landgrant brown",21:"Global Neon",22:"Error",23:"Warning",24:"Info",25:"Success"},accent:{0:"Sky Max",1:"Slate Max",2:"Limestone Max",3:"Shrine Max",4:"Roar Max",5:"Creek Max",6:"White",7:"Error Light",8:"Warning Light",9:"Info Light",10:"Success Light",11:"Alert Immediate",12:"Alert Urgent",13:"Alert All Clear",14:"Alert Non Emergency"},margin:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},padding:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},border:{xs:"X-Small",sm:"Small",md:"Medium",lg:"Large"},"border-radius":{xs:"Rounded",md:"Rounder",xl:"Roundest"},"box-shadow":{sm:"Drop shadow"},"design-treatment":{vert:"Vertical line","horz-10p":"Horizontal line 10%","horz-25p":"Horizontal line 25%","horz-50p":"Horizontal line 50%","horz-full":"Horizontal line 100%","horz-md":"Horizontal line Medium","horz-lg":"Horizontal line Large",bg:"Background color","dropCap-sm":"Drop Cap - Small","dropCap-md":"Drop Cap - Medium","dropCap-lg":"Drop Cap - Large"},"font-family":{primary:"Roboto",secondary:"Roboto Slab",navigation:"Roboto Condensed"},"font-weight":{light:"Light",medium:"Medium",bold:"Bold"},"font-size":{"3xs":"Smaller",s:"Large",m:"Larger",l:"Largest"},"instructional-action":learningComponentTypes};export function HAXOptionSampleFactory(d){return Object.keys(ApplicationAttributeData[d]).map((t=>({value:t,html:["primary","accent"].includes(d)?a`{if(globalThis.HaxStore){const d=globalThis.HaxStore.requestAvailability();d.designSystemHAXProperties=(a,t)=>{let r=[],e=[],i=[],n=[],o=[];a.canScale&&r.push({attribute:"data-width",title:"Width",description:"Scaled relative to width of container",inputMethod:"slider",min:a.canScale.min?a.canScale.min:25,max:a.canScale.max?a.canScale.max:100,step:a.canScale.step?a.canScale.step:25});let p=d.isInlineElement(t);return a.gizmo&&a.gizmo.meta&&a.gizmo.meta.inlineOnly&&(p=!0),a.hideDefaultSettings||p||!1===a.designSystem||(["media-image","img"].includes(t)?r.push({attribute:"data-float-position",title:"Float Position",description:"Alignment relative to other items on large screens",inputMethod:"select",options:{"":"-- default --",left:"Left",right:"Right"}}):r.push({attribute:"data-text-align",title:"Text align",description:"Horizontal alignment of text",inputMethod:"select",options:{"":"-- default --",left:"Left",center:"Center",right:"Right",justify:"Justify"}}),r.push({attribute:"data-padding",title:"Padding",description:"Padding for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("padding")]}),r.push({attribute:"data-margin",title:"Margin",description:"Margin for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("margin")]})),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||(["p","blockquote"].includes(t)?e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||!d.value.startsWith("dropCap"))))]}):["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||d.value.startsWith("dropCap"))))]})),!0!==a.designSystem&&!0!==a.designSystem.accent||o.push({attribute:"data-accent",title:"Accent color",description:"Offset items visually for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("accent")]}),!0!==a.designSystem&&!0!==a.designSystem.primary||o.push({attribute:"data-primary",title:"Primary color",description:"Primary color to apply color, often for meaning or aesthetic",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("primary")]}),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-instructional-action",title:"Instructional Context",description:"Indicated to users visually",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("instructional-action")]}),!0!==a.designSystem&&!0!==a.designSystem.text||(i.push({attribute:"data-font-family",title:"Font family",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-family")]}),i.push({attribute:"data-font-weight",title:"Font weight",description:"Ensure it is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-weight")]}),i.push({attribute:"data-font-size",title:"Font size",description:"Ensure sizing is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-size")]})),!0!==a.designSystem&&!0!==a.designSystem.card||(n=[{attribute:"data-border-radius",title:"Border radius",description:"Border radius to apply",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border-radius")]},{attribute:"data-border",title:"Border",description:"Thickness of the border",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border")]},{attribute:"data-box-shadow",title:"Box shadow",description:"Subtly raises off the page",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("box-shadow")]}]),a.settings.configure.push({inputMethod:"collapse",property:"ddd-styles",properties:[{title:"Design treatment",collapsed:!0,accordion:!0,property:"ddd-designtreatment",disabled:0===e.length,properties:e},{title:"Colors",collapsed:!0,accordion:!0,property:"ddd-card",disabled:0===o.length,properties:o},{title:"Font",collapsed:!0,accordion:!0,property:"ddd-font",disabled:0===i.length,properties:i},{title:"Spacing",collapsed:!0,accordion:!0,property:"ddd-spacing",disabled:0===r.length,properties:r},{title:"Box appearance",collapsed:!0,accordion:!0,property:"ddd-box",disabled:0===n.length,properties:n}]}),a}}}),{once:!0});export const learningComponentNouns={content:"Content",assessment:"Assessment",quiz:"Quiz",submission:"Submission",lesson:"Lesson",module:"Module",task:"Task",activity:"Activity",project:"Project",practice:"Practice",unit:"Unit",objectives:"Learning Objectives"};export const learningComponentVerbs={connection:"Connection",knowledge:"Did You Know?",strategy:"Learning Strategy",discuss:"Discuss",listen:"Listen",make:"Make",observe:"Observe",present:"Present",read:"Read",reflect:"Reflect",research:"Research",watch:"Watch",write:"Write"};export const learningComponentTypes={...learningComponentVerbs,...learningComponentNouns};export const learningComponentColors={content:"blue-grey",assessment:"red",quiz:"blue",submission:"deep-purple",lesson:"purple",module:"red",task:"blue-grey",activity:"orange",project:"deep-orange",practice:"brown",unit:"light-green",objectives:"indigo",connection:"green",knowledge:"cyan",strategy:"teal",discuss:"blue",listen:"purple",make:"orange",observe:"yellow",present:"light-blue",read:"lime",reflect:"amber",research:"deep-orange",watch:"pink",write:"deep-purple"};export function iconFromPageType(d){switch(d){case"content":return"lrn:page";case"assessment":return"lrn:assessment";case"quiz":return"lrn:quiz";case"submission":return"icons:move-to-inbox";case"lesson":return"hax:lesson";case"module":return"hax:module";case"unit":return"hax:unit";case"task":return"hax:task";case"activity":return"hax:ticket";case"project":return"hax:bulletin-board";case"practice":return"hax:shovel";case"connection":return"courseicons:chem-connection";case"knowledge":return"courseicons:knowledge";case"strategy":case"discuss":case"make":case"observe":case"present":case"read":case"reflect":case"research":case"watch":return"courseicons:strategy";case"listen":return"courseicons:listen";case"write":return"lrn:write"}return"courseicons:learning-objectives"}export const ApplicationAttributeData={primary:{0:"Pugh blue",1:"Beaver blue",2:"Nittany navy",3:"Potential midnight",4:"Coaly gray",5:"Limestone gray",6:"Slate gray",7:"Creek teal",8:"Sky blue",9:"Shrine tan",10:"Roar golden",11:"Original 87 pink",12:"Discovery coral",13:"Wonder purple",14:"Artherton violet",15:"Invent orange",16:"Keystone yellow",17:"Opportunity green",18:"Future lime",19:"Forest green",20:"Landgrant brown",21:"Global Neon",22:"Error",23:"Warning",24:"Info",25:"Success"},accent:{0:"Sky Max",1:"Slate Max",2:"Limestone Max",3:"Shrine Max",4:"Roar Max",5:"Creek Max",6:"White",7:"Error Light",8:"Warning Light",9:"Info Light",10:"Success Light",11:"Alert Immediate",12:"Alert Urgent",13:"Alert All Clear",14:"Alert Non Emergency"},margin:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},padding:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},border:{xs:"X-Small",sm:"Small",md:"Medium",lg:"Large"},"border-radius":{xs:"Rounded",md:"Rounder",xl:"Roundest"},"box-shadow":{sm:"Drop shadow"},"design-treatment":{vert:"Vertical line","horz-10p":"Horizontal line 10%","horz-25p":"Horizontal line 25%","horz-50p":"Horizontal line 50%","horz-full":"Horizontal line 100%","horz-md":"Horizontal line Medium","horz-lg":"Horizontal line Large",bg:"Background color","dropCap-sm":"Drop Cap - Small","dropCap-md":"Drop Cap - Medium","dropCap-lg":"Drop Cap - Large"},"font-family":{primary:"Roboto",secondary:"Roboto Slab",navigation:"Roboto Condensed"},"font-weight":{light:"Light",medium:"Medium",bold:"Bold"},"font-size":{"3xs":"Smaller",s:"Large",m:"Larger",l:"Largest"},"instructional-action":learningComponentTypes};export function HAXOptionSampleFactory(d){return Object.keys(ApplicationAttributeData[d]).map((t=>({value:t,html:["primary","accent"].includes(d)?a`
- ${0===this.selectedPage?e` -
- - ${this.__mainPosts.map((t=>e` - -

${t.title}

-

- - ${t.description} -

-
`))} - -
- `:e` -
-
- - - ${this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.image?e``:e``} -

- ${this.subtitle} -

-
- -
- -
- - ${this.__followUpPosts.map((t=>e` - - -

${t.title}

-
- -
-
-

${t.description}

-
-
- `))} - - -
- `} + + `))} + +
+
+ + + Never miss a story from ${this.title} use RSS + today! + + + + + + +
+
+
- `}static get tag(){return"haxor-slevin"}__mainPostsChanged(e){this.__mainPosts=e.detail.value}__followUpPostsChanged(e){var t=[];if(this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.relatedItems){this.activeItem.metadata.relatedItems.split(",").map((e=>{n.findItem(e)&&t.push(l(n.findItem(e)))}))}else t=e.detail.value;this.__followUpPosts=t}static get properties(){return{...super.properties,color:{type:String},selectedPage:{type:Number,attribute:"selected-page"},activeManifestIndexCounter:{type:Number},activeItem:{type:Object},stateClass:{type:String},__mainPosts:{type:Array},__followUpPosts:{type:Array}}}_getStateClass(e){return e?"disable-items":""}_getColor(e){if(e&&c(e,"metadata.theme.variables.cssVariable"))return e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")}siteModalClick(e){import("../haxcms-elements/lib/ui-components/site/site-search.js")}constructor(){super(),this.icon="icons:search",this.__disposer=[],this.__mainPosts=[],this.__followUpPosts=[],this.activeItem={},this.selectedPage=0,this.activeManifestIndexCounter=0}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),import("../haxcms-elements/lib/ui-components/active-item/site-share-widget.js"),import("../haxcms-elements/lib/ui-components/active-item/site-git-corner.js"),import("../haxcms-elements/lib/ui-components/site/site-rss-button.js"),import("../social-share-link/social-share-link.js"),import("../haxcms-elements/lib/ui-components/layout/site-modal.js")}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"editMode"==t&&(this.stateClass=this._getStateClass(this[t]))}))}_noticeLocationChange(e){if(!e||void 0===e.route)return;const t=e.route.name;"home"===t||"404"===t?this.selectedPage=0:(globalThis.scrollTo({top:0,left:0}),this.selectedPage=1,setTimeout((()=>{globalThis.AnchorBehaviors.getTarget(n.themeElement)}),1e3)),setTimeout((()=>{globalThis.dispatchEvent(new Event("resize"))}),50)}connectedCallback(){super.connectedCallback(),r((e=>{let t=l(n.location);this._noticeLocationChange(t),this.__disposer.push(e)})),r((e=>{let t=l(n.manifest);this.color=this._getColor(t),this.title=d(t,"title",""),this.image=d(t,"metadata.theme.variables.image","assets/banner.jpg"),this.icon=d(t,"metadata.theme.variables.icon","icons:record-voice-over"),this.author=d(t,"metadata.author",{}),this.__disposer.push(e)})),r((e=>{this.activeManifestIndexCounter=l(n.activeManifestIndexCounter),this.__disposer.push(e)})),r((e=>{this.activeTitle=l(n.activeTitle),this.shareUrl=globalThis.document.location.href,this.shareMsg=this.activeTitle+" "+this.shareUrl,this.__disposer.push(e)})),r((e=>{this.activeItem=l(n.activeItem),this.__disposer.push(e)}))}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}_goBack(e){globalThis.history.pushState(null,null,n.location.baseUrl),globalThis.dispatchEvent(new PopStateEvent("popstate")),globalThis.scrollTo({top:0,left:0});const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:{}});this.dispatchEvent(t),this.selectedPage=0}}customElements.define(HaxorSlevin.tag,HaxorSlevin);export{HaxorSlevin}; \ No newline at end of file + `}static get tag(){return"haxor-slevin"}__mainPostsChanged(e){this.__mainPosts=e.detail.value}__followUpPostsChanged(e){var t=[];if(this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.relatedItems){this.activeItem.metadata.relatedItems.split(",").map((e=>{n.findItem(e)&&t.push(l(n.findItem(e)))}))}else t=e.detail.value;this.__followUpPosts=t}static get properties(){return{...super.properties,color:{type:String},selectedPage:{type:Number,reflect:!0,attribute:"selected-page"},activeManifestIndexCounter:{type:Number},activeItem:{type:Object},stateClass:{type:String},__mainPosts:{type:Array},__followUpPosts:{type:Array}}}_getStateClass(e){return e?"disable-items":""}_getColor(e){if(e&&c(e,"metadata.theme.variables.cssVariable"))return e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")}siteModalClick(e){import("../haxcms-elements/lib/ui-components/site/site-search.js")}constructor(){super(),this.icon="icons:search",this.__disposer=[],this.__mainPosts=[],this.__followUpPosts=[],this.activeItem={},this.selectedPage=0,this.activeManifestIndexCounter=0,r((e=>{let t=l(n.location);this._noticeLocationChange(t),this.__disposer.push(e)})),r((e=>{let t=l(n.manifest);this.color=this._getColor(t),this.title=d(t,"title",""),this.image=d(t,"metadata.theme.variables.image","assets/banner.jpg"),this.icon=d(t,"metadata.theme.variables.icon","icons:record-voice-over"),this.author=d(t,"metadata.author",{}),this.__disposer.push(e)})),r((e=>{this.activeManifestIndexCounter=l(n.activeManifestIndexCounter),this.__disposer.push(e)})),r((e=>{this.activeTitle=l(n.activeTitle),this.shareUrl=globalThis.document.location.href,this.shareMsg=this.activeTitle+" "+this.shareUrl,this.__disposer.push(e)})),r((e=>{this.activeItem=l(n.activeItem),this.__disposer.push(e)}))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),import("../haxcms-elements/lib/ui-components/active-item/site-share-widget.js"),import("../haxcms-elements/lib/ui-components/active-item/site-git-corner.js"),import("../haxcms-elements/lib/ui-components/site/site-rss-button.js"),import("../social-share-link/social-share-link.js"),import("../haxcms-elements/lib/ui-components/layout/site-modal.js")}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"editMode"==t&&(this.stateClass=this._getStateClass(this[t]))}))}_noticeLocationChange(e){if(!e||void 0===e.route)return;const t=e.route.name;"home"===t||"404"===t?this.selectedPage=0:(globalThis.scrollTo({top:0,left:0}),this.selectedPage=1,setTimeout((()=>{globalThis.AnchorBehaviors.getTarget(n.themeElement)}),1e3)),setTimeout((()=>{globalThis.dispatchEvent(new Event("resize"))}),50)}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}_goBack(e){globalThis.history.pushState(null,null,n.location.baseUrl),globalThis.dispatchEvent(new PopStateEvent("popstate")),globalThis.scrollTo({top:0,left:0});const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:{}});this.dispatchEvent(t),this.selectedPage=0}}customElements.define(HaxorSlevin.tag,HaxorSlevin);export{HaxorSlevin}; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json b/cdn/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json index f56927009..8b6909231 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json +++ b/cdn/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json @@ -6,20 +6,70 @@ "canScale": true, "canEditSource": true, "contentEditable": false, + "designSystem": { + "primary": true, + "accent": true, + "font": true + }, "gizmo": { - "title": "media quote", - "description": "", - "icon": "icons:android", + "title": "Media quote", + "description": "Image with a quote, citation, and optional caption", + "icon": "editor:format-quote", "color": "purple", - "tags": ["Other"], + "tags": ["Images", "media", "quote"], "handles": [], "meta": { "author": "HAXTheWeb core team" } }, "settings": { - "configure": [], - "advanced": [], + "configure": [ + { + "slot": "quote", + "title": "Quote", + "description": "The quote", + "inputMethod": "textfield" + }, + { + "slot": "author", + "title": "Author", + "description": "The author of the quote", + "inputMethod": "textfield" + }, + { + "slot": "author-detail", + "title": "Author details", + "description": "The details about the author of the quote", + "inputMethod": "textfield" + }, + { + "slot": "caption", + "title": "Caption", + "description": "The caption for the image", + "inputMethod": "textfield" + }, + { + "property": "src", + "title": "Image Source", + "description": "Image file used for media quote.", + "inputMethod": "haxupload", + "noVoiceRecord": true + }, + { + "property": "alt", + "title": "Alt Text", + "description": "Alternative text for the image.", + "inputMethod": "alt" + } + ], + "advanced": [ + { + "property": "accentColor", + "title": "Accent Color", + "description": "Changes the accent color of the card", + "inputMethod": "colorpicker" + } + ], "developer": [] }, "saveOptions": { @@ -32,8 +82,11 @@ "demoSchema": [ { "tag": "media-quote", - "content": "", - "properties": {} + "content": "A cute cat stalking a toy John Doe Professional Cat Photographer This cat is stalking a Totoro toy. How cute!", + "properties": { + "src": "https://cdn2.thecatapi.com/images/9j5.jpg", + "alt": "A cat stalking a small toy" + } } ] } diff --git a/cdn/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js b/cdn/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js index 9e08b6cd4..461e6c314 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js +++ b/cdn/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js @@ -33,6 +33,7 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d top: 10%; left: -15%; z-index: 2; + text-align: left; } .content { @@ -105,7 +106,10 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d padding: var(--ddd-spacing-4); font-size: var(--ddd-font-size-4xs); color: light-dark(black, white); - background-color: light-dark(white, var(--ddd-theme-default-coalyGray)); + background-color: light-dark( + white, + var(--ddd-theme-default-coalyGray) + ); } summary { @@ -167,7 +171,7 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d .citation { padding: var(--ddd-spacing-2) 0; } - + .citation { width: 100%; margin-top: 0; diff --git a/cdn/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js b/cdn/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js index ac20efb08..d12039874 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js +++ b/cdn/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js @@ -226,7 +226,7 @@ import{LitElement as t,css as e,html as i}from"../../lit/index.js";import{I18NMi .item:focus { background-color: #f5f5f5; } - .item:hover .label, + .item:hover .label, .item:focus .label { color: black; } diff --git a/cdn/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json b/cdn/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json index d0dfa4724..958b88c41 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json +++ b/cdn/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json @@ -1,22 +1,13 @@ { "canScale": false, - + "designSystem": false, "canEditSource": true, "gizmo": { "title": "RPG Character", "description": "Fun character from HAX", "icon": "hax:hax2022", "color": "red", - "tags": [ - "Other", - "marketing", - "image", - "rpg", - "fun", - "8bit", - "gaming", - "game" - ], + "tags": ["Other", "fun", "8bit", "game"], "handles": [], "meta": { "author": "HAXTheWeb core team" diff --git a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js index e3986ad32..5967ee890 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js +++ b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js @@ -1 +1 @@ -globalThis.SimplePickerEmojis=globalThis.SimplePickerEmojis||{emotions:[{value:"😀",alt:"😀",description:"grinning face"},{value:"😃",alt:"😃",description:"grinning face with big eyes"},{value:"😄",alt:"😄",description:"grinning face with smiling eyes"},{value:"😁",alt:"😁",description:"beaming face with smiling eyes"},{value:"😆",alt:"😆",description:"grinning squinting face"},{value:"😅",alt:"😅",description:"grinning face with sweat"},{value:"🤣",alt:"🤣",description:"rolling on the floor laughing"},{value:"😂",alt:"😂",description:"face with tears of joy"},{value:"🙂",alt:"🙂",description:"slightly smiling face"},{value:"🙃",alt:"🙃",description:"upside-down face"},{value:"😉",alt:"😉",description:"winking face"},{value:"😊",alt:"😊",description:"smiling face with smiling eyes"},{value:"😇",alt:"😇",description:"smiling face with halo"},{value:"🥰",alt:"🥰",description:"smiling face with hearts"},{value:"😍",alt:"😍",description:"smiling face with heart-eyes"},{value:"🤩",alt:"🤩",description:"star-struck"},{value:"😘",alt:"😘",description:"face blowing a kiss"},{value:"😗",alt:"😗",description:"kissing face"},{value:"☺",alt:"☺",description:"smiling face"},{value:"😚",alt:"😚",description:"kissing face with closed eyes"},{value:"😙",alt:"😙",description:"kissing face with smiling eyes"},{value:"😋",alt:"😋",description:"face savoring food"},{value:"😛",alt:"😛",description:"face with tongue"},{value:"😜",alt:"😜",description:"winking face with tongue"},{value:"🤪",alt:"🤪",description:"zany face"},{value:"😝",alt:"😝",description:"squinting face with tongue"},{value:"🤑",alt:"🤑",description:"money-mouth face"},{value:"🤗",alt:"🤗",description:"hugging face"},{value:"🤭",alt:"🤭",description:"face with hand over mouth"},{value:"🤫",alt:"🤫",description:"shushing face"},{value:"🤔",alt:"🤔",description:"thinking face"},{value:"🤐",alt:"🤐",description:"zipper-mouth face"},{value:"🤨",alt:"🤨",description:"face with raised eyebrow"},{value:"😐",alt:"😐",description:"neutral face"},{value:"😑",alt:"😑",description:"expressionless face"},{value:"😶",alt:"😶",description:"face without mouth"},{value:"😏",alt:"😏",description:"smirking face"},{value:"😒",alt:"😒",description:"unamused face"},{value:"🙄",alt:"🙄",description:"face with rolling eyes"},{value:"😬",alt:"😬",description:"grimacing face"},{value:"🤥",alt:"🤥",description:"lying face"},{value:"😌",alt:"😌",description:"relieved face"},{value:"😔",alt:"😔",description:"pensive face"},{value:"😪",alt:"😪",description:"sleepy face"},{value:"🤤",alt:"🤤",description:"drooling face"},{value:"😴",alt:"😴",description:"sleeping face"},{value:"😷",alt:"😷",description:"face with medical mask"},{value:"🤒",alt:"🤒",description:"face with thermometer"},{value:"🤕",alt:"🤕",description:"face with head-bandage"},{value:"🤢",alt:"🤢",description:"nauseated face"},{value:"🤮",alt:"🤮",description:"face vomiting"},{value:"🤧",alt:"🤧",description:"sneezing face"},{value:"🥵",alt:"🥵",description:"hot face"},{value:"🥶",alt:"🥶",description:"cold face"},{value:"🥴",alt:"🥴",description:"woozy face"},{value:"😵",alt:"😵",description:"dizzy face"},{value:"🤯",alt:"🤯",description:"exploding head"},{value:"🤠",alt:"🤠",description:"cowboy hat face"},{value:"🥳",alt:"🥳",description:"partying face"},{value:"😎",alt:"😎",description:"smiling face with sunglasses"},{value:"🤓",alt:"🤓",description:"nerd face"},{value:"🧐",alt:"🧐",description:"face with monocle"},{value:"😕",alt:"😕",description:"confused face"},{value:"😟",alt:"😟",description:"worried face"},{value:"🙁",alt:"🙁",description:"slightly frowning face"},{value:"☹",alt:"☹",description:"frowning face"},{value:"😮",alt:"😮",description:"face with open mouth"},{value:"😯",alt:"😯",description:"hushed face"},{value:"😲",alt:"😲",description:"astonished face"},{value:"😳",alt:"😳",description:"flushed face"},{value:"🥺",alt:"🥺",description:"pleading face"},{value:"😦",alt:"😦",description:"frowning face with open mouth"},{value:"😧",alt:"😧",description:"anguished face"},{value:"😨",alt:"😨",description:"fearful face"},{value:"😰",alt:"😰",description:"anxious face with sweat"},{value:"😥",alt:"😥",description:"sad but relieved face"},{value:"😢",alt:"😢",description:"crying face"},{value:"😭",alt:"😭",description:"loudly crying face"},{value:"😱",alt:"😱",description:"face screaming in fear"},{value:"😖",alt:"😖",description:"confounded face"},{value:"😣",alt:"😣",description:"persevering face"},{value:"😞",alt:"😞",description:"disappointed face"},{value:"😓",alt:"😓",description:"downcast face with sweat"},{value:"😩",alt:"😩",description:"weary face"},{value:"😫",alt:"😫",description:"tired face"},{value:"🥱",alt:"🥱",description:"yawning face"},{value:"😤",alt:"😤",description:"face with steam from nose"},{value:"😡",alt:"😡",description:"pouting face"},{value:"😠",alt:"😠",description:"angry face"},{value:"🤬",alt:"🤬",description:"face with symbols on mouth"},{value:"😈",alt:"😈",description:"smiling face with horns"},{value:"👿",alt:"👿",description:"angry face with horns"},{value:"💀",alt:"💀",description:"skull"},{value:"☠",alt:"☠",description:"skull and crossbones"},{value:"💩",alt:"💩",description:"pile of poo"},{value:"🤡",alt:"🤡",description:"clown face"},{value:"👹",alt:"👹",description:"ogre"},{value:"👺",alt:"👺",description:"goblin"},{value:"👻",alt:"👻",description:"ghost"},{value:"👽",alt:"👽",description:"alien"},{value:"👾",alt:"👾",description:"alien monster"},{value:"🤖",alt:"🤖",description:"robot"},{value:"😺",alt:"😺",description:"grinning cat"},{value:"😸",alt:"😸",description:"grinning cat with smiling eyes"},{value:"😹",alt:"😹",description:"cat with tears of joy"},{value:"😻",alt:"😻",description:"smiling cat with heart-eyes"},{value:"😼",alt:"😼",description:"cat with wry smile"},{value:"😽",alt:"😽",description:"kissing cat"},{value:"🙀",alt:"🙀",description:"weary cat"},{value:"😿",alt:"😿",description:"crying cat"},{value:"😾",alt:"😾",description:"pouting cat"},{value:"🙈",alt:"🙈",description:"see-no-evil monkey"},{value:"🙉",alt:"🙉",description:"hear-no-evil monkey"},{value:"🙊",alt:"🙊",description:"speak-no-evil monkey"},{value:"💋",alt:"💋",description:"kiss mark"},{value:"💌",alt:"💌",description:"love letter"},{value:"💘",alt:"💘",description:"heart with arrow"},{value:"💝",alt:"💝",description:"heart with ribbon"},{value:"💖",alt:"💖",description:"sparkling heart"},{value:"💗",alt:"💗",description:"growing heart"},{value:"💓",alt:"💓",description:"beating heart"},{value:"💞",alt:"💞",description:"revolving hearts"},{value:"💕",alt:"💕",description:"two hearts"},{value:"💟",alt:"💟",description:"heart decoration"},{value:"❣",alt:"❣",description:"heart exclamation"},{value:"💔",alt:"💔",description:"broken heart"},{value:"❤",alt:"❤",description:"red heart"},{value:"🧡",alt:"🧡",description:"orange heart"},{value:"💛",alt:"💛",description:"yellow heart"},{value:"💚",alt:"💚",description:"green heart"},{value:"💙",alt:"💙",description:"blue heart"},{value:"💜",alt:"💜",description:"purple heart"},{value:"🤎",alt:"🤎",description:"brown heart"},{value:"🖤",alt:"🖤",description:"black heart"},{value:"🤍",alt:"🤍",description:"white heart"},{value:"💯",alt:"💯",description:"hundred points"},{value:"💢",alt:"💢",description:"anger symbol"},{value:"💥",alt:"💥",description:"collision"},{value:"💫",alt:"💫",description:"dizzy"},{value:"💦",alt:"💦",description:"sweat droplets"},{value:"💨",alt:"💨",description:"dashing away"},{value:"🕳",alt:"🕳",description:"hole"},{value:"💣",alt:"💣",description:"bomb"},{value:"💬",alt:"💬",description:"speech balloon"},{value:"🗨",alt:"🗨",description:"left speech bubble"},{value:"🗯",alt:"🗯",description:"right anger bubble"},{value:"💭",alt:"💭",description:"thought balloon"},{value:"💤",alt:"💤",description:"zzz"}],people:[{value:"👋",alt:"👋",description:"waving hand"},{value:"🤚",alt:"🤚",description:"raised back of hand"},{value:"🖐",alt:"🖐",description:"hand with fingers splayed"},{value:"✋",alt:"✋",description:"raised hand"},{value:"🖖",alt:"🖖",description:"vulcan salute"},{value:"👌",alt:"👌",description:"OK hand"},{value:"🤏",alt:"🤏",description:"pinching hand"},{value:"✌",alt:"✌",description:"victory hand"},{value:"🤞",alt:"🤞",description:"crossed fingers"},{value:"🤟",alt:"🤟",description:"love-you gesture"},{value:"🤘",alt:"🤘",description:"sign of the horns"},{value:"🤙",alt:"🤙",description:"call me hand"},{value:"👈",alt:"👈",description:"backhand index pointing left"},{value:"👉",alt:"👉",description:"backhand index pointing right"},{value:"👆",alt:"👆",description:"backhand index pointing up"},{value:"🖕",alt:"🖕",description:"middle finger"},{value:"👇",alt:"👇",description:"backhand index pointing down"},{value:"☝",alt:"☝",description:"index pointing up"},{value:"👍",alt:"👍",description:"thumbs up"},{value:"👎",alt:"👎",description:"thumbs down"},{value:"✊",alt:"✊",description:"raised fist"},{value:"👊",alt:"👊",description:"oncoming fist"},{value:"🤛",alt:"🤛",description:"left-facing fist"},{value:"🤜",alt:"🤜",description:"right-facing fist"},{value:"👏",alt:"👏",description:"clapping hands"},{value:"🙌",alt:"🙌",description:"raising hands"},{value:"👐",alt:"👐",description:"open hands"},{value:"🤲",alt:"🤲",description:"palms up together"},{value:"🤝",alt:"🤝",description:"handshake"},{value:"🙏",alt:"🙏",description:"folded hands"},{value:"✍",alt:"✍",description:"writing hand"},{value:"💅",alt:"💅",description:"nail polish"},{value:"🤳",alt:"🤳",description:"selfie"},{value:"💪",alt:"💪",description:"flexed biceps"},{value:"🦾",alt:"🦾",description:"mechanical arm"},{value:"🦿",alt:"🦿",description:"mechanical leg"},{value:"🦵",alt:"🦵",description:"leg"},{value:"🦶",alt:"🦶",description:"foot"},{value:"👂",alt:"👂",description:"ear"},{value:"🦻",alt:"🦻",description:"ear with hearing aid"},{value:"👃",alt:"👃",description:"nose"},{value:"🧠",alt:"🧠",description:"brain"},{value:"🦷",alt:"🦷",description:"tooth"},{value:"🦴",alt:"🦴",description:"bone"},{value:"👀",alt:"👀",description:"eyes"},{value:"👁",alt:"👁",description:"eye"},{value:"👅",alt:"👅",description:"tongue"},{value:"👄",alt:"👄",description:"mouth"},{value:"👶",alt:"👶",description:"baby"},{value:"🧒",alt:"🧒",description:"child"},{value:"👦",alt:"👦",description:"boy"},{value:"👧",alt:"👧",description:"girl"},{value:"🧑",alt:"🧑",description:"person"},{value:"👱",alt:"👱",description:"person: blond hair"},{value:"👨",alt:"👨",description:"man"},{value:"🧔",alt:"🧔",description:"man: beard"},{value:"👩",alt:"👩",description:"woman"},{value:"🧓",alt:"🧓",description:"older person"},{value:"👴",alt:"👴",description:"old man"},{value:"👵",alt:"👵",description:"old woman"},{value:"🙍",alt:"🙍",description:"person frowning"},{value:"🙎",alt:"🙎",description:"person pouting"},{value:"🙅",alt:"🙅",description:"person gesturing NO"},{value:"🙆",alt:"🙆",description:"person gesturing OK"},{value:"💁",alt:"💁",description:"person tipping hand"},{value:"🙋",alt:"🙋",description:"person raising hand"},{value:"🧏",alt:"🧏",description:"deaf person"},{value:"🙇",alt:"🙇",description:"person bowing"},{value:"🤦",alt:"🤦",description:"person facepalming"},{value:"🤷",alt:"🤷",description:"person shrugging"},{value:"👮",alt:"👮",description:"police officer"},{value:"🕵",alt:"🕵",description:"detective"},{value:"💂",alt:"💂",description:"guard"},{value:"👷",alt:"👷",description:"construction worker"},{value:"🤴",alt:"🤴",description:"prince"},{value:"👸",alt:"👸",description:"princess"},{value:"👳",alt:"👳",description:"person wearing turban"},{value:"👲",alt:"👲",description:"man with Chinese cap"},{value:"🧕",alt:"🧕",description:"woman with headscarf"},{value:"🤵",alt:"🤵",description:"man in tuxedo"},{value:"👰",alt:"👰",description:"bride with veil"},{value:"🤰",alt:"🤰",description:"pregnant woman"},{value:"🤱",alt:"🤱",description:"breast-feeding"},{value:"👼",alt:"👼",description:"baby angel"},{value:"🎅",alt:"🎅",description:"Santa Claus"},{value:"🤶",alt:"🤶",description:"Mrs. Claus"},{value:"🦸",alt:"🦸",description:"superhero"},{value:"🦹",alt:"🦹",description:"supervillain"},{value:"🧙",alt:"🧙",description:"mage"},{value:"🧚",alt:"🧚",description:"fairy"},{value:"🧛",alt:"🧛",description:"vampire"},{value:"🧜",alt:"🧜",description:"merperson"},{value:"🧝",alt:"🧝",description:"elf"},{value:"🧞",alt:"🧞",description:"genie"},{value:"🧟",alt:"🧟",description:"zombie"},{value:"💆",alt:"💆",description:"person getting massage"},{value:"💇",alt:"💇",description:"person getting haircut"},{value:"🚶",alt:"🚶",description:"person walking"},{value:"🧍",alt:"🧍",description:"person standing"},{value:"🧎",alt:"🧎",description:"person kneeling"},{value:"🏃",alt:"🏃",description:"person running"},{value:"💃",alt:"💃",description:"woman dancing"},{value:"🕺",alt:"🕺",description:"man dancing"},{value:"🕴",alt:"🕴",description:"man in suit levitating"},{value:"👯",alt:"👯",description:"people with bunny ears"},{value:"🧖",alt:"🧖",description:"person in steamy room"},{value:"🧗",alt:"🧗",description:"person climbing"},{value:"🤺",alt:"🤺",description:"person fencing"},{value:"🏇",alt:"🏇",description:"horse racing"},{value:"⛷",alt:"⛷",description:"skier"},{value:"🏂",alt:"🏂",description:"snowboarder"},{value:"🏌",alt:"🏌",description:"person golfing"},{value:"🏄",alt:"🏄",description:"person surfing"},{value:"🚣",alt:"🚣",description:"person rowing boat"},{value:"🏊",alt:"🏊",description:"person swimming"},{value:"⛹",alt:"⛹",description:"person bouncing ball"},{value:"🏋",alt:"🏋",description:"person lifting weights"},{value:"🚴",alt:"🚴",description:"person biking"},{value:"🚵",alt:"🚵",description:"person mountain biking"},{value:"🤸",alt:"🤸",description:"person cartwheeling"},{value:"🤼",alt:"🤼",description:"people wrestling"},{value:"🤽",alt:"🤽",description:"person playing water polo"},{value:"🤾",alt:"🤾",description:"person playing handball"},{value:"🤹",alt:"🤹",description:"person juggling"},{value:"🧘",alt:"🧘",description:"person in lotus position"},{value:"🛀",alt:"🛀",description:"person taking bath"},{value:"🛌",alt:"🛌",description:"person in bed"},{value:"👭",alt:"👭",description:"women holding hands"},{value:"👫",alt:"👫",description:"woman and man holding hands"},{value:"👬",alt:"👬",description:"men holding hands"},{value:"💏",alt:"💏",description:"kiss"},{value:"💑",alt:"💑",description:"couple with heart"},{value:"👪",alt:"👪",description:"family"},{value:"🗣",alt:"🗣",description:"speaking head"},{value:"👤",alt:"👤",description:"bust in silhouette"},{value:"👥",alt:"👥",description:"busts in silhouette"},{value:"👣",alt:"👣",description:"footprints"},{value:"🦰",alt:"🦰",description:"red hair"},{value:"🦱",alt:"🦱",description:"curly hair"},{value:"🦳",alt:"🦳",description:"white hair"},{value:"🦲",alt:"🦲",description:"bald"}],nature:[{value:"🐵",alt:"🐵",description:"monkey face"},{value:"🐒",alt:"🐒",description:"monkey"},{value:"🦍",alt:"🦍",description:"gorilla"},{value:"🦧",alt:"🦧",description:"orangutan"},{value:"🐶",alt:"🐶",description:"dog face"},{value:"🐕",alt:"🐕",description:"dog"},{value:"🦮",alt:"🦮",description:"guide dog"},{value:"🐩",alt:"🐩",description:"poodle"},{value:"🐺",alt:"🐺",description:"wolf"},{value:"🦊",alt:"🦊",description:"fox"},{value:"🦝",alt:"🦝",description:"raccoon"},{value:"🐱",alt:"🐱",description:"cat face"},{value:"🐈",alt:"🐈",description:"cat"},{value:"🦁",alt:"🦁",description:"lion"},{value:"🐯",alt:"🐯",description:"tiger face"},{value:"🐅",alt:"🐅",description:"tiger"},{value:"🐆",alt:"🐆",description:"leopard"},{value:"🐴",alt:"🐴",description:"horse face"},{value:"🐎",alt:"🐎",description:"horse"},{value:"🦄",alt:"🦄",description:"unicorn"},{value:"🦓",alt:"🦓",description:"zebra"},{value:"🦌",alt:"🦌",description:"deer"},{value:"🐮",alt:"🐮",description:"cow face"},{value:"🐂",alt:"🐂",description:"ox"},{value:"🐃",alt:"🐃",description:"water buffalo"},{value:"🐄",alt:"🐄",description:"cow"},{value:"🐷",alt:"🐷",description:"pig face"},{value:"🐖",alt:"🐖",description:"pig"},{value:"🐗",alt:"🐗",description:"boar"},{value:"🐽",alt:"🐽",description:"pig nose"},{value:"🐏",alt:"🐏",description:"ram"},{value:"🐑",alt:"🐑",description:"ewe"},{value:"🐐",alt:"🐐",description:"goat"},{value:"🐪",alt:"🐪",description:"camel"},{value:"🐫",alt:"🐫",description:"two-hump camel"},{value:"🦙",alt:"🦙",description:"llama"},{value:"🦒",alt:"🦒",description:"giraffe"},{value:"🐘",alt:"🐘",description:"elephant"},{value:"🦏",alt:"🦏",description:"rhinoceros"},{value:"🦛",alt:"🦛",description:"hippopotamus"},{value:"🐭",alt:"🐭",description:"mouse face"},{value:"🐁",alt:"🐁",description:"mouse"},{value:"🐀",alt:"🐀",description:"rat"},{value:"🐹",alt:"🐹",description:"hamster"},{value:"🐰",alt:"🐰",description:"rabbit face"},{value:"🐇",alt:"🐇",description:"rabbit"},{value:"🐿",alt:"🐿",description:"chipmunk"},{value:"🦔",alt:"🦔",description:"hedgehog"},{value:"🦇",alt:"🦇",description:"bat"},{value:"🐻",alt:"🐻",description:"bear"},{value:"🐨",alt:"🐨",description:"koala"},{value:"🐼",alt:"🐼",description:"panda"},{value:"🦥",alt:"🦥",description:"sloth"},{value:"🦦",alt:"🦦",description:"otter"},{value:"🦨",alt:"🦨",description:"skunk"},{value:"🦘",alt:"🦘",description:"kangaroo"},{value:"🦡",alt:"🦡",description:"badger"},{value:"🐾",alt:"🐾",description:"paw prints"},{value:"🦃",alt:"🦃",description:"turkey"},{value:"🐔",alt:"🐔",description:"chicken"},{value:"🐓",alt:"🐓",description:"rooster"},{value:"🐣",alt:"🐣",description:"hatching chick"},{value:"🐤",alt:"🐤",description:"baby chick"},{value:"🐥",alt:"🐥",description:"front-facing baby chick"},{value:"🐦",alt:"🐦",description:"bird"},{value:"🐧",alt:"🐧",description:"penguin"},{value:"🕊",alt:"🕊",description:"dove"},{value:"🦅",alt:"🦅",description:"eagle"},{value:"🦆",alt:"🦆",description:"duck"},{value:"🦢",alt:"🦢",description:"swan"},{value:"🦉",alt:"🦉",description:"owl"},{value:"🦩",alt:"🦩",description:"flamingo"},{value:"🦚",alt:"🦚",description:"peacock"},{value:"🦜",alt:"🦜",description:"parrot"},{value:"🐸",alt:"🐸",description:"frog"},{value:"🐊",alt:"🐊",description:"crocodile"},{value:"🐢",alt:"🐢",description:"turtle"},{value:"🦎",alt:"🦎",description:"lizard"},{value:"🐍",alt:"🐍",description:"snake"},{value:"🐲",alt:"🐲",description:"dragon face"},{value:"🐉",alt:"🐉",description:"dragon"},{value:"🦕",alt:"🦕",description:"sauropod"},{value:"🦖",alt:"🦖",description:"T-Rex"},{value:"🐳",alt:"🐳",description:"spouting whale"},{value:"🐋",alt:"🐋",description:"whale"},{value:"🐬",alt:"🐬",description:"dolphin"},{value:"🐟",alt:"🐟",description:"fish"},{value:"🐠",alt:"🐠",description:"tropical fish"},{value:"🐡",alt:"🐡",description:"blowfish"},{value:"🦈",alt:"🦈",description:"shark"},{value:"🐙",alt:"🐙",description:"octopus"},{value:"🐚",alt:"🐚",description:"spiral shell"},{value:"🐌",alt:"🐌",description:"snail"},{value:"🦋",alt:"🦋",description:"butterfly"},{value:"🐛",alt:"🐛",description:"bug"},{value:"🐜",alt:"🐜",description:"ant"},{value:"🐝",alt:"🐝",description:"honeybee"},{value:"🐞",alt:"🐞",description:"lady beetle"},{value:"🦗",alt:"🦗",description:"cricket"},{value:"🕷",alt:"🕷",description:"spider"},{value:"🕸",alt:"🕸",description:"spider web"},{value:"🦂",alt:"🦂",description:"scorpion"},{value:"🦟",alt:"🦟",description:"mosquito"},{value:"🦠",alt:"🦠",description:"microbe"},{value:"💐",alt:"💐",description:"bouquet"},{value:"🌸",alt:"🌸",description:"cherry blossom"},{value:"💮",alt:"💮",description:"white flower"},{value:"🏵",alt:"🏵",description:"rosette"},{value:"🌹",alt:"🌹",description:"rose"},{value:"🥀",alt:"🥀",description:"wilted flower"},{value:"🌺",alt:"🌺",description:"hibiscus"},{value:"🌻",alt:"🌻",description:"sunflower"},{value:"🌼",alt:"🌼",description:"blossom"},{value:"🌷",alt:"🌷",description:"tulip"},{value:"🌱",alt:"🌱",description:"seedling"},{value:"🌲",alt:"🌲",description:"evergreen tree"},{value:"🌳",alt:"🌳",description:"deciduous tree"},{value:"🌴",alt:"🌴",description:"palm tree"},{value:"🌵",alt:"🌵",description:"cactus"},{value:"🌾",alt:"🌾",description:"sheaf of rice"},{value:"🌿",alt:"🌿",description:"herb"},{value:"☘",alt:"☘",description:"shamrock"},{value:"🍀",alt:"🍀",description:"four leaf clover"},{value:"🍁",alt:"🍁",description:"maple leaf"},{value:"🍂",alt:"🍂",description:"fallen leaf"},{value:"🍃",alt:"🍃",description:"leaf fluttering in wind"}],food:[{value:"🍇",alt:"🍇",description:"grapes"},{value:"🍈",alt:"🍈",description:"melon"},{value:"🍉",alt:"🍉",description:"watermelon"},{value:"🍊",alt:"🍊",description:"tangerine"},{value:"🍋",alt:"🍋",description:"lemon"},{value:"🍌",alt:"🍌",description:"banana"},{value:"🍍",alt:"🍍",description:"pineapple"},{value:"🥭",alt:"🥭",description:"mango"},{value:"🍎",alt:"🍎",description:"red apple"},{value:"🍏",alt:"🍏",description:"green apple"},{value:"🍐",alt:"🍐",description:"pear"},{value:"🍑",alt:"🍑",description:"peach"},{value:"🍒",alt:"🍒",description:"cherries"},{value:"🍓",alt:"🍓",description:"strawberry"},{value:"🥝",alt:"🥝",description:"kiwi fruit"},{value:"🍅",alt:"🍅",description:"tomato"},{value:"🥥",alt:"🥥",description:"coconut"},{value:"🥑",alt:"🥑",description:"avocado"},{value:"🍆",alt:"🍆",description:"eggplant"},{value:"🥔",alt:"🥔",description:"potato"},{value:"🥕",alt:"🥕",description:"carrot"},{value:"🌽",alt:"🌽",description:"ear of corn"},{value:"🌶",alt:"🌶",description:"hot pepper"},{value:"🥒",alt:"🥒",description:"cucumber"},{value:"🥬",alt:"🥬",description:"leafy green"},{value:"🥦",alt:"🥦",description:"broccoli"},{value:"🧄",alt:"🧄",description:"garlic"},{value:"🧅",alt:"🧅",description:"onion"},{value:"🍄",alt:"🍄",description:"mushroom"},{value:"🥜",alt:"🥜",description:"peanuts"},{value:"🌰",alt:"🌰",description:"chestnut"},{value:"🍞",alt:"🍞",description:"bread"},{value:"🥐",alt:"🥐",description:"croissant"},{value:"🥖",alt:"🥖",description:"baguette bread"},{value:"🥨",alt:"🥨",description:"pretzel"},{value:"🥯",alt:"🥯",description:"bagel"},{value:"🥞",alt:"🥞",description:"pancakes"},{value:"🧇",alt:"🧇",description:"waffle"},{value:"🧀",alt:"🧀",description:"cheese wedge"},{value:"🍖",alt:"🍖",description:"meat on bone"},{value:"🍗",alt:"🍗",description:"poultry leg"},{value:"🥩",alt:"🥩",description:"cut of meat"},{value:"🥓",alt:"🥓",description:"bacon"},{value:"🍔",alt:"🍔",description:"hamburger"},{value:"🍟",alt:"🍟",description:"french fries"},{value:"🍕",alt:"🍕",description:"pizza"},{value:"🌭",alt:"🌭",description:"hot dog"},{value:"🥪",alt:"🥪",description:"sandwich"},{value:"🌮",alt:"🌮",description:"taco"},{value:"🌯",alt:"🌯",description:"burrito"},{value:"🥙",alt:"🥙",description:"stuffed flatbread"},{value:"🧆",alt:"🧆",description:"falafel"},{value:"🥚",alt:"🥚",description:"egg"},{value:"🍳",alt:"🍳",description:"cooking"},{value:"🥘",alt:"🥘",description:"shallow pan of food"},{value:"🍲",alt:"🍲",description:"pot of food"},{value:"🥣",alt:"🥣",description:"bowl with spoon"},{value:"🥗",alt:"🥗",description:"green salad"},{value:"🍿",alt:"🍿",description:"popcorn"},{value:"🧈",alt:"🧈",description:"butter"},{value:"🧂",alt:"🧂",description:"salt"},{value:"🥫",alt:"🥫",description:"canned food"},{value:"🍱",alt:"🍱",description:"bento box"},{value:"🍘",alt:"🍘",description:"rice cracker"},{value:"🍙",alt:"🍙",description:"rice ball"},{value:"🍚",alt:"🍚",description:"cooked rice"},{value:"🍛",alt:"🍛",description:"curry rice"},{value:"🍜",alt:"🍜",description:"steaming bowl"},{value:"🍝",alt:"🍝",description:"spaghetti"},{value:"🍠",alt:"🍠",description:"roasted sweet potato"},{value:"🍢",alt:"🍢",description:"oden"},{value:"🍣",alt:"🍣",description:"sushi"},{value:"🍤",alt:"🍤",description:"fried shrimp"},{value:"🍥",alt:"🍥",description:"fish cake with swirl"},{value:"🥮",alt:"🥮",description:"moon cake"},{value:"🍡",alt:"🍡",description:"dango"},{value:"🥟",alt:"🥟",description:"dumpling"},{value:"🥠",alt:"🥠",description:"fortune cookie"},{value:"🥡",alt:"🥡",description:"takeout box"},{value:"🦀",alt:"🦀",description:"crab"},{value:"🦞",alt:"🦞",description:"lobster"},{value:"🦐",alt:"🦐",description:"shrimp"},{value:"🦑",alt:"🦑",description:"squid"},{value:"🦪",alt:"🦪",description:"oyster"},{value:"🍦",alt:"🍦",description:"soft ice cream"},{value:"🍧",alt:"🍧",description:"shaved ice"},{value:"🍨",alt:"🍨",description:"ice cream"},{value:"🍩",alt:"🍩",description:"doughnut"},{value:"🍪",alt:"🍪",description:"cookie"},{value:"🎂",alt:"🎂",description:"birthday cake"},{value:"🍰",alt:"🍰",description:"shortcake"},{value:"🧁",alt:"🧁",description:"cupcake"},{value:"🥧",alt:"🥧",description:"pie"},{value:"🍫",alt:"🍫",description:"chocolate bar"},{value:"🍬",alt:"🍬",description:"candy"},{value:"🍭",alt:"🍭",description:"lollipop"},{value:"🍮",alt:"🍮",description:"custard"},{value:"🍯",alt:"🍯",description:"honey pot"},{value:"🍼",alt:"🍼",description:"baby bottle"},{value:"🥛",alt:"🥛",description:"glass of milk"},{value:"☕",alt:"☕",description:"hot beverage"},{value:"🍵",alt:"🍵",description:"teacup without handle"},{value:"🍶",alt:"🍶",description:"sake"},{value:"🍾",alt:"🍾",description:"bottle with popping cork"},{value:"🍷",alt:"🍷",description:"wine glass"},{value:"🍸",alt:"🍸",description:"cocktail glass"},{value:"🍹",alt:"🍹",description:"tropical drink"},{value:"🍺",alt:"🍺",description:"beer mug"},{value:"🍻",alt:"🍻",description:"clinking beer mugs"},{value:"🥂",alt:"🥂",description:"clinking glasses"},{value:"🥃",alt:"🥃",description:"tumbler glass"},{value:"🥤",alt:"🥤",description:"cup with straw"},{value:"🧃",alt:"🧃",description:"beverage box"},{value:"🧉",alt:"🧉",description:"mate"},{value:"🧊",alt:"🧊",description:"ice cube"},{value:"🥢",alt:"🥢",description:"chopsticks"},{value:"🍽",alt:"🍽",description:"fork and knife with plate"},{value:"🍴",alt:"🍴",description:"fork and knife"},{value:"🥄",alt:"🥄",description:"spoon"},{value:"🔪",alt:"🔪",description:"kitchen knife"},{value:"🏺",alt:"🏺",description:"amphora"}],travel:[{value:"🌍",alt:"🌍",description:"globe showing Europe-Africa"},{value:"🌎",alt:"🌎",description:"globe showing Americas"},{value:"🌏",alt:"🌏",description:"globe showing Asia-Australia"},{value:"🌐",alt:"🌐",description:"globe with meridians"},{value:"🗺",alt:"🗺",description:"world map"},{value:"🗾",alt:"🗾",description:"map of Japan"},{value:"🧭",alt:"🧭",description:"compass"},{value:"🏔",alt:"🏔",description:"snow-capped mountain"},{value:"⛰",alt:"⛰",description:"mountain"},{value:"🌋",alt:"🌋",description:"volcano"},{value:"🗻",alt:"🗻",description:"mount fuji"},{value:"🏕",alt:"🏕",description:"camping"},{value:"🏖",alt:"🏖",description:"beach with umbrella"},{value:"🏜",alt:"🏜",description:"desert"},{value:"🏝",alt:"🏝",description:"desert island"},{value:"🏞",alt:"🏞",description:"national park"},{value:"🏟",alt:"🏟",description:"stadium"},{value:"🏛",alt:"🏛",description:"classical building"},{value:"🏗",alt:"🏗",description:"building construction"},{value:"🧱",alt:"🧱",description:"brick"},{value:"🏘",alt:"🏘",description:"houses"},{value:"🏚",alt:"🏚",description:"derelict house"},{value:"🏠",alt:"🏠",description:"house"},{value:"🏡",alt:"🏡",description:"house with garden"},{value:"🏢",alt:"🏢",description:"office building"},{value:"🏣",alt:"🏣",description:"Japanese post office"},{value:"🏤",alt:"🏤",description:"post office"},{value:"🏥",alt:"🏥",description:"hospital"},{value:"🏦",alt:"🏦",description:"bank"},{value:"🏨",alt:"🏨",description:"hotel"},{value:"🏩",alt:"🏩",description:"love hotel"},{value:"🏪",alt:"🏪",description:"convenience store"},{value:"🏫",alt:"🏫",description:"school"},{value:"🏬",alt:"🏬",description:"department store"},{value:"🏭",alt:"🏭",description:"factory"},{value:"🏯",alt:"🏯",description:"Japanese castle"},{value:"🏰",alt:"🏰",description:"castle"},{value:"💒",alt:"💒",description:"wedding"},{value:"🗼",alt:"🗼",description:"Tokyo tower"},{value:"🗽",alt:"🗽",description:"Statue of Liberty"},{value:"⛪",alt:"⛪",description:"church"},{value:"🕌",alt:"🕌",description:"mosque"},{value:"🛕",alt:"🛕",description:"hindu temple"},{value:"🕍",alt:"🕍",description:"synagogue"},{value:"⛩",alt:"⛩",description:"shinto shrine"},{value:"🕋",alt:"🕋",description:"kaaba"},{value:"⛲",alt:"⛲",description:"fountain"},{value:"⛺",alt:"⛺",description:"tent"},{value:"🌁",alt:"🌁",description:"foggy"},{value:"🌃",alt:"🌃",description:"night with stars"},{value:"🏙",alt:"🏙",description:"cityscape"},{value:"🌄",alt:"🌄",description:"sunrise over mountains"},{value:"🌅",alt:"🌅",description:"sunrise"},{value:"🌆",alt:"🌆",description:"cityscape at dusk"},{value:"🌇",alt:"🌇",description:"sunset"},{value:"🌉",alt:"🌉",description:"bridge at night"},{value:"♨",alt:"♨",description:"hot springs"},{value:"🎠",alt:"🎠",description:"carousel horse"},{value:"🎡",alt:"🎡",description:"ferris wheel"},{value:"🎢",alt:"🎢",description:"roller coaster"},{value:"💈",alt:"💈",description:"barber pole"},{value:"🎪",alt:"🎪",description:"circus tent"},{value:"🚂",alt:"🚂",description:"locomotive"},{value:"🚃",alt:"🚃",description:"railway car"},{value:"🚄",alt:"🚄",description:"high-speed train"},{value:"🚅",alt:"🚅",description:"bullet train"},{value:"🚆",alt:"🚆",description:"train"},{value:"🚇",alt:"🚇",description:"metro"},{value:"🚈",alt:"🚈",description:"light rail"},{value:"🚉",alt:"🚉",description:"station"},{value:"🚊",alt:"🚊",description:"tram"},{value:"🚝",alt:"🚝",description:"monorail"},{value:"🚞",alt:"🚞",description:"mountain railway"},{value:"🚋",alt:"🚋",description:"tram car"},{value:"🚌",alt:"🚌",description:"bus"},{value:"🚍",alt:"🚍",description:"oncoming bus"},{value:"🚎",alt:"🚎",description:"trolleybus"},{value:"🚐",alt:"🚐",description:"minibus"},{value:"🚑",alt:"🚑",description:"ambulance"},{value:"🚒",alt:"🚒",description:"fire engine"},{value:"🚓",alt:"🚓",description:"police car"},{value:"🚔",alt:"🚔",description:"oncoming police car"},{value:"🚕",alt:"🚕",description:"taxi"},{value:"🚖",alt:"🚖",description:"oncoming taxi"},{value:"🚗",alt:"🚗",description:"automobile"},{value:"🚘",alt:"🚘",description:"oncoming automobile"},{value:"🚙",alt:"🚙",description:"sport utility vehicle"},{value:"🚚",alt:"🚚",description:"delivery truck"},{value:"🚛",alt:"🚛",description:"articulated lorry"},{value:"🚜",alt:"🚜",description:"tractor"},{value:"🏎",alt:"🏎",description:"racing car"},{value:"🏍",alt:"🏍",description:"motorcycle"},{value:"🛵",alt:"🛵",description:"motor scooter"},{value:"🦽",alt:"🦽",description:"manual wheelchair"},{value:"🦼",alt:"🦼",description:"motorized wheelchair"},{value:"🛺",alt:"🛺",description:"auto rickshaw"},{value:"🚲",alt:"🚲",description:"bicycle"},{value:"🛴",alt:"🛴",description:"kick scooter"},{value:"🛹",alt:"🛹",description:"skateboard"},{value:"🚏",alt:"🚏",description:"bus stop"},{value:"🛣",alt:"🛣",description:"motorway"},{value:"🛤",alt:"🛤",description:"railway track"},{value:"🛢",alt:"🛢",description:"oil drum"},{value:"⛽",alt:"⛽",description:"fuel pump"},{value:"🚨",alt:"🚨",description:"police car light"},{value:"🚥",alt:"🚥",description:"horizontal traffic light"},{value:"🚦",alt:"🚦",description:"vertical traffic light"},{value:"🛑",alt:"🛑",description:"stop sign"},{value:"🚧",alt:"🚧",description:"construction"},{value:"⚓",alt:"⚓",description:"anchor"},{value:"⛵",alt:"⛵",description:"sailboat"},{value:"🛶",alt:"🛶",description:"canoe"},{value:"🚤",alt:"🚤",description:"speedboat"},{value:"🛳",alt:"🛳",description:"passenger ship"},{value:"⛴",alt:"⛴",description:"ferry"},{value:"🛥",alt:"🛥",description:"motor boat"},{value:"🚢",alt:"🚢",description:"ship"},{value:"✈",alt:"✈",description:"airplane"},{value:"🛩",alt:"🛩",description:"small airplane"},{value:"🛫",alt:"🛫",description:"airplane departure"},{value:"🛬",alt:"🛬",description:"airplane arrival"},{value:"🪂",alt:"🪂",description:"parachute"},{value:"💺",alt:"💺",description:"seat"},{value:"🚁",alt:"🚁",description:"helicopter"},{value:"🚟",alt:"🚟",description:"suspension railway"},{value:"🚠",alt:"🚠",description:"mountain cableway"},{value:"🚡",alt:"🚡",description:"aerial tramway"},{value:"🛰",alt:"🛰",description:"satellite"},{value:"🚀",alt:"🚀",description:"rocket"},{value:"🛸",alt:"🛸",description:"flying saucer"},{value:"🛎",alt:"🛎",description:"bellhop bell"},{value:"🧳",alt:"🧳",description:"luggage"},{value:"⌛",alt:"⌛",description:"hourglass done"},{value:"⏳",alt:"⏳",description:"hourglass not done"},{value:"⌚",alt:"⌚",description:"watch"},{value:"⏰",alt:"⏰",description:"alarm clock"},{value:"⏱",alt:"⏱",description:"stopwatch"},{value:"⏲",alt:"⏲",description:"timer clock"},{value:"🕰",alt:"🕰",description:"mantelpiece clock"},{value:"🕛",alt:"🕛",description:"twelve o’clock"},{value:"🕧",alt:"🕧",description:"twelve-thirty"},{value:"🕐",alt:"🕐",description:"one o’clock"},{value:"🕜",alt:"🕜",description:"one-thirty"},{value:"🕑",alt:"🕑",description:"two o’clock"},{value:"🕝",alt:"🕝",description:"two-thirty"},{value:"🕒",alt:"🕒",description:"three o’clock"},{value:"🕞",alt:"🕞",description:"three-thirty"},{value:"🕓",alt:"🕓",description:"four o’clock"},{value:"🕟",alt:"🕟",description:"four-thirty"},{value:"🕔",alt:"🕔",description:"five o’clock"},{value:"🕠",alt:"🕠",description:"five-thirty"},{value:"🕕",alt:"🕕",description:"six o’clock"},{value:"🕡",alt:"🕡",description:"six-thirty"},{value:"🕖",alt:"🕖",description:"seven o’clock"},{value:"🕢",alt:"🕢",description:"seven-thirty"},{value:"🕗",alt:"🕗",description:"eight o’clock"},{value:"🕣",alt:"🕣",description:"eight-thirty"},{value:"🕘",alt:"🕘",description:"nine o’clock"},{value:"🕤",alt:"🕤",description:"nine-thirty"},{value:"🕙",alt:"🕙",description:"ten o’clock"},{value:"🕥",alt:"🕥",description:"ten-thirty"},{value:"🕚",alt:"🕚",description:"eleven o’clock"},{value:"🕦",alt:"🕦",description:"eleven-thirty"},{value:"🌑",alt:"🌑",description:"new moon"},{value:"🌒",alt:"🌒",description:"waxing crescent moon"},{value:"🌓",alt:"🌓",description:"first quarter moon"},{value:"🌔",alt:"🌔",description:"waxing gibbous moon"},{value:"🌕",alt:"🌕",description:"full moon"},{value:"🌖",alt:"🌖",description:"waning gibbous moon"},{value:"🌗",alt:"🌗",description:"last quarter moon"},{value:"🌘",alt:"🌘",description:"waning crescent moon"},{value:"🌙",alt:"🌙",description:"crescent moon"},{value:"🌚",alt:"🌚",description:"new moon face"},{value:"🌛",alt:"🌛",description:"first quarter moon face"},{value:"🌜",alt:"🌜",description:"last quarter moon face"},{value:"🌡",alt:"🌡",description:"thermometer"},{value:"☀",alt:"☀",description:"sun"},{value:"🌝",alt:"🌝",description:"full moon face"},{value:"🌞",alt:"🌞",description:"sun with face"},{value:"🪐",alt:"🪐",description:"ringed planet"},{value:"⭐",alt:"⭐",description:"star"},{value:"🌟",alt:"🌟",description:"glowing star"},{value:"🌠",alt:"🌠",description:"shooting star"},{value:"🌌",alt:"🌌",description:"milky way"},{value:"☁",alt:"☁",description:"cloud"},{value:"⛅",alt:"⛅",description:"sun behind cloud"},{value:"⛈",alt:"⛈",description:"cloud with lightning and rain"},{value:"🌤",alt:"🌤",description:"sun behind small cloud"},{value:"🌥",alt:"🌥",description:"sun behind large cloud"},{value:"🌦",alt:"🌦",description:"sun behind rain cloud"},{value:"🌧",alt:"🌧",description:"cloud with rain"},{value:"🌨",alt:"🌨",description:"cloud with snow"},{value:"🌩",alt:"🌩",description:"cloud with lightning"},{value:"🌪",alt:"🌪",description:"tornado"},{value:"🌫",alt:"🌫",description:"fog"},{value:"🌬",alt:"🌬",description:"wind face"},{value:"🌀",alt:"🌀",description:"cyclone"},{value:"🌈",alt:"🌈",description:"rainbow"},{value:"🌂",alt:"🌂",description:"closed umbrella"},{value:"☂",alt:"☂",description:"umbrella"},{value:"☔",alt:"☔",description:"umbrella with rain drops"},{value:"⛱",alt:"⛱",description:"umbrella on ground"},{value:"⚡",alt:"⚡",description:"high voltage"},{value:"❄",alt:"❄",description:"snowflake"},{value:"☃",alt:"☃",description:"snowman"},{value:"⛄",alt:"⛄",description:"snowman without snow"},{value:"☄",alt:"☄",description:"comet"},{value:"🔥",alt:"🔥",description:"fire"},{value:"💧",alt:"💧",description:"droplet"},{value:"🌊",alt:"🌊",description:"water wave"}],activities:[{value:"🎃",alt:"🎃",description:"jack-o-lantern"},{value:"🎄",alt:"🎄",description:"Christmas tree"},{value:"🎆",alt:"🎆",description:"fireworks"},{value:"🎇",alt:"🎇",description:"sparkler"},{value:"🧨",alt:"🧨",description:"firecracker"},{value:"✨",alt:"✨",description:"sparkles"},{value:"🎈",alt:"🎈",description:"balloon"},{value:"🎉",alt:"🎉",description:"party popper"},{value:"🎊",alt:"🎊",description:"confetti ball"},{value:"🎋",alt:"🎋",description:"tanabata tree"},{value:"🎍",alt:"🎍",description:"pine decoration"},{value:"🎎",alt:"🎎",description:"Japanese dolls"},{value:"🎏",alt:"🎏",description:"carp streamer"},{value:"🎐",alt:"🎐",description:"wind chime"},{value:"🎑",alt:"🎑",description:"moon viewing ceremony"},{value:"🧧",alt:"🧧",description:"red envelope"},{value:"🎀",alt:"🎀",description:"ribbon"},{value:"🎁",alt:"🎁",description:"wrapped gift"},{value:"🎗",alt:"🎗",description:"reminder ribbon"},{value:"🎟",alt:"🎟",description:"admission tickets"},{value:"🎫",alt:"🎫",description:"ticket"},{value:"🎖",alt:"🎖",description:"military medal"},{value:"🏆",alt:"🏆",description:"trophy"},{value:"🏅",alt:"🏅",description:"sports medal"},{value:"🥇",alt:"🥇",description:"1st place medal"},{value:"🥈",alt:"🥈",description:"2nd place medal"},{value:"🥉",alt:"🥉",description:"3rd place medal"},{value:"⚽",alt:"⚽",description:"soccer ball"},{value:"⚾",alt:"⚾",description:"baseball"},{value:"🥎",alt:"🥎",description:"softball"},{value:"🏀",alt:"🏀",description:"basketball"},{value:"🏐",alt:"🏐",description:"volleyball"},{value:"🏈",alt:"🏈",description:"american football"},{value:"🏉",alt:"🏉",description:"rugby football"},{value:"🎾",alt:"🎾",description:"tennis"},{value:"🥏",alt:"🥏",description:"flying disc"},{value:"🎳",alt:"🎳",description:"bowling"},{value:"🏏",alt:"🏏",description:"cricket game"},{value:"🏑",alt:"🏑",description:"field hockey"},{value:"🏒",alt:"🏒",description:"ice hockey"},{value:"🥍",alt:"🥍",description:"lacrosse"},{value:"🏓",alt:"🏓",description:"ping pong"},{value:"🏸",alt:"🏸",description:"badminton"},{value:"🥊",alt:"🥊",description:"boxing glove"},{value:"🥋",alt:"🥋",description:"martial arts uniform"},{value:"🥅",alt:"🥅",description:"goal net"},{value:"⛳",alt:"⛳",description:"flag in hole"},{value:"⛸",alt:"⛸",description:"ice skate"},{value:"🎣",alt:"🎣",description:"fishing pole"},{value:"🤿",alt:"🤿",description:"diving mask"},{value:"🎽",alt:"🎽",description:"running shirt"},{value:"🎿",alt:"🎿",description:"skis"},{value:"🛷",alt:"🛷",description:"sled"},{value:"🥌",alt:"🥌",description:"curling stone"},{value:"🎯",alt:"🎯",description:"direct hit"},{value:"🪀",alt:"🪀",description:"yo-yo"},{value:"🪁",alt:"🪁",description:"kite"},{value:"🎱",alt:"🎱",description:"pool 8 ball"},{value:"🔮",alt:"🔮",description:"crystal ball"},{value:"🧿",alt:"🧿",description:"nazar amulet"},{value:"🎮",alt:"🎮",description:"video game"},{value:"🕹",alt:"🕹",description:"joystick"},{value:"🎰",alt:"🎰",description:"slot machine"},{value:"🎲",alt:"🎲",description:"game die"},{value:"🧩",alt:"🧩",description:"puzzle piece"},{value:"🧸",alt:"🧸",description:"teddy bear"},{value:"♠",alt:"♠",description:"spade suit"},{value:"♥",alt:"♥",description:"heart suit"},{value:"♦",alt:"♦",description:"diamond suit"},{value:"♣",alt:"♣",description:"club suit"},{value:"♟",alt:"♟",description:"chess pawn"},{value:"🃏",alt:"🃏",description:"joker"},{value:"🀄",alt:"🀄",description:"mahjong red dragon"},{value:"🎴",alt:"🎴",description:"flower playing cards"},{value:"🎭",alt:"🎭",description:"performing arts"},{value:"🖼",alt:"🖼",description:"framed picture"},{value:"🎨",alt:"🎨",description:"artist palette"},{value:"🧵",alt:"🧵",description:"thread"},{value:"🧶",alt:"🧶",description:"yarn"}],objects:[{value:"👓",alt:"👓",description:"glasses"},{value:"🕶",alt:"🕶",description:"sunglasses"},{value:"🥽",alt:"🥽",description:"goggles"},{value:"🥼",alt:"🥼",description:"lab coat"},{value:"🦺",alt:"🦺",description:"safety vest"},{value:"👔",alt:"👔",description:"necktie"},{value:"👕",alt:"👕",description:"t-shirt"},{value:"👖",alt:"👖",description:"jeans"},{value:"🧣",alt:"🧣",description:"scarf"},{value:"🧤",alt:"🧤",description:"gloves"},{value:"🧥",alt:"🧥",description:"coat"},{value:"🧦",alt:"🧦",description:"socks"},{value:"👗",alt:"👗",description:"dress"},{value:"👘",alt:"👘",description:"kimono"},{value:"🥻",alt:"🥻",description:"sari"},{value:"🩱",alt:"🩱",description:"one-piece swimsuit"},{value:"🩲",alt:"🩲",description:"briefs"},{value:"🩳",alt:"🩳",description:"shorts"},{value:"👙",alt:"👙",description:"bikini"},{value:"👚",alt:"👚",description:"woman’s clothes"},{value:"👛",alt:"👛",description:"purse"},{value:"👜",alt:"👜",description:"handbag"},{value:"👝",alt:"👝",description:"clutch bag"},{value:"🛍",alt:"🛍",description:"shopping bags"},{value:"🎒",alt:"🎒",description:"backpack"},{value:"👞",alt:"👞",description:"man’s shoe"},{value:"👟",alt:"👟",description:"running shoe"},{value:"🥾",alt:"🥾",description:"hiking boot"},{value:"🥿",alt:"🥿",description:"flat shoe"},{value:"👠",alt:"👠",description:"high-heeled shoe"},{value:"👡",alt:"👡",description:"woman’s sandal"},{value:"🩰",alt:"🩰",description:"ballet shoes"},{value:"👢",alt:"👢",description:"woman’s boot"},{value:"👑",alt:"👑",description:"crown"},{value:"👒",alt:"👒",description:"woman’s hat"},{value:"🎩",alt:"🎩",description:"top hat"},{value:"🎓",alt:"🎓",description:"graduation cap"},{value:"🧢",alt:"🧢",description:"billed cap"},{value:"⛑",alt:"⛑",description:"rescue worker’s helmet"},{value:"📿",alt:"📿",description:"prayer beads"},{value:"💄",alt:"💄",description:"lipstick"},{value:"💍",alt:"💍",description:"ring"},{value:"💎",alt:"💎",description:"gem stone"},{value:"🔇",alt:"🔇",description:"muted speaker"},{value:"🔈",alt:"🔈",description:"speaker low volume"},{value:"🔉",alt:"🔉",description:"speaker medium volume"},{value:"🔊",alt:"🔊",description:"speaker high volume"},{value:"📢",alt:"📢",description:"loudspeaker"},{value:"📣",alt:"📣",description:"megaphone"},{value:"📯",alt:"📯",description:"postal horn"},{value:"🔔",alt:"🔔",description:"bell"},{value:"🔕",alt:"🔕",description:"bell with slash"},{value:"🎼",alt:"🎼",description:"musical score"},{value:"🎵",alt:"🎵",description:"musical note"},{value:"🎶",alt:"🎶",description:"musical notes"},{value:"🎙",alt:"🎙",description:"studio microphone"},{value:"🎚",alt:"🎚",description:"level slider"},{value:"🎛",alt:"🎛",description:"control knobs"},{value:"🎤",alt:"🎤",description:"microphone"},{value:"🎧",alt:"🎧",description:"headphone"},{value:"📻",alt:"📻",description:"radio"},{value:"🎷",alt:"🎷",description:"saxophone"},{value:"🎸",alt:"🎸",description:"guitar"},{value:"🎹",alt:"🎹",description:"musical keyboard"},{value:"🎺",alt:"🎺",description:"trumpet"},{value:"🎻",alt:"🎻",description:"violin"},{value:"🪕",alt:"🪕",description:"banjo"},{value:"🥁",alt:"🥁",description:"drum"},{value:"📱",alt:"📱",description:"mobile phone"},{value:"📲",alt:"📲",description:"mobile phone with arrow"},{value:"☎",alt:"☎",description:"telephone"},{value:"📞",alt:"📞",description:"telephone receiver"},{value:"📟",alt:"📟",description:"pager"},{value:"📠",alt:"📠",description:"fax machine"},{value:"🔋",alt:"🔋",description:"battery"},{value:"🔌",alt:"🔌",description:"electric plug"},{value:"💻",alt:"💻",description:"laptop computer"},{value:"🖥",alt:"🖥",description:"desktop computer"},{value:"🖨",alt:"🖨",description:"printer"},{value:"⌨",alt:"⌨",description:"keyboard"},{value:"🖱",alt:"🖱",description:"computer mouse"},{value:"🖲",alt:"🖲",description:"trackball"},{value:"💽",alt:"💽",description:"computer disk"},{value:"💾",alt:"💾",description:"floppy disk"},{value:"💿",alt:"💿",description:"optical disk"},{value:"📀",alt:"📀",description:"dvd"},{value:"🧮",alt:"🧮",description:"abacus"},{value:"🎥",alt:"🎥",description:"movie camera"},{value:"🎞",alt:"🎞",description:"film frames"},{value:"📽",alt:"📽",description:"film projector"},{value:"🎬",alt:"🎬",description:"clapper board"},{value:"📺",alt:"📺",description:"television"},{value:"📷",alt:"📷",description:"camera"},{value:"📸",alt:"📸",description:"camera with flash"},{value:"📹",alt:"📹",description:"video camera"},{value:"📼",alt:"📼",description:"videocassette"},{value:"🔍",alt:"🔍",description:"magnifying glass tilted left"},{value:"🔎",alt:"🔎",description:"magnifying glass tilted right"},{value:"🕯",alt:"🕯",description:"candle"},{value:"💡",alt:"💡",description:"light bulb"},{value:"🔦",alt:"🔦",description:"flashlight"},{value:"🏮",alt:"🏮",description:"red paper lantern"},{value:"🪔",alt:"🪔",description:"diya lamp"},{value:"📔",alt:"📔",description:"notebook with decorative cover"},{value:"📕",alt:"📕",description:"closed book"},{value:"📖",alt:"📖",description:"open book"},{value:"📗",alt:"📗",description:"green book"},{value:"📘",alt:"📘",description:"blue book"},{value:"📙",alt:"📙",description:"orange book"},{value:"📚",alt:"📚",description:"books"},{value:"📓",alt:"📓",description:"notebook"},{value:"📒",alt:"📒",description:"ledger"},{value:"📃",alt:"📃",description:"page with curl"},{value:"📜",alt:"📜",description:"scroll"},{value:"📄",alt:"📄",description:"page facing up"},{value:"📰",alt:"📰",description:"newspaper"},{value:"🗞",alt:"🗞",description:"rolled-up newspaper"},{value:"📑",alt:"📑",description:"bookmark tabs"},{value:"🔖",alt:"🔖",description:"bookmark"},{value:"🏷",alt:"🏷",description:"label"},{value:"💰",alt:"💰",description:"money bag"},{value:"💴",alt:"💴",description:"yen banknote"},{value:"💵",alt:"💵",description:"dollar banknote"},{value:"💶",alt:"💶",description:"euro banknote"},{value:"💷",alt:"💷",description:"pound banknote"},{value:"💸",alt:"💸",description:"money with wings"},{value:"💳",alt:"💳",description:"credit card"},{value:"🧾",alt:"🧾",description:"receipt"},{value:"💹",alt:"💹",description:"chart increasing with yen"},{value:"💱",alt:"💱",description:"currency exchange"},{value:"💲",alt:"💲",description:"heavy dollar sign"},{value:"✉",alt:"✉",description:"envelope"},{value:"📧",alt:"📧",description:"e-mail"},{value:"📨",alt:"📨",description:"incoming envelope"},{value:"📩",alt:"📩",description:"envelope with arrow"},{value:"📤",alt:"📤",description:"outbox tray"},{value:"📥",alt:"📥",description:"inbox tray"},{value:"📦",alt:"📦",description:"package"},{value:"📫",alt:"📫",description:"closed mailbox with raised flag"},{value:"📪",alt:"📪",description:"closed mailbox with lowered flag"},{value:"📬",alt:"📬",description:"open mailbox with raised flag"},{value:"📭",alt:"📭",description:"open mailbox with lowered flag"},{value:"📮",alt:"📮",description:"postbox"},{value:"🗳",alt:"🗳",description:"ballot box with ballot"},{value:"✏",alt:"✏",description:"pencil"},{value:"✒",alt:"✒",description:"black nib"},{value:"🖋",alt:"🖋",description:"fountain pen"},{value:"🖊",alt:"🖊",description:"pen"},{value:"🖌",alt:"🖌",description:"paintbrush"},{value:"🖍",alt:"🖍",description:"crayon"},{value:"📝",alt:"📝",description:"memo"},{value:"💼",alt:"💼",description:"briefcase"},{value:"📁",alt:"📁",description:"file folder"},{value:"📂",alt:"📂",description:"open file folder"},{value:"🗂",alt:"🗂",description:"card index dividers"},{value:"📅",alt:"📅",description:"calendar"},{value:"📆",alt:"📆",description:"tear-off calendar"},{value:"🗒",alt:"🗒",description:"spiral notepad"},{value:"🗓",alt:"🗓",description:"spiral calendar"},{value:"📇",alt:"📇",description:"card index"},{value:"📈",alt:"📈",description:"chart increasing"},{value:"📉",alt:"📉",description:"chart decreasing"},{value:"📊",alt:"📊",description:"bar chart"},{value:"📋",alt:"📋",description:"clipboard"},{value:"📌",alt:"📌",description:"pushpin"},{value:"📍",alt:"📍",description:"round pushpin"},{value:"📎",alt:"📎",description:"paperclip"},{value:"🖇",alt:"🖇",description:"linked paperclips"},{value:"📏",alt:"📏",description:"straight ruler"},{value:"📐",alt:"📐",description:"triangular ruler"},{value:"✂",alt:"✂",description:"scissors"},{value:"🗃",alt:"🗃",description:"card file box"},{value:"🗄",alt:"🗄",description:"file cabinet"},{value:"🗑",alt:"🗑",description:"wastebasket"},{value:"🔒",alt:"🔒",description:"locked"},{value:"🔓",alt:"🔓",description:"unlocked"},{value:"🔏",alt:"🔏",description:"locked with pen"},{value:"🔐",alt:"🔐",description:"locked with key"},{value:"🔑",alt:"🔑",description:"key"},{value:"🗝",alt:"🗝",description:"old key"},{value:"🔨",alt:"🔨",description:"hammer"},{value:"🪓",alt:"🪓",description:"axe"},{value:"⛏",alt:"⛏",description:"pick"},{value:"⚒",alt:"⚒",description:"hammer and pick"},{value:"🛠",alt:"🛠",description:"hammer and wrench"},{value:"🗡",alt:"🗡",description:"dagger"},{value:"⚔",alt:"⚔",description:"crossed swords"},{value:"🔫",alt:"🔫",description:"pistol"},{value:"🏹",alt:"🏹",description:"bow and arrow"},{value:"🛡",alt:"🛡",description:"shield"},{value:"🔧",alt:"🔧",description:"wrench"},{value:"🔩",alt:"🔩",description:"nut and bolt"},{value:"⚙",alt:"⚙",description:"gear"},{value:"🗜",alt:"🗜",description:"clamp"},{value:"⚖",alt:"⚖",description:"balance scale"},{value:"🦯",alt:"🦯",description:"probing cane"},{value:"🔗",alt:"🔗",description:"link"},{value:"⛓",alt:"⛓",description:"chains"},{value:"🧰",alt:"🧰",description:"toolbox"},{value:"🧲",alt:"🧲",description:"magnet"},{value:"⚗",alt:"⚗",description:"alembic"},{value:"🧪",alt:"🧪",description:"test tube"},{value:"🧫",alt:"🧫",description:"petri dish"},{value:"🧬",alt:"🧬",description:"dna"},{value:"🔬",alt:"🔬",description:"microscope"},{value:"🔭",alt:"🔭",description:"telescope"},{value:"📡",alt:"📡",description:"satellite antenna"},{value:"💉",alt:"💉",description:"syringe"},{value:"🩸",alt:"🩸",description:"drop of blood"},{value:"💊",alt:"💊",description:"pill"},{value:"🩹",alt:"🩹",description:"adhesive bandage"},{value:"🩺",alt:"🩺",description:"stethoscope"},{value:"🚪",alt:"🚪",description:"door"},{value:"🛏",alt:"🛏",description:"bed"},{value:"🛋",alt:"🛋",description:"couch and lamp"},{value:"🪑",alt:"🪑",description:"chair"},{value:"🚽",alt:"🚽",description:"toilet"},{value:"🚿",alt:"🚿",description:"shower"},{value:"🛁",alt:"🛁",description:"bathtub"},{value:"🪒",alt:"🪒",description:"razor"},{value:"🧴",alt:"🧴",description:"lotion bottle"},{value:"🧷",alt:"🧷",description:"safety pin"},{value:"🧹",alt:"🧹",description:"broom"},{value:"🧺",alt:"🧺",description:"basket"},{value:"🧻",alt:"🧻",description:"roll of paper"},{value:"🧼",alt:"🧼",description:"soap"},{value:"🧽",alt:"🧽",description:"sponge"},{value:"🧯",alt:"🧯",description:"fire extinguisher"},{value:"🛒",alt:"🛒",description:"shopping cart"},{value:"🚬",alt:"🚬",description:"cigarette"},{value:"⚰",alt:"⚰",description:"coffin"},{value:"⚱",alt:"⚱",description:"funeral urn"},{value:"🗿",alt:"🗿",description:"moai"}],symbols:[{value:"🏧",alt:"🏧",description:"ATM sign"},{value:"🚮",alt:"🚮",description:"litter in bin sign"},{value:"🚰",alt:"🚰",description:"potable water"},{value:"♿",alt:"♿",description:"wheelchair symbol"},{value:"🚹",alt:"🚹",description:"men’s room"},{value:"🚺",alt:"🚺",description:"women’s room"},{value:"🚻",alt:"🚻",description:"restroom"},{value:"🚼",alt:"🚼",description:"baby symbol"},{value:"🚾",alt:"🚾",description:"water closet"},{value:"🛂",alt:"🛂",description:"passport control"},{value:"🛃",alt:"🛃",description:"customs"},{value:"🛄",alt:"🛄",description:"baggage claim"},{value:"🛅",alt:"🛅",description:"left luggage"},{value:"⚠",alt:"⚠",description:"warning"},{value:"🚸",alt:"🚸",description:"children crossing"},{value:"⛔",alt:"⛔",description:"no entry"},{value:"🚫",alt:"🚫",description:"prohibited"},{value:"🚳",alt:"🚳",description:"no bicycles"},{value:"🚭",alt:"🚭",description:"no smoking"},{value:"🚯",alt:"🚯",description:"no littering"},{value:"🚱",alt:"🚱",description:"non-potable water"},{value:"🚷",alt:"🚷",description:"no pedestrians"},{value:"📵",alt:"📵",description:"no mobile phones"},{value:"🔞",alt:"🔞",description:"no one under eighteen"},{value:"☢",alt:"☢",description:"radioactive"},{value:"☣",alt:"☣",description:"biohazard"},{value:"⬆",alt:"⬆",description:"up arrow"},{value:"↗",alt:"↗",description:"up-right arrow"},{value:"➡",alt:"➡",description:"right arrow"},{value:"↘",alt:"↘",description:"down-right arrow"},{value:"⬇",alt:"⬇",description:"down arrow"},{value:"↙",alt:"↙",description:"down-left arrow"},{value:"⬅",alt:"⬅",description:"left arrow"},{value:"↖",alt:"↖",description:"up-left arrow"},{value:"↕",alt:"↕",description:"up-down arrow"},{value:"↔",alt:"↔",description:"left-right arrow"},{value:"↩",alt:"↩",description:"right arrow curving left"},{value:"↪",alt:"↪",description:"left arrow curving right"},{value:"⤴",alt:"⤴",description:"right arrow curving up"},{value:"⤵",alt:"⤵",description:"right arrow curving down"},{value:"🔃",alt:"🔃",description:"clockwise vertical arrows"},{value:"🔄",alt:"🔄",description:"counterclockwise arrows button"},{value:"🔙",alt:"🔙",description:"BACK arrow"},{value:"🔚",alt:"🔚",description:"END arrow"},{value:"🔛",alt:"🔛",description:"ON! arrow"},{value:"🔜",alt:"🔜",description:"SOON arrow"},{value:"🔝",alt:"🔝",description:"TOP arrow"},{value:"🛐",alt:"🛐",description:"place of worship"},{value:"⚛",alt:"⚛",description:"atom symbol"},{value:"🕉",alt:"🕉",description:"om"},{value:"✡",alt:"✡",description:"star of David"},{value:"☸",alt:"☸",description:"wheel of dharma"},{value:"☯",alt:"☯",description:"yin yang"},{value:"✝",alt:"✝",description:"latin cross"},{value:"☦",alt:"☦",description:"orthodox cross"},{value:"☪",alt:"☪",description:"star and crescent"},{value:"☮",alt:"☮",description:"peace symbol"},{value:"🕎",alt:"🕎",description:"menorah"},{value:"🔯",alt:"🔯",description:"dotted six-pointed star"},{value:"♈",alt:"♈",description:"Aries"},{value:"♉",alt:"♉",description:"Taurus"},{value:"♊",alt:"♊",description:"Gemini"},{value:"♋",alt:"♋",description:"Cancer"},{value:"♌",alt:"♌",description:"Leo"},{value:"♍",alt:"♍",description:"Virgo"},{value:"♎",alt:"♎",description:"Libra"},{value:"♏",alt:"♏",description:"Scorpio"},{value:"♐",alt:"♐",description:"Sagittarius"},{value:"♑",alt:"♑",description:"Capricorn"},{value:"♒",alt:"♒",description:"Aquarius"},{value:"♓",alt:"♓",description:"Pisces"},{value:"⛎",alt:"⛎",description:"Ophiuchus"},{value:"🔀",alt:"🔀",description:"shuffle tracks button"},{value:"🔁",alt:"🔁",description:"repeat button"},{value:"🔂",alt:"🔂",description:"repeat single button"},{value:"▶",alt:"▶",description:"play button"},{value:"⏩",alt:"⏩",description:"fast-forward button"},{value:"⏭",alt:"⏭",description:"next track button"},{value:"⏯",alt:"⏯",description:"play or pause button"},{value:"◀",alt:"◀",description:"reverse button"},{value:"⏪",alt:"⏪",description:"fast reverse button"},{value:"⏮",alt:"⏮",description:"last track button"},{value:"🔼",alt:"🔼",description:"upwards button"},{value:"⏫",alt:"⏫",description:"fast up button"},{value:"🔽",alt:"🔽",description:"downwards button"},{value:"⏬",alt:"⏬",description:"fast down button"},{value:"⏸",alt:"⏸",description:"pause button"},{value:"⏹",alt:"⏹",description:"stop button"},{value:"⏺",alt:"⏺",description:"record button"},{value:"⏏",alt:"⏏",description:"eject button"},{value:"🎦",alt:"🎦",description:"cinema"},{value:"🔅",alt:"🔅",description:"dim button"},{value:"🔆",alt:"🔆",description:"bright button"},{value:"📶",alt:"📶",description:"antenna bars"},{value:"📳",alt:"📳",description:"vibration mode"},{value:"📴",alt:"📴",description:"mobile phone off"},{value:"♀",alt:"♀",description:"female sign"},{value:"♂",alt:"♂",description:"male sign"},{value:"⚕",alt:"⚕",description:"medical symbol"},{value:"♾",alt:"♾",description:"infinity"},{value:"♻",alt:"♻",description:"recycling symbol"},{value:"⚜",alt:"⚜",description:"fleur-de-lis"},{value:"🔱",alt:"🔱",description:"trident emblem"},{value:"📛",alt:"📛",description:"name badge"},{value:"🔰",alt:"🔰",description:"Japanese symbol for beginner"},{value:"⭕",alt:"⭕",description:"hollow red circle"},{value:"✅",alt:"✅",description:"check mark button"},{value:"☑",alt:"☑",description:"check box with check"},{value:"✔",alt:"✔",description:"check mark"},{value:"✖",alt:"✖",description:"multiplication sign"},{value:"❌",alt:"❌",description:"cross mark"},{value:"❎",alt:"❎",description:"cross mark button"},{value:"➕",alt:"➕",description:"plus sign"},{value:"➖",alt:"➖",description:"minus sign"},{value:"➗",alt:"➗",description:"division sign"},{value:"➰",alt:"➰",description:"curly loop"},{value:"➿",alt:"➿",description:"double curly loop"},{value:"〽",alt:"〽",description:"part alternation mark"},{value:"✳",alt:"✳",description:"eight-spoked asterisk"},{value:"✴",alt:"✴",description:"eight-pointed star"},{value:"❇",alt:"❇",description:"sparkle"},{value:"‼",alt:"‼",description:"double exclamation mark"},{value:"⁉",alt:"⁉",description:"exclamation question mark"},{value:"❓",alt:"❓",description:"question mark"},{value:"❔",alt:"❔",description:"white question mark"},{value:"❕",alt:"❕",description:"white exclamation mark"},{value:"❗",alt:"❗",description:"exclamation mark"},{value:"〰",alt:"〰",description:"wavy dash"},{value:"©",alt:"©",description:"copyright"},{value:"®",alt:"®",description:"registered"},{value:"™",alt:"™",description:"trade mark"},{value:"🔟",alt:"🔟",description:"keycap: 10"},{value:"🔠",alt:"🔠",description:"input latin uppercase"},{value:"🔡",alt:"🔡",description:"input latin lowercase"},{value:"🔢",alt:"🔢",description:"input numbers"},{value:"🔣",alt:"🔣",description:"input symbols"},{value:"🔤",alt:"🔤",description:"input latin letters"},{value:"🅰",alt:"🅰",description:"A button (blood type)"},{value:"🆎",alt:"🆎",description:"AB button (blood type)"},{value:"🅱",alt:"🅱",description:"B button (blood type)"},{value:"🆑",alt:"🆑",description:"CL button"},{value:"🆒",alt:"🆒",description:"COOL button"},{value:"🆓",alt:"🆓",description:"FREE button"},{value:"ℹ",alt:"ℹ",description:"information"},{value:"🆔",alt:"🆔",description:"ID button"},{value:"Ⓜ",alt:"Ⓜ",description:"circled M"},{value:"🆕",alt:"🆕",description:"NEW button"},{value:"🆖",alt:"🆖",description:"NG button"},{value:"🅾",alt:"🅾",description:"O button (blood type)"},{value:"🆗",alt:"🆗",description:"OK button"},{value:"🅿",alt:"🅿",description:"P button"},{value:"🆘",alt:"🆘",description:"SOS button"},{value:"🆙",alt:"🆙",description:"UP! button"},{value:"🆚",alt:"🆚",description:"VS button"},{value:"🈁",alt:"🈁",description:"Japanese “here” button"},{value:"🈂",alt:"🈂",description:"Japanese “service charge” button"},{value:"🈷",alt:"🈷",description:"Japanese “monthly amount” button"},{value:"🈶",alt:"🈶",description:"Japanese “not free of charge” button"},{value:"🈯",alt:"🈯",description:"Japanese “reserved” button"},{value:"🉐",alt:"🉐",description:"Japanese “bargain” button"},{value:"🈹",alt:"🈹",description:"Japanese “discount” button"},{value:"🈚",alt:"🈚",description:"Japanese “free of charge” button"},{value:"🈲",alt:"🈲",description:"Japanese “prohibited” button"},{value:"🉑",alt:"🉑",description:"Japanese “acceptable” button"},{value:"🈸",alt:"🈸",description:"Japanese “application” button"},{value:"🈴",alt:"🈴",description:"Japanese “passing grade” button"},{value:"🈳",alt:"🈳",description:"Japanese “vacancy” button"},{value:"㊗",alt:"㊗",description:"Japanese “congratulations” button"},{value:"㊙",alt:"㊙",description:"Japanese “secret” button"},{value:"🈺",alt:"🈺",description:"Japanese “open for business” button"},{value:"🈵",alt:"🈵",description:"Japanese “no vacancy” button"},{value:"🔴",alt:"🔴",description:"red circle"},{value:"🟠",alt:"🟠",description:"orange circle"},{value:"🟡",alt:"🟡",description:"yellow circle"},{value:"🟢",alt:"🟢",description:"green circle"},{value:"🔵",alt:"🔵",description:"blue circle"},{value:"🟣",alt:"🟣",description:"purple circle"},{value:"🟤",alt:"🟤",description:"brown circle"},{value:"⚫",alt:"⚫",description:"black circle"},{value:"⚪",alt:"⚪",description:"white circle"},{value:"🟥",alt:"🟥",description:"red square"},{value:"🟧",alt:"🟧",description:"orange square"},{value:"🟨",alt:"🟨",description:"yellow square"},{value:"🟩",alt:"🟩",description:"green square"},{value:"🟦",alt:"🟦",description:"blue square"},{value:"🟪",alt:"🟪",description:"purple square"},{value:"🟫",alt:"🟫",description:"brown square"},{value:"⬛",alt:"⬛",description:"black large square"},{value:"⬜",alt:"⬜",description:"white large square"},{value:"◼",alt:"◼",description:"black medium square"},{value:"◻",alt:"◻",description:"white medium square"},{value:"◾",alt:"◾",description:"black medium-small square"},{value:"◽",alt:"◽",description:"white medium-small square"},{value:"▪",alt:"▪",description:"black small square"},{value:"▫",alt:"▫",description:"white small square"},{value:"🔶",alt:"🔶",description:"large orange diamond"},{value:"🔷",alt:"🔷",description:"large blue diamond"},{value:"🔸",alt:"🔸",description:"small orange diamond"},{value:"🔹",alt:"🔹",description:"small blue diamond"},{value:"🔺",alt:"🔺",description:"red triangle pointed up"},{value:"🔻",alt:"🔻",description:"red triangle pointed down"},{value:"💠",alt:"💠",description:"diamond with a dot"},{value:"🔘",alt:"🔘",description:"radio button"},{value:"🔳",alt:"🔳",description:"white square button"},{value:"🔲",alt:"🔲",description:"black square button"}],flags:[{value:"🏁",alt:"🏁",description:"chequered flag"},{value:"🚩",alt:"🚩",description:"triangular flag"},{value:"🎌",alt:"🎌",description:"crossed flags"},{value:"🏴",alt:"🏴",description:"black flag"},{value:"🏳",alt:"🏳",description:"white flag"}]};export const SimplePickerEmojis=globalThis.SimplePickerEmojis; \ No newline at end of file +globalThis.SimplePickerEmojis=globalThis.SimplePickerEmojis||{emotions:[{value:"😀",alt:"😀",description:"grinning face"},{value:"😃",alt:"😃",description:"grinning face with big eyes"},{value:"😄",alt:"😄",description:"grinning face with smiling eyes"},{value:"😁",alt:"😁",description:"beaming face with smiling eyes"},{value:"😆",alt:"😆",description:"grinning squinting face"},{value:"😅",alt:"😅",description:"grinning face with sweat"},{value:"🤣",alt:"🤣",description:"rolling on the floor laughing"},{value:"😂",alt:"😂",description:"face with tears of joy"},{value:"🙂",alt:"🙂",description:"slightly smiling face"},{value:"🙃",alt:"🙃",description:"upside-down face"},{value:"😉",alt:"😉",description:"winking face"},{value:"😊",alt:"😊",description:"smiling face with smiling eyes"},{value:"😇",alt:"😇",description:"smiling face with halo"},{value:"🥰",alt:"🥰",description:"smiling face with hearts"},{value:"😍",alt:"😍",description:"smiling face with heart-eyes"},{value:"🤩",alt:"🤩",description:"star-struck"},{value:"😘",alt:"😘",description:"face blowing a kiss"},{value:"😗",alt:"😗",description:"kissing face"},{value:"😚",alt:"😚",description:"kissing face with closed eyes"},{value:"😙",alt:"😙",description:"kissing face with smiling eyes"},{value:"😋",alt:"😋",description:"face savoring food"},{value:"😛",alt:"😛",description:"face with tongue"},{value:"😜",alt:"😜",description:"winking face with tongue"},{value:"🤪",alt:"🤪",description:"zany face"},{value:"😝",alt:"😝",description:"squinting face with tongue"},{value:"🤑",alt:"🤑",description:"money-mouth face"},{value:"🤗",alt:"🤗",description:"hugging face"},{value:"🤭",alt:"🤭",description:"face with hand over mouth"},{value:"🤫",alt:"🤫",description:"shushing face"},{value:"🤔",alt:"🤔",description:"thinking face"},{value:"🤐",alt:"🤐",description:"zipper-mouth face"},{value:"🤨",alt:"🤨",description:"face with raised eyebrow"},{value:"😐",alt:"😐",description:"neutral face"},{value:"😑",alt:"😑",description:"expressionless face"},{value:"😶",alt:"😶",description:"face without mouth"},{value:"😏",alt:"😏",description:"smirking face"},{value:"😒",alt:"😒",description:"unamused face"},{value:"🙄",alt:"🙄",description:"face with rolling eyes"},{value:"😬",alt:"😬",description:"grimacing face"},{value:"🤥",alt:"🤥",description:"lying face"},{value:"😌",alt:"😌",description:"relieved face"},{value:"😔",alt:"😔",description:"pensive face"},{value:"😪",alt:"😪",description:"sleepy face"},{value:"🤤",alt:"🤤",description:"drooling face"},{value:"😴",alt:"😴",description:"sleeping face"},{value:"😷",alt:"😷",description:"face with medical mask"},{value:"🤒",alt:"🤒",description:"face with thermometer"},{value:"🤕",alt:"🤕",description:"face with head-bandage"},{value:"🤢",alt:"🤢",description:"nauseated face"},{value:"🤮",alt:"🤮",description:"face vomiting"},{value:"🤧",alt:"🤧",description:"sneezing face"},{value:"🥵",alt:"🥵",description:"hot face"},{value:"🥶",alt:"🥶",description:"cold face"},{value:"🥴",alt:"🥴",description:"woozy face"},{value:"😵",alt:"😵",description:"dizzy face"},{value:"🤯",alt:"🤯",description:"exploding head"},{value:"🤠",alt:"🤠",description:"cowboy hat face"},{value:"🥳",alt:"🥳",description:"partying face"},{value:"😎",alt:"😎",description:"smiling face with sunglasses"},{value:"🤓",alt:"🤓",description:"nerd face"},{value:"🧐",alt:"🧐",description:"face with monocle"},{value:"😕",alt:"😕",description:"confused face"},{value:"😟",alt:"😟",description:"worried face"},{value:"🙁",alt:"🙁",description:"slightly frowning face"},{value:"☹",alt:"☹",description:"frowning face"},{value:"😮",alt:"😮",description:"face with open mouth"},{value:"😯",alt:"😯",description:"hushed face"},{value:"😲",alt:"😲",description:"astonished face"},{value:"😳",alt:"😳",description:"flushed face"},{value:"🥺",alt:"🥺",description:"pleading face"},{value:"😦",alt:"😦",description:"frowning face with open mouth"},{value:"😧",alt:"😧",description:"anguished face"},{value:"😨",alt:"😨",description:"fearful face"},{value:"😰",alt:"😰",description:"anxious face with sweat"},{value:"😥",alt:"😥",description:"sad but relieved face"},{value:"😢",alt:"😢",description:"crying face"},{value:"😭",alt:"😭",description:"loudly crying face"},{value:"😱",alt:"😱",description:"face screaming in fear"},{value:"😖",alt:"😖",description:"confounded face"},{value:"😣",alt:"😣",description:"persevering face"},{value:"😞",alt:"😞",description:"disappointed face"},{value:"😓",alt:"😓",description:"downcast face with sweat"},{value:"😩",alt:"😩",description:"weary face"},{value:"😫",alt:"😫",description:"tired face"},{value:"🥱",alt:"🥱",description:"yawning face"},{value:"😤",alt:"😤",description:"face with steam from nose"},{value:"😡",alt:"😡",description:"pouting face"},{value:"😠",alt:"😠",description:"angry face"},{value:"🤬",alt:"🤬",description:"face with symbols on mouth"},{value:"😈",alt:"😈",description:"smiling face with horns"},{value:"👿",alt:"👿",description:"angry face with horns"},{value:"💀",alt:"💀",description:"skull"},{value:"☠",alt:"☠",description:"skull and crossbones"},{value:"💩",alt:"💩",description:"pile of poo"},{value:"🤡",alt:"🤡",description:"clown face"},{value:"👹",alt:"👹",description:"ogre"},{value:"👺",alt:"👺",description:"goblin"},{value:"👻",alt:"👻",description:"ghost"},{value:"👽",alt:"👽",description:"alien"},{value:"👾",alt:"👾",description:"alien monster"},{value:"🤖",alt:"🤖",description:"robot"},{value:"😺",alt:"😺",description:"grinning cat"},{value:"😸",alt:"😸",description:"grinning cat with smiling eyes"},{value:"😹",alt:"😹",description:"cat with tears of joy"},{value:"😻",alt:"😻",description:"smiling cat with heart-eyes"},{value:"😼",alt:"😼",description:"cat with wry smile"},{value:"😽",alt:"😽",description:"kissing cat"},{value:"🙀",alt:"🙀",description:"weary cat"},{value:"😿",alt:"😿",description:"crying cat"},{value:"😾",alt:"😾",description:"pouting cat"},{value:"🙈",alt:"🙈",description:"see-no-evil monkey"},{value:"🙉",alt:"🙉",description:"hear-no-evil monkey"},{value:"🙊",alt:"🙊",description:"speak-no-evil monkey"},{value:"💋",alt:"💋",description:"kiss mark"},{value:"💌",alt:"💌",description:"love letter"},{value:"💘",alt:"💘",description:"heart with arrow"},{value:"💝",alt:"💝",description:"heart with ribbon"},{value:"💖",alt:"💖",description:"sparkling heart"},{value:"💗",alt:"💗",description:"growing heart"},{value:"💓",alt:"💓",description:"beating heart"},{value:"💞",alt:"💞",description:"revolving hearts"},{value:"💕",alt:"💕",description:"two hearts"},{value:"💟",alt:"💟",description:"heart decoration"},{value:"❣",alt:"❣",description:"heart exclamation"},{value:"💔",alt:"💔",description:"broken heart"},{value:"❤",alt:"❤",description:"red heart"},{value:"🧡",alt:"🧡",description:"orange heart"},{value:"💛",alt:"💛",description:"yellow heart"},{value:"💚",alt:"💚",description:"green heart"},{value:"💙",alt:"💙",description:"blue heart"},{value:"💜",alt:"💜",description:"purple heart"},{value:"🤎",alt:"🤎",description:"brown heart"},{value:"🖤",alt:"🖤",description:"black heart"},{value:"🤍",alt:"🤍",description:"white heart"},{value:"💯",alt:"💯",description:"hundred points"},{value:"💢",alt:"💢",description:"anger symbol"},{value:"💥",alt:"💥",description:"collision"},{value:"💫",alt:"💫",description:"dizzy"},{value:"💦",alt:"💦",description:"sweat droplets"},{value:"💨",alt:"💨",description:"dashing away"},{value:"🕳",alt:"🕳",description:"hole"},{value:"💣",alt:"💣",description:"bomb"},{value:"💬",alt:"💬",description:"speech balloon"},{value:"🗨",alt:"🗨",description:"left speech bubble"},{value:"🗯",alt:"🗯",description:"right anger bubble"},{value:"💭",alt:"💭",description:"thought balloon"},{value:"💤",alt:"💤",description:"zzz"}],people:[{value:"👋",alt:"👋",description:"waving hand"},{value:"🤚",alt:"🤚",description:"raised back of hand"},{value:"🖐",alt:"🖐",description:"hand with fingers splayed"},{value:"✋",alt:"✋",description:"raised hand"},{value:"🖖",alt:"🖖",description:"vulcan salute"},{value:"👌",alt:"👌",description:"OK hand"},{value:"🤏",alt:"🤏",description:"pinching hand"},{value:"✌",alt:"✌",description:"victory hand"},{value:"🤞",alt:"🤞",description:"crossed fingers"},{value:"🤟",alt:"🤟",description:"love-you gesture"},{value:"🤘",alt:"🤘",description:"sign of the horns"},{value:"🤙",alt:"🤙",description:"call me hand"},{value:"👈",alt:"👈",description:"backhand index pointing left"},{value:"👉",alt:"👉",description:"backhand index pointing right"},{value:"👆",alt:"👆",description:"backhand index pointing up"},{value:"🖕",alt:"🖕",description:"middle finger"},{value:"👇",alt:"👇",description:"backhand index pointing down"},{value:"☝",alt:"☝",description:"index pointing up"},{value:"👍",alt:"👍",description:"thumbs up"},{value:"👎",alt:"👎",description:"thumbs down"},{value:"✊",alt:"✊",description:"raised fist"},{value:"👊",alt:"👊",description:"oncoming fist"},{value:"🤛",alt:"🤛",description:"left-facing fist"},{value:"🤜",alt:"🤜",description:"right-facing fist"},{value:"👏",alt:"👏",description:"clapping hands"},{value:"🙌",alt:"🙌",description:"raising hands"},{value:"👐",alt:"👐",description:"open hands"},{value:"🤲",alt:"🤲",description:"palms up together"},{value:"🤝",alt:"🤝",description:"handshake"},{value:"🙏",alt:"🙏",description:"folded hands"},{value:"✍",alt:"✍",description:"writing hand"},{value:"💅",alt:"💅",description:"nail polish"},{value:"🤳",alt:"🤳",description:"selfie"},{value:"💪",alt:"💪",description:"flexed biceps"},{value:"🦾",alt:"🦾",description:"mechanical arm"},{value:"🦿",alt:"🦿",description:"mechanical leg"},{value:"🦵",alt:"🦵",description:"leg"},{value:"🦶",alt:"🦶",description:"foot"},{value:"👂",alt:"👂",description:"ear"},{value:"🦻",alt:"🦻",description:"ear with hearing aid"},{value:"👃",alt:"👃",description:"nose"},{value:"🧠",alt:"🧠",description:"brain"},{value:"🦷",alt:"🦷",description:"tooth"},{value:"🦴",alt:"🦴",description:"bone"},{value:"👀",alt:"👀",description:"eyes"},{value:"👁",alt:"👁",description:"eye"},{value:"👅",alt:"👅",description:"tongue"},{value:"👄",alt:"👄",description:"mouth"},{value:"👶",alt:"👶",description:"baby"},{value:"🧒",alt:"🧒",description:"child"},{value:"👦",alt:"👦",description:"boy"},{value:"👧",alt:"👧",description:"girl"},{value:"🧑",alt:"🧑",description:"person"},{value:"👱",alt:"👱",description:"person: blond hair"},{value:"👨",alt:"👨",description:"man"},{value:"🧔",alt:"🧔",description:"man: beard"},{value:"👩",alt:"👩",description:"woman"},{value:"🧓",alt:"🧓",description:"older person"},{value:"👴",alt:"👴",description:"old man"},{value:"👵",alt:"👵",description:"old woman"},{value:"🙍",alt:"🙍",description:"person frowning"},{value:"🙎",alt:"🙎",description:"person pouting"},{value:"🙅",alt:"🙅",description:"person gesturing NO"},{value:"🙆",alt:"🙆",description:"person gesturing OK"},{value:"💁",alt:"💁",description:"person tipping hand"},{value:"🙋",alt:"🙋",description:"person raising hand"},{value:"🧏",alt:"🧏",description:"deaf person"},{value:"🙇",alt:"🙇",description:"person bowing"},{value:"🤦",alt:"🤦",description:"person facepalming"},{value:"🤷",alt:"🤷",description:"person shrugging"},{value:"👮",alt:"👮",description:"police officer"},{value:"🕵",alt:"🕵",description:"detective"},{value:"💂",alt:"💂",description:"guard"},{value:"👷",alt:"👷",description:"construction worker"},{value:"🤴",alt:"🤴",description:"prince"},{value:"👸",alt:"👸",description:"princess"},{value:"👳",alt:"👳",description:"person wearing turban"},{value:"👲",alt:"👲",description:"man with Chinese cap"},{value:"🧕",alt:"🧕",description:"woman with headscarf"},{value:"🤵",alt:"🤵",description:"man in tuxedo"},{value:"👰",alt:"👰",description:"bride with veil"},{value:"🤰",alt:"🤰",description:"pregnant woman"},{value:"🤱",alt:"🤱",description:"breast-feeding"},{value:"👼",alt:"👼",description:"baby angel"},{value:"🎅",alt:"🎅",description:"Santa Claus"},{value:"🤶",alt:"🤶",description:"Mrs. Claus"},{value:"🦸",alt:"🦸",description:"superhero"},{value:"🦹",alt:"🦹",description:"supervillain"},{value:"🧙",alt:"🧙",description:"mage"},{value:"🧚",alt:"🧚",description:"fairy"},{value:"🧛",alt:"🧛",description:"vampire"},{value:"🧜",alt:"🧜",description:"merperson"},{value:"🧝",alt:"🧝",description:"elf"},{value:"🧞",alt:"🧞",description:"genie"},{value:"🧟",alt:"🧟",description:"zombie"},{value:"💆",alt:"💆",description:"person getting massage"},{value:"💇",alt:"💇",description:"person getting haircut"},{value:"🚶",alt:"🚶",description:"person walking"},{value:"🧍",alt:"🧍",description:"person standing"},{value:"🧎",alt:"🧎",description:"person kneeling"},{value:"🏃",alt:"🏃",description:"person running"},{value:"💃",alt:"💃",description:"woman dancing"},{value:"🕺",alt:"🕺",description:"man dancing"},{value:"🕴",alt:"🕴",description:"man in suit levitating"},{value:"👯",alt:"👯",description:"people with bunny ears"},{value:"🧖",alt:"🧖",description:"person in steamy room"},{value:"🧗",alt:"🧗",description:"person climbing"},{value:"🤺",alt:"🤺",description:"person fencing"},{value:"🏇",alt:"🏇",description:"horse racing"},{value:"⛷",alt:"⛷",description:"skier"},{value:"🏂",alt:"🏂",description:"snowboarder"},{value:"🏌",alt:"🏌",description:"person golfing"},{value:"🏄",alt:"🏄",description:"person surfing"},{value:"🚣",alt:"🚣",description:"person rowing boat"},{value:"🏊",alt:"🏊",description:"person swimming"},{value:"⛹",alt:"⛹",description:"person bouncing ball"},{value:"🏋",alt:"🏋",description:"person lifting weights"},{value:"🚴",alt:"🚴",description:"person biking"},{value:"🚵",alt:"🚵",description:"person mountain biking"},{value:"🤸",alt:"🤸",description:"person cartwheeling"},{value:"🤼",alt:"🤼",description:"people wrestling"},{value:"🤽",alt:"🤽",description:"person playing water polo"},{value:"🤾",alt:"🤾",description:"person playing handball"},{value:"🤹",alt:"🤹",description:"person juggling"},{value:"🧘",alt:"🧘",description:"person in lotus position"},{value:"🛀",alt:"🛀",description:"person taking bath"},{value:"🛌",alt:"🛌",description:"person in bed"},{value:"👭",alt:"👭",description:"women holding hands"},{value:"👫",alt:"👫",description:"woman and man holding hands"},{value:"👬",alt:"👬",description:"men holding hands"},{value:"💏",alt:"💏",description:"kiss"},{value:"💑",alt:"💑",description:"couple with heart"},{value:"👪",alt:"👪",description:"family"},{value:"🗣",alt:"🗣",description:"speaking head"},{value:"👤",alt:"👤",description:"bust in silhouette"},{value:"👥",alt:"👥",description:"busts in silhouette"},{value:"👣",alt:"👣",description:"footprints"},{value:"🦰",alt:"🦰",description:"red hair"},{value:"🦱",alt:"🦱",description:"curly hair"},{value:"🦳",alt:"🦳",description:"white hair"},{value:"🦲",alt:"🦲",description:"bald"}],nature:[{value:"🐵",alt:"🐵",description:"monkey face"},{value:"🐒",alt:"🐒",description:"monkey"},{value:"🦍",alt:"🦍",description:"gorilla"},{value:"🦧",alt:"🦧",description:"orangutan"},{value:"🐶",alt:"🐶",description:"dog face"},{value:"🐕",alt:"🐕",description:"dog"},{value:"🦮",alt:"🦮",description:"guide dog"},{value:"🐩",alt:"🐩",description:"poodle"},{value:"🐺",alt:"🐺",description:"wolf"},{value:"🦊",alt:"🦊",description:"fox"},{value:"🦝",alt:"🦝",description:"raccoon"},{value:"🐱",alt:"🐱",description:"cat face"},{value:"🐈",alt:"🐈",description:"cat"},{value:"🦁",alt:"🦁",description:"lion"},{value:"🐯",alt:"🐯",description:"tiger face"},{value:"🐅",alt:"🐅",description:"tiger"},{value:"🐆",alt:"🐆",description:"leopard"},{value:"🐴",alt:"🐴",description:"horse face"},{value:"🐎",alt:"🐎",description:"horse"},{value:"🦄",alt:"🦄",description:"unicorn"},{value:"🦓",alt:"🦓",description:"zebra"},{value:"🦌",alt:"🦌",description:"deer"},{value:"🐮",alt:"🐮",description:"cow face"},{value:"🐂",alt:"🐂",description:"ox"},{value:"🐃",alt:"🐃",description:"water buffalo"},{value:"🐄",alt:"🐄",description:"cow"},{value:"🐷",alt:"🐷",description:"pig face"},{value:"🐖",alt:"🐖",description:"pig"},{value:"🐗",alt:"🐗",description:"boar"},{value:"🐽",alt:"🐽",description:"pig nose"},{value:"🐏",alt:"🐏",description:"ram"},{value:"🐑",alt:"🐑",description:"ewe"},{value:"🐐",alt:"🐐",description:"goat"},{value:"🐪",alt:"🐪",description:"camel"},{value:"🐫",alt:"🐫",description:"two-hump camel"},{value:"🦙",alt:"🦙",description:"llama"},{value:"🦒",alt:"🦒",description:"giraffe"},{value:"🐘",alt:"🐘",description:"elephant"},{value:"🦏",alt:"🦏",description:"rhinoceros"},{value:"🦛",alt:"🦛",description:"hippopotamus"},{value:"🐭",alt:"🐭",description:"mouse face"},{value:"🐁",alt:"🐁",description:"mouse"},{value:"🐀",alt:"🐀",description:"rat"},{value:"🐹",alt:"🐹",description:"hamster"},{value:"🐰",alt:"🐰",description:"rabbit face"},{value:"🐇",alt:"🐇",description:"rabbit"},{value:"🐿",alt:"🐿",description:"chipmunk"},{value:"🦔",alt:"🦔",description:"hedgehog"},{value:"🦇",alt:"🦇",description:"bat"},{value:"🐻",alt:"🐻",description:"bear"},{value:"🐨",alt:"🐨",description:"koala"},{value:"🐼",alt:"🐼",description:"panda"},{value:"🦥",alt:"🦥",description:"sloth"},{value:"🦦",alt:"🦦",description:"otter"},{value:"🦨",alt:"🦨",description:"skunk"},{value:"🦘",alt:"🦘",description:"kangaroo"},{value:"🦡",alt:"🦡",description:"badger"},{value:"🐾",alt:"🐾",description:"paw prints"},{value:"🦃",alt:"🦃",description:"turkey"},{value:"🐔",alt:"🐔",description:"chicken"},{value:"🐓",alt:"🐓",description:"rooster"},{value:"🐣",alt:"🐣",description:"hatching chick"},{value:"🐤",alt:"🐤",description:"baby chick"},{value:"🐥",alt:"🐥",description:"front-facing baby chick"},{value:"🐦",alt:"🐦",description:"bird"},{value:"🐧",alt:"🐧",description:"penguin"},{value:"🕊",alt:"🕊",description:"dove"},{value:"🦅",alt:"🦅",description:"eagle"},{value:"🦆",alt:"🦆",description:"duck"},{value:"🦢",alt:"🦢",description:"swan"},{value:"🦉",alt:"🦉",description:"owl"},{value:"🦩",alt:"🦩",description:"flamingo"},{value:"🦚",alt:"🦚",description:"peacock"},{value:"🦜",alt:"🦜",description:"parrot"},{value:"🐸",alt:"🐸",description:"frog"},{value:"🐊",alt:"🐊",description:"crocodile"},{value:"🐢",alt:"🐢",description:"turtle"},{value:"🦎",alt:"🦎",description:"lizard"},{value:"🐍",alt:"🐍",description:"snake"},{value:"🐲",alt:"🐲",description:"dragon face"},{value:"🐉",alt:"🐉",description:"dragon"},{value:"🦕",alt:"🦕",description:"sauropod"},{value:"🦖",alt:"🦖",description:"T-Rex"},{value:"🐳",alt:"🐳",description:"spouting whale"},{value:"🐋",alt:"🐋",description:"whale"},{value:"🐬",alt:"🐬",description:"dolphin"},{value:"🐟",alt:"🐟",description:"fish"},{value:"🐠",alt:"🐠",description:"tropical fish"},{value:"🐡",alt:"🐡",description:"blowfish"},{value:"🦈",alt:"🦈",description:"shark"},{value:"🐙",alt:"🐙",description:"octopus"},{value:"🐚",alt:"🐚",description:"spiral shell"},{value:"🐌",alt:"🐌",description:"snail"},{value:"🦋",alt:"🦋",description:"butterfly"},{value:"🐛",alt:"🐛",description:"bug"},{value:"🐜",alt:"🐜",description:"ant"},{value:"🐝",alt:"🐝",description:"honeybee"},{value:"🐞",alt:"🐞",description:"lady beetle"},{value:"🦗",alt:"🦗",description:"cricket"},{value:"🕷",alt:"🕷",description:"spider"},{value:"🕸",alt:"🕸",description:"spider web"},{value:"🦂",alt:"🦂",description:"scorpion"},{value:"🦟",alt:"🦟",description:"mosquito"},{value:"🦠",alt:"🦠",description:"microbe"},{value:"💐",alt:"💐",description:"bouquet"},{value:"🌸",alt:"🌸",description:"cherry blossom"},{value:"💮",alt:"💮",description:"white flower"},{value:"🏵",alt:"🏵",description:"rosette"},{value:"🌹",alt:"🌹",description:"rose"},{value:"🥀",alt:"🥀",description:"wilted flower"},{value:"🌺",alt:"🌺",description:"hibiscus"},{value:"🌻",alt:"🌻",description:"sunflower"},{value:"🌼",alt:"🌼",description:"blossom"},{value:"🌷",alt:"🌷",description:"tulip"},{value:"🌱",alt:"🌱",description:"seedling"},{value:"🌲",alt:"🌲",description:"evergreen tree"},{value:"🌳",alt:"🌳",description:"deciduous tree"},{value:"🌴",alt:"🌴",description:"palm tree"},{value:"🌵",alt:"🌵",description:"cactus"},{value:"🌾",alt:"🌾",description:"sheaf of rice"},{value:"🌿",alt:"🌿",description:"herb"},{value:"☘",alt:"☘",description:"shamrock"},{value:"🍀",alt:"🍀",description:"four leaf clover"},{value:"🍁",alt:"🍁",description:"maple leaf"},{value:"🍂",alt:"🍂",description:"fallen leaf"},{value:"🍃",alt:"🍃",description:"leaf fluttering in wind"}],food:[{value:"🍇",alt:"🍇",description:"grapes"},{value:"🍈",alt:"🍈",description:"melon"},{value:"🍉",alt:"🍉",description:"watermelon"},{value:"🍊",alt:"🍊",description:"tangerine"},{value:"🍋",alt:"🍋",description:"lemon"},{value:"🍌",alt:"🍌",description:"banana"},{value:"🍍",alt:"🍍",description:"pineapple"},{value:"🥭",alt:"🥭",description:"mango"},{value:"🍎",alt:"🍎",description:"red apple"},{value:"🍏",alt:"🍏",description:"green apple"},{value:"🍐",alt:"🍐",description:"pear"},{value:"🍑",alt:"🍑",description:"peach"},{value:"🍒",alt:"🍒",description:"cherries"},{value:"🍓",alt:"🍓",description:"strawberry"},{value:"🥝",alt:"🥝",description:"kiwi fruit"},{value:"🍅",alt:"🍅",description:"tomato"},{value:"🥥",alt:"🥥",description:"coconut"},{value:"🥑",alt:"🥑",description:"avocado"},{value:"🍆",alt:"🍆",description:"eggplant"},{value:"🥔",alt:"🥔",description:"potato"},{value:"🥕",alt:"🥕",description:"carrot"},{value:"🌽",alt:"🌽",description:"ear of corn"},{value:"🌶",alt:"🌶",description:"hot pepper"},{value:"🥒",alt:"🥒",description:"cucumber"},{value:"🥬",alt:"🥬",description:"leafy green"},{value:"🥦",alt:"🥦",description:"broccoli"},{value:"🧄",alt:"🧄",description:"garlic"},{value:"🧅",alt:"🧅",description:"onion"},{value:"🍄",alt:"🍄",description:"mushroom"},{value:"🥜",alt:"🥜",description:"peanuts"},{value:"🌰",alt:"🌰",description:"chestnut"},{value:"🍞",alt:"🍞",description:"bread"},{value:"🥐",alt:"🥐",description:"croissant"},{value:"🥖",alt:"🥖",description:"baguette bread"},{value:"🥨",alt:"🥨",description:"pretzel"},{value:"🥯",alt:"🥯",description:"bagel"},{value:"🥞",alt:"🥞",description:"pancakes"},{value:"🧇",alt:"🧇",description:"waffle"},{value:"🧀",alt:"🧀",description:"cheese wedge"},{value:"🍖",alt:"🍖",description:"meat on bone"},{value:"🍗",alt:"🍗",description:"poultry leg"},{value:"🥩",alt:"🥩",description:"cut of meat"},{value:"🥓",alt:"🥓",description:"bacon"},{value:"🍔",alt:"🍔",description:"hamburger"},{value:"🍟",alt:"🍟",description:"french fries"},{value:"🍕",alt:"🍕",description:"pizza"},{value:"🌭",alt:"🌭",description:"hot dog"},{value:"🥪",alt:"🥪",description:"sandwich"},{value:"🌮",alt:"🌮",description:"taco"},{value:"🌯",alt:"🌯",description:"burrito"},{value:"🥙",alt:"🥙",description:"stuffed flatbread"},{value:"🧆",alt:"🧆",description:"falafel"},{value:"🥚",alt:"🥚",description:"egg"},{value:"🍳",alt:"🍳",description:"cooking"},{value:"🥘",alt:"🥘",description:"shallow pan of food"},{value:"🍲",alt:"🍲",description:"pot of food"},{value:"🥣",alt:"🥣",description:"bowl with spoon"},{value:"🥗",alt:"🥗",description:"green salad"},{value:"🍿",alt:"🍿",description:"popcorn"},{value:"🧈",alt:"🧈",description:"butter"},{value:"🧂",alt:"🧂",description:"salt"},{value:"🥫",alt:"🥫",description:"canned food"},{value:"🍱",alt:"🍱",description:"bento box"},{value:"🍘",alt:"🍘",description:"rice cracker"},{value:"🍙",alt:"🍙",description:"rice ball"},{value:"🍚",alt:"🍚",description:"cooked rice"},{value:"🍛",alt:"🍛",description:"curry rice"},{value:"🍜",alt:"🍜",description:"steaming bowl"},{value:"🍝",alt:"🍝",description:"spaghetti"},{value:"🍠",alt:"🍠",description:"roasted sweet potato"},{value:"🍢",alt:"🍢",description:"oden"},{value:"🍣",alt:"🍣",description:"sushi"},{value:"🍤",alt:"🍤",description:"fried shrimp"},{value:"🍥",alt:"🍥",description:"fish cake with swirl"},{value:"🥮",alt:"🥮",description:"moon cake"},{value:"🍡",alt:"🍡",description:"dango"},{value:"🥟",alt:"🥟",description:"dumpling"},{value:"🥠",alt:"🥠",description:"fortune cookie"},{value:"🥡",alt:"🥡",description:"takeout box"},{value:"🦀",alt:"🦀",description:"crab"},{value:"🦞",alt:"🦞",description:"lobster"},{value:"🦐",alt:"🦐",description:"shrimp"},{value:"🦑",alt:"🦑",description:"squid"},{value:"🦪",alt:"🦪",description:"oyster"},{value:"🍦",alt:"🍦",description:"soft ice cream"},{value:"🍧",alt:"🍧",description:"shaved ice"},{value:"🍨",alt:"🍨",description:"ice cream"},{value:"🍩",alt:"🍩",description:"doughnut"},{value:"🍪",alt:"🍪",description:"cookie"},{value:"🎂",alt:"🎂",description:"birthday cake"},{value:"🍰",alt:"🍰",description:"shortcake"},{value:"🧁",alt:"🧁",description:"cupcake"},{value:"🥧",alt:"🥧",description:"pie"},{value:"🍫",alt:"🍫",description:"chocolate bar"},{value:"🍬",alt:"🍬",description:"candy"},{value:"🍭",alt:"🍭",description:"lollipop"},{value:"🍮",alt:"🍮",description:"custard"},{value:"🍯",alt:"🍯",description:"honey pot"},{value:"🍼",alt:"🍼",description:"baby bottle"},{value:"🥛",alt:"🥛",description:"glass of milk"},{value:"☕",alt:"☕",description:"hot beverage"},{value:"🍵",alt:"🍵",description:"teacup without handle"},{value:"🍶",alt:"🍶",description:"sake"},{value:"🍾",alt:"🍾",description:"bottle with popping cork"},{value:"🍷",alt:"🍷",description:"wine glass"},{value:"🍸",alt:"🍸",description:"cocktail glass"},{value:"🍹",alt:"🍹",description:"tropical drink"},{value:"🍺",alt:"🍺",description:"beer mug"},{value:"🍻",alt:"🍻",description:"clinking beer mugs"},{value:"🥂",alt:"🥂",description:"clinking glasses"},{value:"🥃",alt:"🥃",description:"tumbler glass"},{value:"🥤",alt:"🥤",description:"cup with straw"},{value:"🧃",alt:"🧃",description:"beverage box"},{value:"🧉",alt:"🧉",description:"mate"},{value:"🧊",alt:"🧊",description:"ice cube"},{value:"🥢",alt:"🥢",description:"chopsticks"},{value:"🍽",alt:"🍽",description:"fork and knife with plate"},{value:"🍴",alt:"🍴",description:"fork and knife"},{value:"🥄",alt:"🥄",description:"spoon"},{value:"🔪",alt:"🔪",description:"kitchen knife"},{value:"🏺",alt:"🏺",description:"amphora"}],travel:[{value:"🌍",alt:"🌍",description:"globe showing Europe-Africa"},{value:"🌎",alt:"🌎",description:"globe showing Americas"},{value:"🌏",alt:"🌏",description:"globe showing Asia-Australia"},{value:"🌐",alt:"🌐",description:"globe with meridians"},{value:"🗺",alt:"🗺",description:"world map"},{value:"🗾",alt:"🗾",description:"map of Japan"},{value:"🧭",alt:"🧭",description:"compass"},{value:"🏔",alt:"🏔",description:"snow-capped mountain"},{value:"⛰",alt:"⛰",description:"mountain"},{value:"🌋",alt:"🌋",description:"volcano"},{value:"🗻",alt:"🗻",description:"mount fuji"},{value:"🏕",alt:"🏕",description:"camping"},{value:"🏖",alt:"🏖",description:"beach with umbrella"},{value:"🏜",alt:"🏜",description:"desert"},{value:"🏝",alt:"🏝",description:"desert island"},{value:"🏞",alt:"🏞",description:"national park"},{value:"🏟",alt:"🏟",description:"stadium"},{value:"🏛",alt:"🏛",description:"classical building"},{value:"🏗",alt:"🏗",description:"building construction"},{value:"🧱",alt:"🧱",description:"brick"},{value:"🏘",alt:"🏘",description:"houses"},{value:"🏚",alt:"🏚",description:"derelict house"},{value:"🏠",alt:"🏠",description:"house"},{value:"🏡",alt:"🏡",description:"house with garden"},{value:"🏢",alt:"🏢",description:"office building"},{value:"🏣",alt:"🏣",description:"Japanese post office"},{value:"🏤",alt:"🏤",description:"post office"},{value:"🏥",alt:"🏥",description:"hospital"},{value:"🏦",alt:"🏦",description:"bank"},{value:"🏨",alt:"🏨",description:"hotel"},{value:"🏩",alt:"🏩",description:"love hotel"},{value:"🏪",alt:"🏪",description:"convenience store"},{value:"🏫",alt:"🏫",description:"school"},{value:"🏬",alt:"🏬",description:"department store"},{value:"🏭",alt:"🏭",description:"factory"},{value:"🏯",alt:"🏯",description:"Japanese castle"},{value:"🏰",alt:"🏰",description:"castle"},{value:"💒",alt:"💒",description:"wedding"},{value:"🗼",alt:"🗼",description:"Tokyo tower"},{value:"🗽",alt:"🗽",description:"Statue of Liberty"},{value:"⛪",alt:"⛪",description:"church"},{value:"🕌",alt:"🕌",description:"mosque"},{value:"🛕",alt:"🛕",description:"hindu temple"},{value:"🕍",alt:"🕍",description:"synagogue"},{value:"⛩",alt:"⛩",description:"shinto shrine"},{value:"🕋",alt:"🕋",description:"kaaba"},{value:"⛲",alt:"⛲",description:"fountain"},{value:"⛺",alt:"⛺",description:"tent"},{value:"🌁",alt:"🌁",description:"foggy"},{value:"🌃",alt:"🌃",description:"night with stars"},{value:"🏙",alt:"🏙",description:"cityscape"},{value:"🌄",alt:"🌄",description:"sunrise over mountains"},{value:"🌅",alt:"🌅",description:"sunrise"},{value:"🌆",alt:"🌆",description:"cityscape at dusk"},{value:"🌇",alt:"🌇",description:"sunset"},{value:"🌉",alt:"🌉",description:"bridge at night"},{value:"♨",alt:"♨",description:"hot springs"},{value:"🎠",alt:"🎠",description:"carousel horse"},{value:"🎡",alt:"🎡",description:"ferris wheel"},{value:"🎢",alt:"🎢",description:"roller coaster"},{value:"💈",alt:"💈",description:"barber pole"},{value:"🎪",alt:"🎪",description:"circus tent"},{value:"🚂",alt:"🚂",description:"locomotive"},{value:"🚃",alt:"🚃",description:"railway car"},{value:"🚄",alt:"🚄",description:"high-speed train"},{value:"🚅",alt:"🚅",description:"bullet train"},{value:"🚆",alt:"🚆",description:"train"},{value:"🚇",alt:"🚇",description:"metro"},{value:"🚈",alt:"🚈",description:"light rail"},{value:"🚉",alt:"🚉",description:"station"},{value:"🚊",alt:"🚊",description:"tram"},{value:"🚝",alt:"🚝",description:"monorail"},{value:"🚞",alt:"🚞",description:"mountain railway"},{value:"🚋",alt:"🚋",description:"tram car"},{value:"🚌",alt:"🚌",description:"bus"},{value:"🚍",alt:"🚍",description:"oncoming bus"},{value:"🚎",alt:"🚎",description:"trolleybus"},{value:"🚐",alt:"🚐",description:"minibus"},{value:"🚑",alt:"🚑",description:"ambulance"},{value:"🚒",alt:"🚒",description:"fire engine"},{value:"🚓",alt:"🚓",description:"police car"},{value:"🚔",alt:"🚔",description:"oncoming police car"},{value:"🚕",alt:"🚕",description:"taxi"},{value:"🚖",alt:"🚖",description:"oncoming taxi"},{value:"🚗",alt:"🚗",description:"automobile"},{value:"🚘",alt:"🚘",description:"oncoming automobile"},{value:"🚙",alt:"🚙",description:"sport utility vehicle"},{value:"🚚",alt:"🚚",description:"delivery truck"},{value:"🚛",alt:"🚛",description:"articulated lorry"},{value:"🚜",alt:"🚜",description:"tractor"},{value:"🏎",alt:"🏎",description:"racing car"},{value:"🏍",alt:"🏍",description:"motorcycle"},{value:"🛵",alt:"🛵",description:"motor scooter"},{value:"🦽",alt:"🦽",description:"manual wheelchair"},{value:"🦼",alt:"🦼",description:"motorized wheelchair"},{value:"🛺",alt:"🛺",description:"auto rickshaw"},{value:"🚲",alt:"🚲",description:"bicycle"},{value:"🛴",alt:"🛴",description:"kick scooter"},{value:"🛹",alt:"🛹",description:"skateboard"},{value:"🚏",alt:"🚏",description:"bus stop"},{value:"🛣",alt:"🛣",description:"motorway"},{value:"🛤",alt:"🛤",description:"railway track"},{value:"🛢",alt:"🛢",description:"oil drum"},{value:"⛽",alt:"⛽",description:"fuel pump"},{value:"🚨",alt:"🚨",description:"police car light"},{value:"🚥",alt:"🚥",description:"horizontal traffic light"},{value:"🚦",alt:"🚦",description:"vertical traffic light"},{value:"🛑",alt:"🛑",description:"stop sign"},{value:"🚧",alt:"🚧",description:"construction"},{value:"⚓",alt:"⚓",description:"anchor"},{value:"⛵",alt:"⛵",description:"sailboat"},{value:"🛶",alt:"🛶",description:"canoe"},{value:"🚤",alt:"🚤",description:"speedboat"},{value:"🛳",alt:"🛳",description:"passenger ship"},{value:"⛴",alt:"⛴",description:"ferry"},{value:"🛥",alt:"🛥",description:"motor boat"},{value:"🚢",alt:"🚢",description:"ship"},{value:"✈",alt:"✈",description:"airplane"},{value:"🛩",alt:"🛩",description:"small airplane"},{value:"🛫",alt:"🛫",description:"airplane departure"},{value:"🛬",alt:"🛬",description:"airplane arrival"},{value:"🪂",alt:"🪂",description:"parachute"},{value:"💺",alt:"💺",description:"seat"},{value:"🚁",alt:"🚁",description:"helicopter"},{value:"🚟",alt:"🚟",description:"suspension railway"},{value:"🚠",alt:"🚠",description:"mountain cableway"},{value:"🚡",alt:"🚡",description:"aerial tramway"},{value:"🛰",alt:"🛰",description:"satellite"},{value:"🚀",alt:"🚀",description:"rocket"},{value:"🛸",alt:"🛸",description:"flying saucer"},{value:"🛎",alt:"🛎",description:"bellhop bell"},{value:"🧳",alt:"🧳",description:"luggage"},{value:"⌛",alt:"⌛",description:"hourglass done"},{value:"⏳",alt:"⏳",description:"hourglass not done"},{value:"⌚",alt:"⌚",description:"watch"},{value:"⏰",alt:"⏰",description:"alarm clock"},{value:"⏱",alt:"⏱",description:"stopwatch"},{value:"⏲",alt:"⏲",description:"timer clock"},{value:"🕰",alt:"🕰",description:"mantelpiece clock"},{value:"🕛",alt:"🕛",description:"twelve o’clock"},{value:"🕧",alt:"🕧",description:"twelve-thirty"},{value:"🕐",alt:"🕐",description:"one o’clock"},{value:"🕜",alt:"🕜",description:"one-thirty"},{value:"🕑",alt:"🕑",description:"two o’clock"},{value:"🕝",alt:"🕝",description:"two-thirty"},{value:"🕒",alt:"🕒",description:"three o’clock"},{value:"🕞",alt:"🕞",description:"three-thirty"},{value:"🕓",alt:"🕓",description:"four o’clock"},{value:"🕟",alt:"🕟",description:"four-thirty"},{value:"🕔",alt:"🕔",description:"five o’clock"},{value:"🕠",alt:"🕠",description:"five-thirty"},{value:"🕕",alt:"🕕",description:"six o’clock"},{value:"🕡",alt:"🕡",description:"six-thirty"},{value:"🕖",alt:"🕖",description:"seven o’clock"},{value:"🕢",alt:"🕢",description:"seven-thirty"},{value:"🕗",alt:"🕗",description:"eight o’clock"},{value:"🕣",alt:"🕣",description:"eight-thirty"},{value:"🕘",alt:"🕘",description:"nine o’clock"},{value:"🕤",alt:"🕤",description:"nine-thirty"},{value:"🕙",alt:"🕙",description:"ten o’clock"},{value:"🕥",alt:"🕥",description:"ten-thirty"},{value:"🕚",alt:"🕚",description:"eleven o’clock"},{value:"🕦",alt:"🕦",description:"eleven-thirty"},{value:"🌑",alt:"🌑",description:"new moon"},{value:"🌒",alt:"🌒",description:"waxing crescent moon"},{value:"🌓",alt:"🌓",description:"first quarter moon"},{value:"🌔",alt:"🌔",description:"waxing gibbous moon"},{value:"🌕",alt:"🌕",description:"full moon"},{value:"🌖",alt:"🌖",description:"waning gibbous moon"},{value:"🌗",alt:"🌗",description:"last quarter moon"},{value:"🌘",alt:"🌘",description:"waning crescent moon"},{value:"🌙",alt:"🌙",description:"crescent moon"},{value:"🌚",alt:"🌚",description:"new moon face"},{value:"🌛",alt:"🌛",description:"first quarter moon face"},{value:"🌜",alt:"🌜",description:"last quarter moon face"},{value:"🌡",alt:"🌡",description:"thermometer"},{value:"☀",alt:"☀",description:"sun"},{value:"🌝",alt:"🌝",description:"full moon face"},{value:"🌞",alt:"🌞",description:"sun with face"},{value:"🪐",alt:"🪐",description:"ringed planet"},{value:"⭐",alt:"⭐",description:"star"},{value:"🌟",alt:"🌟",description:"glowing star"},{value:"🌠",alt:"🌠",description:"shooting star"},{value:"🌌",alt:"🌌",description:"milky way"},{value:"☁",alt:"☁",description:"cloud"},{value:"⛅",alt:"⛅",description:"sun behind cloud"},{value:"⛈",alt:"⛈",description:"cloud with lightning and rain"},{value:"🌤",alt:"🌤",description:"sun behind small cloud"},{value:"🌥",alt:"🌥",description:"sun behind large cloud"},{value:"🌦",alt:"🌦",description:"sun behind rain cloud"},{value:"🌧",alt:"🌧",description:"cloud with rain"},{value:"🌨",alt:"🌨",description:"cloud with snow"},{value:"🌩",alt:"🌩",description:"cloud with lightning"},{value:"🌪",alt:"🌪",description:"tornado"},{value:"🌫",alt:"🌫",description:"fog"},{value:"🌬",alt:"🌬",description:"wind face"},{value:"🌀",alt:"🌀",description:"cyclone"},{value:"🌈",alt:"🌈",description:"rainbow"},{value:"🌂",alt:"🌂",description:"closed umbrella"},{value:"☂",alt:"☂",description:"umbrella"},{value:"☔",alt:"☔",description:"umbrella with rain drops"},{value:"⛱",alt:"⛱",description:"umbrella on ground"},{value:"⚡",alt:"⚡",description:"high voltage"},{value:"❄",alt:"❄",description:"snowflake"},{value:"☃",alt:"☃",description:"snowman"},{value:"⛄",alt:"⛄",description:"snowman without snow"},{value:"☄",alt:"☄",description:"comet"},{value:"🔥",alt:"🔥",description:"fire"},{value:"💧",alt:"💧",description:"droplet"},{value:"🌊",alt:"🌊",description:"water wave"}],activities:[{value:"🎃",alt:"🎃",description:"jack-o-lantern"},{value:"🎄",alt:"🎄",description:"Christmas tree"},{value:"🎆",alt:"🎆",description:"fireworks"},{value:"🎇",alt:"🎇",description:"sparkler"},{value:"🧨",alt:"🧨",description:"firecracker"},{value:"✨",alt:"✨",description:"sparkles"},{value:"🎈",alt:"🎈",description:"balloon"},{value:"🎉",alt:"🎉",description:"party popper"},{value:"🎊",alt:"🎊",description:"confetti ball"},{value:"🎋",alt:"🎋",description:"tanabata tree"},{value:"🎍",alt:"🎍",description:"pine decoration"},{value:"🎎",alt:"🎎",description:"Japanese dolls"},{value:"🎏",alt:"🎏",description:"carp streamer"},{value:"🎐",alt:"🎐",description:"wind chime"},{value:"🎑",alt:"🎑",description:"moon viewing ceremony"},{value:"🧧",alt:"🧧",description:"red envelope"},{value:"🎀",alt:"🎀",description:"ribbon"},{value:"🎁",alt:"🎁",description:"wrapped gift"},{value:"🎗",alt:"🎗",description:"reminder ribbon"},{value:"🎟",alt:"🎟",description:"admission tickets"},{value:"🎫",alt:"🎫",description:"ticket"},{value:"🎖",alt:"🎖",description:"military medal"},{value:"🏆",alt:"🏆",description:"trophy"},{value:"🏅",alt:"🏅",description:"sports medal"},{value:"🥇",alt:"🥇",description:"1st place medal"},{value:"🥈",alt:"🥈",description:"2nd place medal"},{value:"🥉",alt:"🥉",description:"3rd place medal"},{value:"⚽",alt:"⚽",description:"soccer ball"},{value:"⚾",alt:"⚾",description:"baseball"},{value:"🥎",alt:"🥎",description:"softball"},{value:"🏀",alt:"🏀",description:"basketball"},{value:"🏐",alt:"🏐",description:"volleyball"},{value:"🏈",alt:"🏈",description:"american football"},{value:"🏉",alt:"🏉",description:"rugby football"},{value:"🎾",alt:"🎾",description:"tennis"},{value:"🥏",alt:"🥏",description:"flying disc"},{value:"🎳",alt:"🎳",description:"bowling"},{value:"🏏",alt:"🏏",description:"cricket game"},{value:"🏑",alt:"🏑",description:"field hockey"},{value:"🏒",alt:"🏒",description:"ice hockey"},{value:"🥍",alt:"🥍",description:"lacrosse"},{value:"🏓",alt:"🏓",description:"ping pong"},{value:"🏸",alt:"🏸",description:"badminton"},{value:"🥊",alt:"🥊",description:"boxing glove"},{value:"🥋",alt:"🥋",description:"martial arts uniform"},{value:"🥅",alt:"🥅",description:"goal net"},{value:"⛳",alt:"⛳",description:"flag in hole"},{value:"⛸",alt:"⛸",description:"ice skate"},{value:"🎣",alt:"🎣",description:"fishing pole"},{value:"🤿",alt:"🤿",description:"diving mask"},{value:"🎽",alt:"🎽",description:"running shirt"},{value:"🎿",alt:"🎿",description:"skis"},{value:"🛷",alt:"🛷",description:"sled"},{value:"🥌",alt:"🥌",description:"curling stone"},{value:"🎯",alt:"🎯",description:"direct hit"},{value:"🪀",alt:"🪀",description:"yo-yo"},{value:"🪁",alt:"🪁",description:"kite"},{value:"🎱",alt:"🎱",description:"pool 8 ball"},{value:"🔮",alt:"🔮",description:"crystal ball"},{value:"🧿",alt:"🧿",description:"nazar amulet"},{value:"🎮",alt:"🎮",description:"video game"},{value:"🕹",alt:"🕹",description:"joystick"},{value:"🎰",alt:"🎰",description:"slot machine"},{value:"🎲",alt:"🎲",description:"game die"},{value:"🧩",alt:"🧩",description:"puzzle piece"},{value:"🧸",alt:"🧸",description:"teddy bear"},{value:"♠",alt:"♠",description:"spade suit"},{value:"♥",alt:"♥",description:"heart suit"},{value:"♦",alt:"♦",description:"diamond suit"},{value:"♣",alt:"♣",description:"club suit"},{value:"♟",alt:"♟",description:"chess pawn"},{value:"🃏",alt:"🃏",description:"joker"},{value:"🀄",alt:"🀄",description:"mahjong red dragon"},{value:"🎴",alt:"🎴",description:"flower playing cards"},{value:"🎭",alt:"🎭",description:"performing arts"},{value:"🖼",alt:"🖼",description:"framed picture"},{value:"🎨",alt:"🎨",description:"artist palette"},{value:"🧵",alt:"🧵",description:"thread"},{value:"🧶",alt:"🧶",description:"yarn"}],objects:[{value:"👓",alt:"👓",description:"glasses"},{value:"🕶",alt:"🕶",description:"sunglasses"},{value:"🥽",alt:"🥽",description:"goggles"},{value:"🥼",alt:"🥼",description:"lab coat"},{value:"🦺",alt:"🦺",description:"safety vest"},{value:"👔",alt:"👔",description:"necktie"},{value:"👕",alt:"👕",description:"t-shirt"},{value:"👖",alt:"👖",description:"jeans"},{value:"🧣",alt:"🧣",description:"scarf"},{value:"🧤",alt:"🧤",description:"gloves"},{value:"🧥",alt:"🧥",description:"coat"},{value:"🧦",alt:"🧦",description:"socks"},{value:"👗",alt:"👗",description:"dress"},{value:"👘",alt:"👘",description:"kimono"},{value:"🥻",alt:"🥻",description:"sari"},{value:"🩱",alt:"🩱",description:"one-piece swimsuit"},{value:"🩲",alt:"🩲",description:"briefs"},{value:"🩳",alt:"🩳",description:"shorts"},{value:"👙",alt:"👙",description:"bikini"},{value:"👚",alt:"👚",description:"woman’s clothes"},{value:"👛",alt:"👛",description:"purse"},{value:"👜",alt:"👜",description:"handbag"},{value:"👝",alt:"👝",description:"clutch bag"},{value:"🛍",alt:"🛍",description:"shopping bags"},{value:"🎒",alt:"🎒",description:"backpack"},{value:"👞",alt:"👞",description:"man’s shoe"},{value:"👟",alt:"👟",description:"running shoe"},{value:"🥾",alt:"🥾",description:"hiking boot"},{value:"🥿",alt:"🥿",description:"flat shoe"},{value:"👠",alt:"👠",description:"high-heeled shoe"},{value:"👡",alt:"👡",description:"woman’s sandal"},{value:"🩰",alt:"🩰",description:"ballet shoes"},{value:"👢",alt:"👢",description:"woman’s boot"},{value:"👑",alt:"👑",description:"crown"},{value:"👒",alt:"👒",description:"woman’s hat"},{value:"🎩",alt:"🎩",description:"top hat"},{value:"🎓",alt:"🎓",description:"graduation cap"},{value:"🧢",alt:"🧢",description:"billed cap"},{value:"⛑",alt:"⛑",description:"rescue worker’s helmet"},{value:"📿",alt:"📿",description:"prayer beads"},{value:"💄",alt:"💄",description:"lipstick"},{value:"💍",alt:"💍",description:"ring"},{value:"💎",alt:"💎",description:"gem stone"},{value:"🔇",alt:"🔇",description:"muted speaker"},{value:"🔈",alt:"🔈",description:"speaker low volume"},{value:"🔉",alt:"🔉",description:"speaker medium volume"},{value:"🔊",alt:"🔊",description:"speaker high volume"},{value:"📢",alt:"📢",description:"loudspeaker"},{value:"📣",alt:"📣",description:"megaphone"},{value:"📯",alt:"📯",description:"postal horn"},{value:"🔔",alt:"🔔",description:"bell"},{value:"🔕",alt:"🔕",description:"bell with slash"},{value:"🎼",alt:"🎼",description:"musical score"},{value:"🎵",alt:"🎵",description:"musical note"},{value:"🎶",alt:"🎶",description:"musical notes"},{value:"🎙",alt:"🎙",description:"studio microphone"},{value:"🎚",alt:"🎚",description:"level slider"},{value:"🎛",alt:"🎛",description:"control knobs"},{value:"🎤",alt:"🎤",description:"microphone"},{value:"🎧",alt:"🎧",description:"headphone"},{value:"📻",alt:"📻",description:"radio"},{value:"🎷",alt:"🎷",description:"saxophone"},{value:"🎸",alt:"🎸",description:"guitar"},{value:"🎹",alt:"🎹",description:"musical keyboard"},{value:"🎺",alt:"🎺",description:"trumpet"},{value:"🎻",alt:"🎻",description:"violin"},{value:"🪕",alt:"🪕",description:"banjo"},{value:"🥁",alt:"🥁",description:"drum"},{value:"📱",alt:"📱",description:"mobile phone"},{value:"📲",alt:"📲",description:"mobile phone with arrow"},{value:"☎",alt:"☎",description:"telephone"},{value:"📞",alt:"📞",description:"telephone receiver"},{value:"📟",alt:"📟",description:"pager"},{value:"📠",alt:"📠",description:"fax machine"},{value:"🔋",alt:"🔋",description:"battery"},{value:"🔌",alt:"🔌",description:"electric plug"},{value:"💻",alt:"💻",description:"laptop computer"},{value:"🖥",alt:"🖥",description:"desktop computer"},{value:"🖨",alt:"🖨",description:"printer"},{value:"⌨",alt:"⌨",description:"keyboard"},{value:"🖱",alt:"🖱",description:"computer mouse"},{value:"🖲",alt:"🖲",description:"trackball"},{value:"💽",alt:"💽",description:"computer disk"},{value:"💾",alt:"💾",description:"floppy disk"},{value:"💿",alt:"💿",description:"optical disk"},{value:"📀",alt:"📀",description:"dvd"},{value:"🧮",alt:"🧮",description:"abacus"},{value:"🎥",alt:"🎥",description:"movie camera"},{value:"🎞",alt:"🎞",description:"film frames"},{value:"📽",alt:"📽",description:"film projector"},{value:"🎬",alt:"🎬",description:"clapper board"},{value:"📺",alt:"📺",description:"television"},{value:"📷",alt:"📷",description:"camera"},{value:"📸",alt:"📸",description:"camera with flash"},{value:"📹",alt:"📹",description:"video camera"},{value:"📼",alt:"📼",description:"videocassette"},{value:"🔍",alt:"🔍",description:"magnifying glass tilted left"},{value:"🔎",alt:"🔎",description:"magnifying glass tilted right"},{value:"🕯",alt:"🕯",description:"candle"},{value:"💡",alt:"💡",description:"light bulb"},{value:"🔦",alt:"🔦",description:"flashlight"},{value:"🏮",alt:"🏮",description:"red paper lantern"},{value:"🪔",alt:"🪔",description:"diya lamp"},{value:"📔",alt:"📔",description:"notebook with decorative cover"},{value:"📕",alt:"📕",description:"closed book"},{value:"📖",alt:"📖",description:"open book"},{value:"📗",alt:"📗",description:"green book"},{value:"📘",alt:"📘",description:"blue book"},{value:"📙",alt:"📙",description:"orange book"},{value:"📚",alt:"📚",description:"books"},{value:"📓",alt:"📓",description:"notebook"},{value:"📒",alt:"📒",description:"ledger"},{value:"📃",alt:"📃",description:"page with curl"},{value:"📜",alt:"📜",description:"scroll"},{value:"📄",alt:"📄",description:"page facing up"},{value:"📰",alt:"📰",description:"newspaper"},{value:"🗞",alt:"🗞",description:"rolled-up newspaper"},{value:"📑",alt:"📑",description:"bookmark tabs"},{value:"🔖",alt:"🔖",description:"bookmark"},{value:"🏷",alt:"🏷",description:"label"},{value:"💰",alt:"💰",description:"money bag"},{value:"💴",alt:"💴",description:"yen banknote"},{value:"💵",alt:"💵",description:"dollar banknote"},{value:"💶",alt:"💶",description:"euro banknote"},{value:"💷",alt:"💷",description:"pound banknote"},{value:"💸",alt:"💸",description:"money with wings"},{value:"💳",alt:"💳",description:"credit card"},{value:"🧾",alt:"🧾",description:"receipt"},{value:"💹",alt:"💹",description:"chart increasing with yen"},{value:"💱",alt:"💱",description:"currency exchange"},{value:"💲",alt:"💲",description:"heavy dollar sign"},{value:"✉",alt:"✉",description:"envelope"},{value:"📧",alt:"📧",description:"e-mail"},{value:"📨",alt:"📨",description:"incoming envelope"},{value:"📩",alt:"📩",description:"envelope with arrow"},{value:"📤",alt:"📤",description:"outbox tray"},{value:"📥",alt:"📥",description:"inbox tray"},{value:"📦",alt:"📦",description:"package"},{value:"📫",alt:"📫",description:"closed mailbox with raised flag"},{value:"📪",alt:"📪",description:"closed mailbox with lowered flag"},{value:"📬",alt:"📬",description:"open mailbox with raised flag"},{value:"📭",alt:"📭",description:"open mailbox with lowered flag"},{value:"📮",alt:"📮",description:"postbox"},{value:"🗳",alt:"🗳",description:"ballot box with ballot"},{value:"✏",alt:"✏",description:"pencil"},{value:"✒",alt:"✒",description:"black nib"},{value:"🖋",alt:"🖋",description:"fountain pen"},{value:"🖊",alt:"🖊",description:"pen"},{value:"🖌",alt:"🖌",description:"paintbrush"},{value:"🖍",alt:"🖍",description:"crayon"},{value:"📝",alt:"📝",description:"memo"},{value:"💼",alt:"💼",description:"briefcase"},{value:"📁",alt:"📁",description:"file folder"},{value:"📂",alt:"📂",description:"open file folder"},{value:"🗂",alt:"🗂",description:"card index dividers"},{value:"📅",alt:"📅",description:"calendar"},{value:"📆",alt:"📆",description:"tear-off calendar"},{value:"🗒",alt:"🗒",description:"spiral notepad"},{value:"🗓",alt:"🗓",description:"spiral calendar"},{value:"📇",alt:"📇",description:"card index"},{value:"📈",alt:"📈",description:"chart increasing"},{value:"📉",alt:"📉",description:"chart decreasing"},{value:"📊",alt:"📊",description:"bar chart"},{value:"📋",alt:"📋",description:"clipboard"},{value:"📌",alt:"📌",description:"pushpin"},{value:"📍",alt:"📍",description:"round pushpin"},{value:"📎",alt:"📎",description:"paperclip"},{value:"🖇",alt:"🖇",description:"linked paperclips"},{value:"📏",alt:"📏",description:"straight ruler"},{value:"📐",alt:"📐",description:"triangular ruler"},{value:"✂",alt:"✂",description:"scissors"},{value:"🗃",alt:"🗃",description:"card file box"},{value:"🗄",alt:"🗄",description:"file cabinet"},{value:"🗑",alt:"🗑",description:"wastebasket"},{value:"🔒",alt:"🔒",description:"locked"},{value:"🔓",alt:"🔓",description:"unlocked"},{value:"🔏",alt:"🔏",description:"locked with pen"},{value:"🔐",alt:"🔐",description:"locked with key"},{value:"🔑",alt:"🔑",description:"key"},{value:"🗝",alt:"🗝",description:"old key"},{value:"🔨",alt:"🔨",description:"hammer"},{value:"🪓",alt:"🪓",description:"axe"},{value:"⛏",alt:"⛏",description:"pick"},{value:"⚒",alt:"⚒",description:"hammer and pick"},{value:"🛠",alt:"🛠",description:"hammer and wrench"},{value:"🗡",alt:"🗡",description:"dagger"},{value:"⚔",alt:"⚔",description:"crossed swords"},{value:"🔫",alt:"🔫",description:"pistol"},{value:"🏹",alt:"🏹",description:"bow and arrow"},{value:"🛡",alt:"🛡",description:"shield"},{value:"🔧",alt:"🔧",description:"wrench"},{value:"🔩",alt:"🔩",description:"nut and bolt"},{value:"⚙",alt:"⚙",description:"gear"},{value:"🗜",alt:"🗜",description:"clamp"},{value:"⚖",alt:"⚖",description:"balance scale"},{value:"🦯",alt:"🦯",description:"probing cane"},{value:"🔗",alt:"🔗",description:"link"},{value:"⛓",alt:"⛓",description:"chains"},{value:"🧰",alt:"🧰",description:"toolbox"},{value:"🧲",alt:"🧲",description:"magnet"},{value:"⚗",alt:"⚗",description:"alembic"},{value:"🧪",alt:"🧪",description:"test tube"},{value:"🧫",alt:"🧫",description:"petri dish"},{value:"🧬",alt:"🧬",description:"dna"},{value:"🔬",alt:"🔬",description:"microscope"},{value:"🔭",alt:"🔭",description:"telescope"},{value:"📡",alt:"📡",description:"satellite antenna"},{value:"💉",alt:"💉",description:"syringe"},{value:"🩸",alt:"🩸",description:"drop of blood"},{value:"💊",alt:"💊",description:"pill"},{value:"🩹",alt:"🩹",description:"adhesive bandage"},{value:"🩺",alt:"🩺",description:"stethoscope"},{value:"🚪",alt:"🚪",description:"door"},{value:"🛏",alt:"🛏",description:"bed"},{value:"🛋",alt:"🛋",description:"couch and lamp"},{value:"🪑",alt:"🪑",description:"chair"},{value:"🚽",alt:"🚽",description:"toilet"},{value:"🚿",alt:"🚿",description:"shower"},{value:"🛁",alt:"🛁",description:"bathtub"},{value:"🪒",alt:"🪒",description:"razor"},{value:"🧴",alt:"🧴",description:"lotion bottle"},{value:"🧷",alt:"🧷",description:"safety pin"},{value:"🧹",alt:"🧹",description:"broom"},{value:"🧺",alt:"🧺",description:"basket"},{value:"🧻",alt:"🧻",description:"roll of paper"},{value:"🧼",alt:"🧼",description:"soap"},{value:"🧽",alt:"🧽",description:"sponge"},{value:"🧯",alt:"🧯",description:"fire extinguisher"},{value:"🛒",alt:"🛒",description:"shopping cart"},{value:"🚬",alt:"🚬",description:"cigarette"},{value:"⚰",alt:"⚰",description:"coffin"},{value:"⚱",alt:"⚱",description:"funeral urn"},{value:"🗿",alt:"🗿",description:"moai"}],symbols:[{value:"🏧",alt:"🏧",description:"ATM sign"},{value:"🚮",alt:"🚮",description:"litter in bin sign"},{value:"🚰",alt:"🚰",description:"potable water"},{value:"♿",alt:"♿",description:"wheelchair symbol"},{value:"🚹",alt:"🚹",description:"men’s room"},{value:"🚺",alt:"🚺",description:"women’s room"},{value:"🚻",alt:"🚻",description:"restroom"},{value:"🚼",alt:"🚼",description:"baby symbol"},{value:"🚾",alt:"🚾",description:"water closet"},{value:"🛂",alt:"🛂",description:"passport control"},{value:"🛃",alt:"🛃",description:"customs"},{value:"🛄",alt:"🛄",description:"baggage claim"},{value:"🛅",alt:"🛅",description:"left luggage"},{value:"⚠",alt:"⚠",description:"warning"},{value:"🚸",alt:"🚸",description:"children crossing"},{value:"⛔",alt:"⛔",description:"no entry"},{value:"🚫",alt:"🚫",description:"prohibited"},{value:"🚳",alt:"🚳",description:"no bicycles"},{value:"🚭",alt:"🚭",description:"no smoking"},{value:"🚯",alt:"🚯",description:"no littering"},{value:"🚱",alt:"🚱",description:"non-potable water"},{value:"🚷",alt:"🚷",description:"no pedestrians"},{value:"📵",alt:"📵",description:"no mobile phones"},{value:"🔞",alt:"🔞",description:"no one under eighteen"},{value:"☢",alt:"☢",description:"radioactive"},{value:"☣",alt:"☣",description:"biohazard"},{value:"⬆",alt:"⬆",description:"up arrow"},{value:"↗",alt:"↗",description:"up-right arrow"},{value:"➡",alt:"➡",description:"right arrow"},{value:"↘",alt:"↘",description:"down-right arrow"},{value:"⬇",alt:"⬇",description:"down arrow"},{value:"↙",alt:"↙",description:"down-left arrow"},{value:"⬅",alt:"⬅",description:"left arrow"},{value:"↖",alt:"↖",description:"up-left arrow"},{value:"↕",alt:"↕",description:"up-down arrow"},{value:"↔",alt:"↔",description:"left-right arrow"},{value:"↩",alt:"↩",description:"right arrow curving left"},{value:"↪",alt:"↪",description:"left arrow curving right"},{value:"⤴",alt:"⤴",description:"right arrow curving up"},{value:"⤵",alt:"⤵",description:"right arrow curving down"},{value:"🔃",alt:"🔃",description:"clockwise vertical arrows"},{value:"🔄",alt:"🔄",description:"counterclockwise arrows button"},{value:"🔙",alt:"🔙",description:"BACK arrow"},{value:"🔚",alt:"🔚",description:"END arrow"},{value:"🔛",alt:"🔛",description:"ON! arrow"},{value:"🔜",alt:"🔜",description:"SOON arrow"},{value:"🔝",alt:"🔝",description:"TOP arrow"},{value:"🛐",alt:"🛐",description:"place of worship"},{value:"⚛",alt:"⚛",description:"atom symbol"},{value:"🕉",alt:"🕉",description:"om"},{value:"✡",alt:"✡",description:"star of David"},{value:"☸",alt:"☸",description:"wheel of dharma"},{value:"☯",alt:"☯",description:"yin yang"},{value:"✝",alt:"✝",description:"latin cross"},{value:"☦",alt:"☦",description:"orthodox cross"},{value:"☪",alt:"☪",description:"star and crescent"},{value:"☮",alt:"☮",description:"peace symbol"},{value:"🕎",alt:"🕎",description:"menorah"},{value:"🔯",alt:"🔯",description:"dotted six-pointed star"},{value:"♈",alt:"♈",description:"Aries"},{value:"♉",alt:"♉",description:"Taurus"},{value:"♊",alt:"♊",description:"Gemini"},{value:"♋",alt:"♋",description:"Cancer"},{value:"♌",alt:"♌",description:"Leo"},{value:"♍",alt:"♍",description:"Virgo"},{value:"♎",alt:"♎",description:"Libra"},{value:"♏",alt:"♏",description:"Scorpio"},{value:"♐",alt:"♐",description:"Sagittarius"},{value:"♑",alt:"♑",description:"Capricorn"},{value:"♒",alt:"♒",description:"Aquarius"},{value:"♓",alt:"♓",description:"Pisces"},{value:"⛎",alt:"⛎",description:"Ophiuchus"},{value:"🔀",alt:"🔀",description:"shuffle tracks button"},{value:"🔁",alt:"🔁",description:"repeat button"},{value:"🔂",alt:"🔂",description:"repeat single button"},{value:"▶",alt:"▶",description:"play button"},{value:"⏩",alt:"⏩",description:"fast-forward button"},{value:"⏭",alt:"⏭",description:"next track button"},{value:"⏯",alt:"⏯",description:"play or pause button"},{value:"◀",alt:"◀",description:"reverse button"},{value:"⏪",alt:"⏪",description:"fast reverse button"},{value:"⏮",alt:"⏮",description:"last track button"},{value:"🔼",alt:"🔼",description:"upwards button"},{value:"⏫",alt:"⏫",description:"fast up button"},{value:"🔽",alt:"🔽",description:"downwards button"},{value:"⏬",alt:"⏬",description:"fast down button"},{value:"⏸",alt:"⏸",description:"pause button"},{value:"⏹",alt:"⏹",description:"stop button"},{value:"⏺",alt:"⏺",description:"record button"},{value:"⏏",alt:"⏏",description:"eject button"},{value:"🎦",alt:"🎦",description:"cinema"},{value:"🔅",alt:"🔅",description:"dim button"},{value:"🔆",alt:"🔆",description:"bright button"},{value:"📶",alt:"📶",description:"antenna bars"},{value:"📳",alt:"📳",description:"vibration mode"},{value:"📴",alt:"📴",description:"mobile phone off"},{value:"♀",alt:"♀",description:"female sign"},{value:"♂",alt:"♂",description:"male sign"},{value:"⚕",alt:"⚕",description:"medical symbol"},{value:"♾",alt:"♾",description:"infinity"},{value:"♻",alt:"♻",description:"recycling symbol"},{value:"⚜",alt:"⚜",description:"fleur-de-lis"},{value:"🔱",alt:"🔱",description:"trident emblem"},{value:"📛",alt:"📛",description:"name badge"},{value:"🔰",alt:"🔰",description:"Japanese symbol for beginner"},{value:"⭕",alt:"⭕",description:"hollow red circle"},{value:"✅",alt:"✅",description:"check mark button"},{value:"☑",alt:"☑",description:"check box with check"},{value:"✔",alt:"✔",description:"check mark"},{value:"✖",alt:"✖",description:"multiplication sign"},{value:"❌",alt:"❌",description:"cross mark"},{value:"❎",alt:"❎",description:"cross mark button"},{value:"➕",alt:"➕",description:"plus sign"},{value:"➖",alt:"➖",description:"minus sign"},{value:"➗",alt:"➗",description:"division sign"},{value:"➰",alt:"➰",description:"curly loop"},{value:"➿",alt:"➿",description:"double curly loop"},{value:"〽",alt:"〽",description:"part alternation mark"},{value:"✳",alt:"✳",description:"eight-spoked asterisk"},{value:"✴",alt:"✴",description:"eight-pointed star"},{value:"❇",alt:"❇",description:"sparkle"},{value:"‼",alt:"‼",description:"double exclamation mark"},{value:"⁉",alt:"⁉",description:"exclamation question mark"},{value:"❓",alt:"❓",description:"question mark"},{value:"❔",alt:"❔",description:"white question mark"},{value:"❕",alt:"❕",description:"white exclamation mark"},{value:"❗",alt:"❗",description:"exclamation mark"},{value:"〰",alt:"〰",description:"wavy dash"},{value:"©",alt:"©",description:"copyright"},{value:"®",alt:"®",description:"registered"},{value:"™",alt:"™",description:"trade mark"},{value:"🔟",alt:"🔟",description:"keycap: 10"},{value:"🔠",alt:"🔠",description:"input latin uppercase"},{value:"🔡",alt:"🔡",description:"input latin lowercase"},{value:"🔢",alt:"🔢",description:"input numbers"},{value:"🔣",alt:"🔣",description:"input symbols"},{value:"🔤",alt:"🔤",description:"input latin letters"},{value:"🅰",alt:"🅰",description:"A button (blood type)"},{value:"🆎",alt:"🆎",description:"AB button (blood type)"},{value:"🅱",alt:"🅱",description:"B button (blood type)"},{value:"🆑",alt:"🆑",description:"CL button"},{value:"🆒",alt:"🆒",description:"COOL button"},{value:"🆓",alt:"🆓",description:"FREE button"},{value:"ℹ",alt:"ℹ",description:"information"},{value:"🆔",alt:"🆔",description:"ID button"},{value:"Ⓜ",alt:"Ⓜ",description:"circled M"},{value:"🆕",alt:"🆕",description:"NEW button"},{value:"🆖",alt:"🆖",description:"NG button"},{value:"🅾",alt:"🅾",description:"O button (blood type)"},{value:"🆗",alt:"🆗",description:"OK button"},{value:"🅿",alt:"🅿",description:"P button"},{value:"🆘",alt:"🆘",description:"SOS button"},{value:"🆙",alt:"🆙",description:"UP! button"},{value:"🆚",alt:"🆚",description:"VS button"},{value:"🈁",alt:"🈁",description:"Japanese “here” button"},{value:"🈂",alt:"🈂",description:"Japanese “service charge” button"},{value:"🈷",alt:"🈷",description:"Japanese “monthly amount” button"},{value:"🈶",alt:"🈶",description:"Japanese “not free of charge” button"},{value:"🈯",alt:"🈯",description:"Japanese “reserved” button"},{value:"🉐",alt:"🉐",description:"Japanese “bargain” button"},{value:"🈹",alt:"🈹",description:"Japanese “discount” button"},{value:"🈚",alt:"🈚",description:"Japanese “free of charge” button"},{value:"🈲",alt:"🈲",description:"Japanese “prohibited” button"},{value:"🉑",alt:"🉑",description:"Japanese “acceptable” button"},{value:"🈸",alt:"🈸",description:"Japanese “application” button"},{value:"🈴",alt:"🈴",description:"Japanese “passing grade” button"},{value:"🈳",alt:"🈳",description:"Japanese “vacancy” button"},{value:"㊗",alt:"㊗",description:"Japanese “congratulations” button"},{value:"㊙",alt:"㊙",description:"Japanese “secret” button"},{value:"🈺",alt:"🈺",description:"Japanese “open for business” button"},{value:"🈵",alt:"🈵",description:"Japanese “no vacancy” button"},{value:"🔴",alt:"🔴",description:"red circle"},{value:"🟠",alt:"🟠",description:"orange circle"},{value:"🟡",alt:"🟡",description:"yellow circle"},{value:"🟢",alt:"🟢",description:"green circle"},{value:"🔵",alt:"🔵",description:"blue circle"},{value:"🟣",alt:"🟣",description:"purple circle"},{value:"🟤",alt:"🟤",description:"brown circle"},{value:"⚫",alt:"⚫",description:"black circle"},{value:"⚪",alt:"⚪",description:"white circle"},{value:"🟥",alt:"🟥",description:"red square"},{value:"🟧",alt:"🟧",description:"orange square"},{value:"🟨",alt:"🟨",description:"yellow square"},{value:"🟩",alt:"🟩",description:"green square"},{value:"🟦",alt:"🟦",description:"blue square"},{value:"🟪",alt:"🟪",description:"purple square"},{value:"🟫",alt:"🟫",description:"brown square"},{value:"⬛",alt:"⬛",description:"black large square"},{value:"⬜",alt:"⬜",description:"white large square"},{value:"◼",alt:"◼",description:"black medium square"},{value:"◻",alt:"◻",description:"white medium square"},{value:"◾",alt:"◾",description:"black medium-small square"},{value:"◽",alt:"◽",description:"white medium-small square"},{value:"▪",alt:"▪",description:"black small square"},{value:"▫",alt:"▫",description:"white small square"},{value:"🔶",alt:"🔶",description:"large orange diamond"},{value:"🔷",alt:"🔷",description:"large blue diamond"},{value:"🔸",alt:"🔸",description:"small orange diamond"},{value:"🔹",alt:"🔹",description:"small blue diamond"},{value:"🔺",alt:"🔺",description:"red triangle pointed up"},{value:"🔻",alt:"🔻",description:"red triangle pointed down"},{value:"💠",alt:"💠",description:"diamond with a dot"},{value:"🔘",alt:"🔘",description:"radio button"},{value:"🔳",alt:"🔳",description:"white square button"},{value:"🔲",alt:"🔲",description:"black square button"}],flags:[{value:"🏁",alt:"🏁",description:"chequered flag"},{value:"🚩",alt:"🚩",description:"triangular flag"},{value:"🎌",alt:"🎌",description:"crossed flags"},{value:"🏴",alt:"🏴",description:"black flag"},{value:"🏳",alt:"🏳",description:"white flag"}]};export const SimplePickerEmojis=globalThis.SimplePickerEmojis; \ No newline at end of file diff --git a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js index d4afb7d68..097916433 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js +++ b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js @@ -3,12 +3,14 @@ * @license Apache-2.0, see License.md for full text. */ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{SimplePickerBehaviors as s}from"../simple-picker.js";import{IntersectionObserverMixin as o}from"../../intersection-element/lib/IntersectionObserverMixin.js";class SimpleEmojiPicker extends(o(s(e))){static get styles(){return[super.styles,i` - simple-picker-option { + simple-picker-option:not([part="sample-option"]) { justify-content: space-around; --simple-picker-option-size: 30px; - font-size: 24px; + font-size: 18px; + text-align: left; line-height: 30px; - width: 30px; + width: 40px; + height: 30px; } .row { width: auto; diff --git a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js index 26143e3a1..1995355f5 100644 --- a/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js +++ b/cdn/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js @@ -3,12 +3,14 @@ * @license Apache-2.0, see License.md for full text. */ import{LitElement as a,html as l,css as e}from"../../../lit/index.js";import{SimplePickerBehaviors as t}from"../simple-picker.js";class SimpleSymbolPicker extends(t(a)){static get styles(){return[super.styles,e` - simple-picker-option { + simple-picker-option:not([part="sample-option"]) { justify-content: space-around; --simple-picker-option-size: 30px; - font-size: 24px; + font-size: 18px; + text-align: left; line-height: 30px; - width: 30px; + width: 40px; + height: 30px; } simple-picker-option[part="sample-option"] { --simple-picker-option-size: unset; diff --git a/haxcms/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js b/haxcms/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js index e6dffd425..7f1d21664 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/a11y-collapse/a11y-collapse.js @@ -171,7 +171,7 @@ import{html as e,css as a}from"../../lit/index.js";import{DDD as t}from"../d-d-d ${this.expanded?e``:""} - `}static get tag(){return"a11y-collapse"}static get properties(){return{headingButton:{type:Boolean,reflect:!0,attribute:"heading-button"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},hidden:{type:Boolean,reflect:!0,attribute:"hidden"},expanded:{type:Boolean,reflect:!0},icon:{type:String},iconExpanded:{type:String,attribute:"icon-expanded"},label:{type:String},heading:{type:String},labelExpanded:{type:String,attribute:"label-expanded"},tooltip:{type:String},tooltipExpanded:{type:String,attribute:"tooltip-expanded"},accordion:{type:Boolean,reflect:!0,attribute:"accordion"}}}constructor(){super(),this.headingButton=!1,this.accordion=!1,this.disabled=!1,this.hidden=!1,this.expanded=!1,this.heading=null,this.icon="icons:expand-more",this.label="expand",this.tooltip="expand"}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("a11y-collapse-attached",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}),0)}disconnectedCallback(){this.dispatchEvent(new CustomEvent("a11y-collapse-detached",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),super.disconnectedCallback()}collapse(){this.toggle(!1)}toggle(e=!this.expanded){this.expanded=e}updated(e){e.forEach(((e,a)=>{"expanded"===a&&this._fireToggleEvents()}))}_fireToggleEvents(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.dispatchEvent(new CustomEvent("a11y-collapse-toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.expanded?(this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="collapse",this.tooltip="collapse"):(this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="expand",this.tooltip="expand")}_getExpanded(e,a,t){return t&&a?a:e}_makeHeadingButton(){return e` + `}static get tag(){return"a11y-collapse"}static get properties(){return{headingButton:{type:Boolean,reflect:!0,attribute:"heading-button"},disabled:{type:Boolean,reflect:!0},hidden:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0},icon:{type:String},iconExpanded:{type:String,attribute:"icon-expanded"},label:{type:String},heading:{type:String},labelExpanded:{type:String,attribute:"label-expanded"},tooltip:{type:String},tooltipExpanded:{type:String,attribute:"tooltip-expanded"},accordion:{type:Boolean,reflect:!0}}}constructor(){super(),this.headingButton=!1,this.accordion=!1,this.disabled=!1,this.hidden=!1,this.expanded=!1,this.heading=null,this.icon="icons:expand-more",this.label="expand",this.tooltip="expand"}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("a11y-collapse-attached",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}),0)}disconnectedCallback(){this.dispatchEvent(new CustomEvent("a11y-collapse-detached",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),super.disconnectedCallback()}collapse(){this.toggle(!1)}toggle(e=!this.expanded){this.expanded=e}updated(e){e.forEach(((e,a)=>{"expanded"===a&&this._fireToggleEvents()}))}_fireToggleEvents(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.dispatchEvent(new CustomEvent("a11y-collapse-toggle",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.expanded?(this.dispatchEvent(new CustomEvent("expand",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="collapse",this.tooltip="collapse"):(this.dispatchEvent(new CustomEvent("collapse",{bubbles:!0,cancelable:!0,composed:!0,detail:this})),this.label="expand",this.tooltip="expand")}_getExpanded(e,a,t){return t&&a?a:e}_makeHeadingButton(){return e` - Download Chat Log - - - Reset Chat + Reset Chat - - Toggle Data Collection + Toggle Data Collection - - Toggle Developer Mode - + Toggle Developer Mode
- - ${this.isFullView?"Exit Full View":"Enter Full View"} + ${this.isFullView?"Exit Full View":"Enter Full View"} ${this.isFullView?l` - - Hide Interface - `:""} + + Hide Interface + `:""}
`}handleDownloadLogButton(){t.devStatement("Download log button pressed.","log"),this.downloadChatLog()}handleResetButton(){t.devStatement("Reset button pressed.","log"),confirm("Reset the chat?")&&(confirm("Download the chat log before you reset?")?(t.devStatement("Download chat log before reset confirmed.","info"),this.downloadChatLog()):t.devStatement("Download chat log before reset denied.","warning"),this.resetChat())}handleDataCollectionButton(){t.dataCollectionEnabled=!t.dataCollectionEnabled,this.dataCollectionEnabled?alert("Your conversations will be used to train our AI models"):alert("Your conversations will not be used to train our AI models")}handleDevModeButton(){t.developerModeEnabled=!t.developerModeEnabled}handleViewButton(){t.devStatement("View switch button pressed.","log"),t.isFullView=!this.isFullView,this.requestUpdate(),t.devStatement("View switched to: "+(t.isFullView?"full":"standard"),"info")}handleHideButton(){t.devStatement("Hide button pressed.","log"),this.isInterfaceHidden||(t.isInterfaceHidden=!0)}downloadChatLog(){t.devStatement("Calling download function...","info"),t.handleDownload("txt")}resetChat(){t.devStatement("Resetting chat...","info"),t.chatLog=[],t.merlinIndex=0,t.messageIndex=0,t.userIndex=0,t.startAI()}static get properties(){return{...super.properties,dataCollectionEnabled:{type:Boolean,attribute:"data-collection-enabled",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatControlBar.tag,ChatControlBar);export{ChatControlBar}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js index 33a0dfce8..5732f1911 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-developer-panel.js @@ -2,7 +2,7 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as o,toJS as n}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as l}from"../../../lit/index.js";class ChatDeveloperPanel extends t{static get tag(){return"chat-developer-panel"}constructor(){super(),this.chatLog=[],this.engine=null,this.isFullView=null,o((()=>{this.chatLog=n(e.chatLog),this.engine=n(e.engine),this.isFullView=n(e.isFullView)}))}static get styles(){return[super.styles,l` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as o,toJS as n}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as l}from"../../../lit/index.js";class ChatDeveloperPanel extends t{static get tag(){return"chat-developer-panel"}constructor(){super(),this.chatLog=[],this.context=null,this.engine=null,this.isFullView=null,o((()=>{this.chatLog=n(e.chatLog),this.context=n(e.context),this.engine=n(e.engine),this.isFullView=n(e.isFullView)}))}static get styles(){return[super.styles,l` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ :host { @@ -33,7 +33,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. gap: var(--ddd-spacing-1); } - button, select { + button, + select { align-items: center; background-color: #2b2a33; border-radius: var(--ddd-radius-sm); @@ -52,8 +53,9 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. font-size: 14px; padding: var(--ddd-spacing-2); } - - button:hover, button:focus-visible { + + button:hover, + button:focus-visible { background-color: #52525e; } @@ -85,43 +87,70 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. } `]}render(){return i`
-
-
- Print User Chat Log as Table to Console - - - Print Merlin Chat Log as Table to Console - - - Print Entire Chat Log as Table to Console - - - Download Chat Log as .json + Download Chat Log as .json
-
- - - - - - @@ -156,7 +191,6 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. -
- `}handleConsoleTableButton(t){const o=t.currentTarget.id;switch(console.info(`HAX-DEV-MODE: ${o} button pressed.`),o){case"console-table-user":console.table(this.compileChatLog(e.userName));break;case"console-table-merlin":console.table(this.compileChatLog("merlin"));break;case"console-table-all":console.table(this.chatLog)}}compileChatLog(t){e.devStatement(`Compiling "${t}" chat log...`,"info");let o=[];return this.chatLog.forEach((e=>{e.author===t&&o.push(e)})),o}handleDownloadAsJsonButton(){e.devStatement("Calling download funtion...","info"),e.handleDownload("json")}handleSwitchEngine(){e.engine=this.shadowRoot.querySelector("#engine-selection").value,e.devStatement(`Engine switched to ${e.engine}`,"info")}handleContextChange(){e.context=this.shadowRoot.querySelector("#context-select").value,e.devStatement(`Context switched to ${e.context}`,"info")}static get properties(){return{...super.properties,isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatDeveloperPanel.tag,ChatDeveloperPanel);export{ChatDeveloperPanel}; \ No newline at end of file + `}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t);const o=this.shadowRoot.querySelectorAll("#engine-selection option"),n=this.shadowRoot.querySelectorAll("#context-selection option");o.forEach((e=>{e.value===this.engine&&(e.selected=!0)})),n.forEach((t=>{t.value===e.context&&(t.selected=!0)}))}handleConsoleTableButton(t){const o=t.currentTarget.id;switch(console.info(`HAX-DEV-MODE: ${o} button pressed.`),o){case"console-table-user":console.table(this.compileChatLog(e.userName));break;case"console-table-merlin":console.table(this.compileChatLog("merlin"));break;case"console-table-all":console.table(this.chatLog)}}compileChatLog(t){e.devStatement(`Compiling "${t}" chat log...`,"info");let o=[];return this.chatLog.forEach((e=>{e.author===t&&o.push(e)})),o}handleDownloadAsJsonButton(){e.devStatement("Calling download funtion...","info"),e.handleDownload("json")}handleSwitchEngine(){e.engine=this.shadowRoot.querySelector("#engine-selection").value,e.devStatement(`Engine switched to ${e.engine}`,"info")}handleContextChange(){e.context=this.shadowRoot.querySelector("#context-selection").value,e.devStatement(`Context switched to ${e.context}`,"info")}static get properties(){return{...super.properties,isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatDeveloperPanel.tag,ChatDeveloperPanel);export{ChatDeveloperPanel}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js index f0d6eef94..69c0a84c9 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-input.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as i}from"../../../lit/index.js";class ChatInput extends t{static get tag(){return"chat-input"}constructor(){super(),this.chatLog=[],this.darkMode=null,this.messageIndex=null,this.userIndex=null,this.previousMessagesIndex=null,this.userName=null,s((()=>{this.chatLog=r(e.chatLog),this.darkMode=r(e.darkMode),this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex),this.previousMessagesIndex=r(this.messageIndex),this.userName=r(e.userName)}))}static get styles(){return[super.styles,i` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as i}from"../../../lit/index.js";class ChatInput extends t{static get tag(){return"chat-input"}constructor(){super(),this.chatLog=[],this.darkMode=null,this.messageIndex=null,this.userIndex=null,this.previousMessagesIndex=null,this.userName=null,s((()=>{this.chatLog=r(e.chatLog),this.darkMode=r(e.darkMode),this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex),this.previousMessagesIndex=r(this.messageIndex),this.userName=r(e.userName)}))}static get styles(){return[super.styles,i` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { display: block; font-family: var(--ddd-font-primary); @@ -49,8 +49,9 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. gap: var(--ddd-spacing-1); justify-content: center; } - - button:hover, button:focus-visible { + + button:hover, + button:focus-visible { background-color: #52525e; } @@ -66,7 +67,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. width: 52px; } - .send-button:hover, .send-button:focus-visible { + .send-button:hover, + .send-button:focus-visible { box-shadow: 0 6px rgba(0, 3, 33, 0.2); transform: translateY(-2px); } @@ -88,14 +90,35 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../. } `]}render(){return a`
- +
- - + +
-
+
- Send Prompt to Merlin + Send Prompt to Merlin
`}handleKeyPress(e){switch(e.key){case"Enter":e.preventDefault(),this.handleSendButton();break;case"ArrowUp":e.preventDefault(),this.displayPreviousMessages("up");break;case"ArrowDown":e.preventDefault(),this.displayPreviousMessages("down")}}handleDirectionButtons(t){const s=t.currentTarget.id;switch(e.devStatement(`${s} button pressed.`,"info"),s){case"input-up-btn":this.displayPreviousMessages("up");break;case"input-down-btn":this.displayPreviousMessages("down")}}handleSendButton(){const t=this.shadowRoot.querySelector("#user-input").value;e.promptCharacterLimit>0&&t.length>e.promptCharacterLimit&&alert(`Please shorten your prompt to no more than ${e.promptCharacterLimit} characters.`),""!==t?(e.devStatement(`Send function activated. "${t}" sent to Merlin.`,"info"),e.handleMessage(e.userName,t),this.shadowRoot.querySelector("#user-input").value=""):e.devStatement("Send button activated. No prompt to send.","warn")}displayPreviousMessages(t){let s=this.shadowRoot.querySelector("#user-input");switch(t){case"up":if(this.previousMessagesIndex>1){for(this.previousMessagesIndex--,e.devStatement(`Arrow Up pressed. Previous message index = ${this.previousMessagesIndex} and message index = ${this.messageIndex}`,"info");this.chatLog[this.previousMessagesIndex].author!==this.userName&&this.previousMessagesIndex>=1;)if(this.previousMessagesIndex--,this.previousMessagesIndex<1){this.previousMessagesIndex++;break}s.value=this.chatLog[this.previousMessagesIndex].message}break;case"down":if(this.previousMessagesIndexthis.messageIndex){this.previousMessagesIndex=this.messageIndex;break}this.previousMessagesIndex>=this.messageIndex?s.value="":s.value=this.chatLog[this.previousMessagesIndex].message}else s.value="";e.devStatement(`Arrow Down pressed. Previous message index = ${this.previousMessagesIndex} and message index = ${this.messageIndex}`,"info");break;default:e.devStatement(`Unknown direction: ${t}.`,"error")}}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t),e.promptCharacterLimit>0&&this.shadowRoot.querySelector("#user-input").setAttribute("maxlength",`${e.promptCharacterLimit}`)}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatInput.tag,ChatInput);export{ChatInput}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js index 8e519d8a3..3bffb3a98 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-interface.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../../d-d-d/d-d-d.js";import{autorun as h,toJS as t}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as r}from"../../../lit/index.js";class ChatInterface extends i{static get tag(){return"chat-interface"}constructor(){super(),this.chatLog=[],this.darkMode=!1,this.developerModeEnabled=null,this.isFullView=null,this.isInterfaceHidden=null,this.hasEditorUI=null,h((()=>{this.chatLog=t(e.chatLog),this.darkMode=t(e.darkMode),this.developerModeEnabled=t(e.developerModeEnabled),this.isFullView=t(e.isFullView),this.isInterfaceHidden=t(e.isInterfaceHidden);const i=document.querySelector("#site");window.innerHeight>1e3?this.isFullView&&!this.isInterfaceHidden?i.style.width="65%":i.style.width="100%":this.isFullView&&!this.isInterfaceHidden?i.style.width="75%":i.style.width="100%",document.querySelector("haxcms-site-editor-ui")?this.hasEditorUI=!0:this.hasEditorUI=!1}))}static get styles(){return[super.styles,r` +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as i}from"../../d-d-d/d-d-d.js";import{autorun as h,toJS as t}from"../../../mobx/dist/mobx.esm.js";import{html as a,css as r}from"../../../lit/index.js";class ChatInterface extends i{static get tag(){return"chat-interface"}constructor(){super(),this.chatLog=[],this.darkMode=!1,this.developerModeEnabled=null,this.isFullView=null,this.isInterfaceHidden=null,this.hasEditorUI=null,h((()=>{this.chatLog=t(e.chatLog),this.darkMode=t(e.darkMode),this.developerModeEnabled=t(e.developerModeEnabled),this.isFullView=t(e.isFullView),this.isInterfaceHidden=t(e.isInterfaceHidden);const i=document.querySelector("#site");window.innerHeight>1e3?this.isFullView&&!this.isInterfaceHidden?i.style.width="65%":i.style.width="100%":this.isFullView&&!this.isInterfaceHidden?i.style.width="75%":i.style.width="100%",document.querySelector("haxcms-site-editor-ui")?this.hasEditorUI=!0:this.hasEditorUI=!1}))}static get styles(){return[super.styles,r` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { display: block; width: 100%; @@ -25,37 +25,44 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-interface-hidden]) .chat-interface-wrapper { display: none; } - + /* Chat Wrapper */ .chat-wrapper { background-color: var(--data-theme-primary, var(--ddd-primary-1)); border-radius: var(--ddd-radius-sm); border-style: solid; box-shadow: var(--ddd-boxShadow-xl); - padding: var(--ddd-spacing-0) var(--ddd-spacing-2) var(--ddd-spacing-2) var(--ddd-spacing-2); + padding: var(--ddd-spacing-0) var(--ddd-spacing-2) + var(--ddd-spacing-2) var(--ddd-spacing-2); border-width: 0.75px; - border-color: light-dark(var(--ddd-theme-default-coalyGray, #000), var(--ddd-theme-default-white, #fff)); + border-color: light-dark( + var(--ddd-theme-default-coalyGray, #000), + var(--ddd-theme-default-white, #fff) + ); } - + :host([is-full-view]) .chat-wrapper { height: 94%; - margin: var(--ddd-spacing-6) var(--ddd-spacing-0) var(--ddd-spacing-6) var(--ddd-spacing-0); + margin: var(--ddd-spacing-6) var(--ddd-spacing-0) var(--ddd-spacing-6) + var(--ddd-spacing-0); border-color: transparent; border-radius: var(--ddd-radius-sm); border-style: none; border-width: 0; - } - + } + :host([is-full-view][has-editor-ui]) .chat-wrapper { height: 87%; - margin: var(--ddd-spacing-18) var(--ddd-spacing-0) var(--ddd-spacing-0) var(--ddd-spacing-0); - } - - :host([developer-mode]), .chat-wrapper { + margin: var(--ddd-spacing-18) var(--ddd-spacing-0) + var(--ddd-spacing-0) var(--ddd-spacing-0); + } + + :host([developer-mode]), + .chat-wrapper { padding-top: var(--ddd-spacing-1); } - + /* Main Wrapper */ .main-wrapper { display: flex; @@ -69,11 +76,11 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-full-view][developer-mode]) .main-wrapper { height: 88%; } - + /* Chat Container */ .chat-container { background-color: var(--ddd-theme-default-white); - border-radius: var(--ddd-radius-sm); + border-radius: var(--ddd-radius-sm); display: flex; flex-direction: column; width: 100%; @@ -86,7 +93,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. :host([is-full-view]) .chat-container { height: 92%; } - + :host([is-full-view][developer-mode]) .chat-container { height: 90%; } @@ -98,7 +105,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. overflow-y: auto; scrollbar-width: thin; } - + :host([is-full-view]) .chat-messages { height: 100%; max-height: 100%; @@ -143,7 +150,8 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 1001px) and (min-height: 940px) { /* Modify more for even bigger screen sizes -_- */ + @media only screen and (max-height: 1001px) and (min-height: 940px) { + /* Modify more for even bigger screen sizes -_- */ :host([is-full-view]) .chat-wrapper { height: 96%; } @@ -254,7 +262,6 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. /* This should cover a lot of vertical monitors */ @media only screen and (max-width: 1080px) { - @media only screen and (min-height: 1720px) { :host([is-full-view]) .chat-wrapper { height: 98%; @@ -273,7 +280,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 1719px) and (min-height: 1600px){ + @media only screen and (max-height: 1719px) and (min-height: 1600px) { :host([is-full-view]) .chat-wrapper { height: 97.5%; } @@ -311,7 +318,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. @media only screen and (max-height: 1499px) and (min-height: 1440px) { :host([is-full-view]) .chat-wrapper { - height: 96.5%; + height: 96.5%; } :host([is-full-view][has-editor-ui]) .chat-wrapper { @@ -369,7 +376,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } :host([is-full-view][has-editor-ui]) .chat-wrapper { - height: 94% + height: 94%; } :host([is-full-view]) .main-wrapper { @@ -471,7 +478,7 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. } } - @media only screen and (max-height: 999px) and (min-height: 880px){ + @media only screen and (max-height: 999px) and (min-height: 880px) { :host([is-full-view]) .chat-wrapper { height: 96%; } @@ -546,20 +553,24 @@ import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as i}from"../. `]}render(){return a`
- ${e.developerModeEnabled?a` - - `:""} + ${e.developerModeEnabled?a` `:""}
- ${this.chatLog.map((i=>a` - + ${this.chatLog.map((i=>a` + `))}
- +
- `}async updated(e){if(super.updated&&super.updated(e),e.has("chatLog"))if(await this.updateComplete,this.chatLog.length>1){const e=this.shadowRoot.querySelector(".chat-messages");e.scrollTo(0,e.scrollHeight)}else SCROLLABLE_ELEMENT.scrollTop(0)}static get properties(){return{...super.properties,chatLog:{type:Array},darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},developerModeEnabled:{type:Boolean,attribute:"developer-mode",reflect:!0},hasEditorUI:{type:Boolean,attribute:"has-editor-ui",reflect:!0},isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0},isInterfaceHidden:{type:Boolean,attribute:"is-interface-hidden",reflect:!0}}}}globalThis.customElements.define(ChatInterface.tag,ChatInterface);export{ChatInterface}; \ No newline at end of file + `}async updated(e){if(super.updated&&super.updated(e),this.developerModeEnabled&&console.table(e),e.has("chatLog")&&!e.has("darkMode")&&!e.has("developerModeEnabled")&&!e.has("hasEditorUI")&&!e.has("isInterfaceHidden"))if(await this.updateComplete,this.chatLog.length>1){const e=this.shadowRoot.querySelector(".chat-messages");e.scrollTo(0,e.scrollHeight)}else SCROLLABLE_ELEMENT.scrollTop(0)}static get properties(){return{...super.properties,chatLog:{type:Array},darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},developerModeEnabled:{type:Boolean,attribute:"developer-mode",reflect:!0},hasEditorUI:{type:Boolean,attribute:"has-editor-ui",reflect:!0},isFullView:{type:Boolean,attribute:"is-full-view",reflect:!0},isInterfaceHidden:{type:Boolean,attribute:"is-interface-hidden",reflect:!0}}}}globalThis.customElements.define(ChatInterface.tag,ChatInterface);export{ChatInterface}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js index 6d93fa31e..a9f3168a5 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-message.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as d,css as a}from"../../../lit/index.js";class ChatMessage extends t{static get tag(){return"chat-message"}constructor(){super(),this.darkMode=null,this.editMode=null,this.hasSuggestedPrompts=!1,this.isSentPrompt=!1,this.message="",this.messageWasSuggestedPrompt=!1,this.suggestedPrompts=e.currentSuggestions,s((()=>{this.darkMode=r(e.darkMode),this.editMode=r(e.editMode)}))}static get styles(){return[super.styles,a` +import"../../type-writer/type-writer.js";import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as a}from"../../../mobx/dist/mobx.esm.js";import{html as d,css as r}from"../../../lit/index.js";class ChatMessage extends t{static get tag(){return"chat-message"}constructor(){super(),this.darkMode=null,this.editMode=null,this.hasSuggestedPrompts=!1,this.isSentPrompt=!1,this.message="",this.messageWasSuggestedPrompt=!1,this.suggestedPrompts=e.currentSuggestions,this.hat="none",s((()=>{this.darkMode=a(e.darkMode),this.editMode=a(e.editMode)}))}static get styles(){return[super.styles,r` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ - + :host { container-type: inline-size; display: block; @@ -16,7 +16,8 @@ import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from".. padding: var(--ddd-spacing-2) var(--ddd-spacing-3); } - .sent-chat-message, .message { + .sent-chat-message, + .message { align-items: center; display: flex; flex-direction: row; @@ -111,20 +112,31 @@ import"../../type-writer/type-writer.js";import{ChatAgentModalStore as e}from"..
- +
${this.suggestedPrompts.map((e=>d` - - `))} + + `))}
`}renderSentMessage(){return d`
- -

${this.message}

+

${this.message}

- +
- `}disableSuggestions(t){const s=this.shadowRoot.querySelectorAll("chat-suggestion");if(e.devStatement("Disabling previous suggestions.","info"),s.forEach((e=>{e.hasAttribute("disabled")||e.setAttribute("disabled","")})),!t.currentTarget.hasAttribute("chosen-prompt")){let e=!1;s.forEach((t=>{t.hasAttribute("chosen-prompt")&&(e=!0)})),e||t.currentTarget.setAttribute("chosen-prompt","")}}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},hasSuggestedPrompts:{type:Boolean,attribute:"suggested-prompts"},isSentPrompt:{type:Boolean,attribute:"sent-prompt"},message:{type:String},messageWasSuggestedPrompt:{type:Boolean,attribute:"suggested-message"},suggestedPrompts:{type:Array}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatMessage.tag,ChatMessage);export{ChatMessage}; \ No newline at end of file + `}firstUpdated(){this.pickHat()}pickHat(){2===e.month&&12===e.day?this.hat="party":6===e.month&&6===e.day?this.hat="cowboy":7===e.month&&27===e.day?this.hat="bunny":8===e.month&&15===e.day?this.hat="watermelon":9===e.month&&19===e.day?this.hat="pirate":10===e.month&&1===e.day?this.hat="coffee":10===e.month&&5===e.day?this.hat="education":12===e.month&&5===e.day?this.hat="ninja":12===e.month&&18===e.day?this.hat="knight":this.hat="none",this.editMode&&(this.hat="construction"),this.requestUpdate()}disableSuggestions(t){const s=this.shadowRoot.querySelectorAll("chat-suggestion");if(e.devStatement("Disabling previous suggestions.","info"),s.forEach((e=>{e.hasAttribute("disabled")||e.setAttribute("disabled","")})),!t.currentTarget.hasAttribute("chosen-prompt")){let e=!1;s.forEach((t=>{t.hasAttribute("chosen-prompt")&&(e=!0)})),e||t.currentTarget.setAttribute("chosen-prompt","")}}static get properties(){return{...super.properties,darkMode:{type:Boolean,attribute:"dark-mode",reflect:!0},hasSuggestedPrompts:{type:Boolean,attribute:"suggested-prompts"},isSentPrompt:{type:Boolean,attribute:"sent-prompt"},message:{type:String},messageWasSuggestedPrompt:{type:Boolean,attribute:"suggested-message"},suggestedPrompts:{type:Array}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatMessage.tag,ChatMessage);export{ChatMessage}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js index 5e79887f6..13e60880e 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/chat-agent/lib/chat-suggestion.js @@ -2,9 +2,9 @@ * Copyright 2024 The Pennsylvania State University * @license Apache-2.0, see License.md for full text. */ -import{ChatAgentModalStore as e}from"../chat-agent.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as i}from"../../../mobx/dist/mobx.esm.js";import{html as r,css as o}from"../../../lit/index.js";class ChatSuggestion extends t{static get tag(){return"chat-suggestion"}constructor(){super(),this.chosenPrompt=!1,this.disabled=!1,this.promptType="",this.suggestion="", +import{ChatStore as e}from"./chat-agent-store.js";import{DDD as t}from"../../d-d-d/d-d-d.js";import{autorun as s,toJS as r}from"../../../mobx/dist/mobx.esm.js";import{html as i,css as o}from"../../../lit/index.js";class ChatSuggestion extends t{static get tag(){return"chat-suggestion"}constructor(){super(),this.chosenPrompt=!1,this.disabled=!1,this.promptType="",this.suggestion="", //! mobx -this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.messageIndex),this.userIndex=i(e.userIndex)}))}static get styles(){return[super.styles,o` +this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=r(e.messageIndex),this.userIndex=r(e.userIndex)}))}static get styles(){return[super.styles,o` /* https://oer.hax.psu.edu/bto108/sites/haxcellence/documentation/ddd */ :host { @@ -12,7 +12,6 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: block; } - /* TODO fix border color */ .chat-suggestion-wrapper { align-items: center; border: var(--ddd-border-sm); @@ -24,7 +23,7 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: flex; flex-direction: row; justify-content: center; - opacity: 1.0; + opacity: 1; } .suggestion-icon { @@ -40,11 +39,12 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message background-color: white; border-radius: var(--ddd-radius-circle); padding: var(--ddd-spacing-2); + margin: var(--ddd-spacing-1) var(--ddd-spacing-0); } simple-icon-lite { - --simple-icon-height: var(--ddd-icon-xs); - --simple-icon-width: var(--ddd-icon-xs); + --simple-icon-height: var(--ddd-icon-xxs); + --simple-icon-width: var(--ddd-icon-xxs); } .suggestion-text { @@ -70,14 +70,16 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message background-color: var(--ddd-theme-default-futureLime); } - .chat-suggestion-wrapper:hover, .chat-suggestion-wrapper:focus { + .chat-suggestion-wrapper:hover, + .chat-suggestion-wrapper:focus { background-color: var(--ddd-theme-default-futureLime); } - .chat-suggestion-wrapper:hover p, .chat-suggestion-wrapper:focus p { + .chat-suggestion-wrapper:hover p, + .chat-suggestion-wrapper:focus p { text-decoration: underline; } - + :host([disabled]) p { text-decoration: none; } @@ -88,13 +90,7 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message font-size: var(--ddd-font-size-4xs); text-align: center; width: 80%; - } - - @container (max-width: 270px) and (min-width: 216px) { - simple-icon-lite { - --simple-icon-height: var(--ddd-icon-xxs); - --simple-icon-width: var(--ddd-icon-xxs); - } + margin: 0px; } @container (max-width: 216px) { @@ -102,17 +98,21 @@ this.messageIndex=null,this.userIndex=null,s((()=>{this.messageIndex=i(e.message display: none; } } - `]}render(){return r` -
+ `]}render(){return i` +
-
+
-

- ${this.suggestion} -

+

${this.suggestion}

- `}handleSuggestion(){this.disabled?e.devStatement("Suggestion buttons disabled, ignoring request","warn"):(e.devStatement(`Suggestion button pressed. Suggested prompt to send to Merlin: ${this.suggestion}`,"info"),e.handleMessage(e.userName,this.suggestion))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e);let t=this.shadowRoot.querySelector("simple-icon-lite");switch(this.promptType){case"suggestion":t.setAttribute("icon","question-answer"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;case"network":t.setAttribute("icon","device:signal-cellular-connected-no-internet-0-bar"),t.style.color="var(--ddd-theme-default-coalyGray)";break;case"help":t.setAttribute("icon","help-outline"),t.style.color="var(--ddd-theme-default-original87Pink)";break;case"hax":t.setAttribute("icon","lrn:network"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;default:t.setAttribute("icon","lrn:info"),t.style.color="var(--ddd-theme-default-skyBlue)"}}updated(e){super.updated&&super.updated(e),this.disabled&&this.shadowRoot.querySelector(".chat-suggestion-wrapper").removeAttribute("tabindex")}static get properties(){return{...super.properties,chosenPrompt:{type:Boolean,attribute:"chosen-prompt"},disabled:{type:Boolean},promptType:{type:String,attribute:"prompt-type"},suggestion:{type:String}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatSuggestion.tag,ChatSuggestion);export{ChatSuggestion}; \ No newline at end of file + `}handleSuggestion(){this.disabled?e.devStatement("Suggestion buttons disabled, ignoring request","warn"):(e.devStatement(`Suggestion button pressed. Suggested prompt to send to Merlin: ${this.suggestion}`,"info"),e.handleMessage(e.userName,this.suggestion))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e);let t=this.shadowRoot.querySelector("simple-icon-lite");switch(this.promptType){case"suggestion":t.setAttribute("icon","question-answer"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;case"network":t.setAttribute("icon","device:signal-cellular-connected-no-internet-0-bar"),t.style.color="var(--ddd-theme-default-coalyGray)";break;case"help":t.setAttribute("icon","help-outline"),t.style.color="var(--ddd-theme-default-original87Pink)";break;case"hax":t.setAttribute("icon","hax:hax2022"),t.style.color="var(--data-theme-primary, var(--ddd-primary-13))";break;default:t.setAttribute("icon","lrn:info"),t.style.color="var(--ddd-theme-default-skyBlue)"}}updated(e){super.updated&&super.updated(e),this.disabled&&this.shadowRoot.querySelector(".chat-suggestion-wrapper").removeAttribute("tabindex")}static get properties(){return{...super.properties,chosenPrompt:{type:Boolean,attribute:"chosen-prompt"},disabled:{type:Boolean},promptType:{type:String,attribute:"prompt-type"},suggestion:{type:String}}}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}}globalThis.customElements.define(ChatSuggestion.tag,ChatSuggestion);export{ChatSuggestion}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js b/haxcms/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js index 0a2e96b1a..c23c4640e 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/d-d-d/lib/DDDStyles.js @@ -1,4 +1,4 @@ -import{css as d,html as a,unsafeCSS as t}from"../../../lit/index.js";import{SimpleIconsetStore as r}from"../../simple-icon/lib/simple-iconset.js";import"../../simple-icon/lib/simple-icons.js";import"../../hax-iconset/lib/simple-hax-iconset.js";globalThis&&globalThis.addEventListener&&globalThis.addEventListener("hax-store-ready",(d=>{if(globalThis.HaxStore){const d=globalThis.HaxStore.requestAvailability();d.designSystemHAXProperties=(a,t)=>{let r=[],e=[],i=[],n=[],o=[];a.canScale&&r.push({attribute:"data-width",title:"Width",description:"Scaled relative to width of container",inputMethod:"slider",min:a.canScale.min?a.canScale.min:25,max:a.canScale.max?a.canScale.max:100,step:a.canScale.step?a.canScale.step:25});let p=d.isInlineElement(t);return a.gizmo&&a.gizmo.meta&&a.gizmo.meta.inlineOnly&&(p=!0),a.hideDefaultSettings||p||(["media-image","img"].includes(t)?r.push({attribute:"data-float-position",title:"Float Position",description:"Alignment relative to other items on large screens",inputMethod:"select",options:{"":"-- default --",left:"Left",right:"Right"}}):r.push({attribute:"data-text-align",title:"Text align",description:"Horizontal alignment of text",inputMethod:"select",options:{"":"-- default --",left:"Left",center:"Center",right:"Right",justify:"Justify"}}),r.push({attribute:"data-padding",title:"Padding",description:"Padding for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("padding")]}),r.push({attribute:"data-margin",title:"Margin",description:"Margin for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("margin")]})),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||(["p","blockquote"].includes(t)?e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||!d.value.startsWith("dropCap"))))]}):["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||d.value.startsWith("dropCap"))))]})),!0!==a.designSystem&&!0!==a.designSystem.accent||o.push({attribute:"data-accent",title:"Accent color",description:"Offset items visually for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("accent")]}),!0!==a.designSystem&&!0!==a.designSystem.primary||o.push({attribute:"data-primary",title:"Primary color",description:"Primary color to apply color, often for meaning or aesthetic",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("primary")]}),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-instructional-action",title:"Instructional Context",description:"Indicated to users visually",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("instructional-action")]}),!0!==a.designSystem&&!0!==a.designSystem.text||(i.push({attribute:"data-font-family",title:"Font family",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-family")]}),i.push({attribute:"data-font-weight",title:"Font weight",description:"Ensure it is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-weight")]}),i.push({attribute:"data-font-size",title:"Font size",description:"Ensure sizing is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-size")]})),!0!==a.designSystem&&!0!==a.designSystem.card||(n=[{attribute:"data-border-radius",title:"Border radius",description:"Border radius to apply",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border-radius")]},{attribute:"data-border",title:"Border",description:"Thickness of the border",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border")]},{attribute:"data-box-shadow",title:"Box shadow",description:"Subtly raises off the page",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("box-shadow")]}]),a.settings.configure.push({inputMethod:"collapse",property:"ddd-styles",properties:[{title:"Design treatment",collapsed:!0,accordion:!0,property:"ddd-designtreatment",disabled:0===e.length,properties:e},{title:"Colors",collapsed:!0,accordion:!0,property:"ddd-card",disabled:0===o.length,properties:o},{title:"Font",collapsed:!0,accordion:!0,property:"ddd-font",disabled:0===i.length,properties:i},{title:"Spacing",collapsed:!0,accordion:!0,property:"ddd-spacing",disabled:0===r.length,properties:r},{title:"Box appearance",collapsed:!0,accordion:!0,property:"ddd-box",disabled:0===n.length,properties:n}]}),a}}}),{once:!0});export const learningComponentNouns={content:"Content",assessment:"Assessment",quiz:"Quiz",submission:"Submission",lesson:"Lesson",module:"Module",task:"Task",activity:"Activity",project:"Project",practice:"Practice",unit:"Unit",objectives:"Learning Objectives"};export const learningComponentVerbs={connection:"Connection",knowledge:"Did You Know?",strategy:"Learning Strategy",discuss:"Discuss",listen:"Listen",make:"Make",observe:"Observe",present:"Present",read:"Read",reflect:"Reflect",research:"Research",watch:"Watch",write:"Write"};export const learningComponentTypes={...learningComponentVerbs,...learningComponentNouns};export const learningComponentColors={content:"blue-grey",assessment:"red",quiz:"blue",submission:"deep-purple",lesson:"purple",module:"red",task:"blue-grey",activity:"orange",project:"deep-orange",practice:"brown",unit:"light-green",objectives:"indigo",connection:"green",knowledge:"cyan",strategy:"teal",discuss:"blue",listen:"purple",make:"orange",observe:"yellow",present:"light-blue",read:"lime",reflect:"amber",research:"deep-orange",watch:"pink",write:"deep-purple"};export function iconFromPageType(d){switch(d){case"content":return"lrn:page";case"assessment":return"lrn:assessment";case"quiz":return"lrn:quiz";case"submission":return"icons:move-to-inbox";case"lesson":return"hax:lesson";case"module":return"hax:module";case"unit":return"hax:unit";case"task":return"hax:task";case"activity":return"hax:ticket";case"project":return"hax:bulletin-board";case"practice":return"hax:shovel";case"connection":return"courseicons:chem-connection";case"knowledge":return"courseicons:knowledge";case"strategy":case"discuss":case"make":case"observe":case"present":case"read":case"reflect":case"research":case"watch":return"courseicons:strategy";case"listen":return"courseicons:listen";case"write":return"lrn:write"}return"courseicons:learning-objectives"}export const ApplicationAttributeData={primary:{0:"Pugh blue",1:"Beaver blue",2:"Nittany navy",3:"Potential midnight",4:"Coaly gray",5:"Limestone gray",6:"Slate gray",7:"Creek teal",8:"Sky blue",9:"Shrine tan",10:"Roar golden",11:"Original 87 pink",12:"Discovery coral",13:"Wonder purple",14:"Artherton violet",15:"Invent orange",16:"Keystone yellow",17:"Opportunity green",18:"Future lime",19:"Forest green",20:"Landgrant brown",21:"Global Neon",22:"Error",23:"Warning",24:"Info",25:"Success"},accent:{0:"Sky Max",1:"Slate Max",2:"Limestone Max",3:"Shrine Max",4:"Roar Max",5:"Creek Max",6:"White",7:"Error Light",8:"Warning Light",9:"Info Light",10:"Success Light",11:"Alert Immediate",12:"Alert Urgent",13:"Alert All Clear",14:"Alert Non Emergency"},margin:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},padding:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},border:{xs:"X-Small",sm:"Small",md:"Medium",lg:"Large"},"border-radius":{xs:"Rounded",md:"Rounder",xl:"Roundest"},"box-shadow":{sm:"Drop shadow"},"design-treatment":{vert:"Vertical line","horz-10p":"Horizontal line 10%","horz-25p":"Horizontal line 25%","horz-50p":"Horizontal line 50%","horz-full":"Horizontal line 100%","horz-md":"Horizontal line Medium","horz-lg":"Horizontal line Large",bg:"Background color","dropCap-sm":"Drop Cap - Small","dropCap-md":"Drop Cap - Medium","dropCap-lg":"Drop Cap - Large"},"font-family":{primary:"Roboto",secondary:"Roboto Slab",navigation:"Roboto Condensed"},"font-weight":{light:"Light",medium:"Medium",bold:"Bold"},"font-size":{"3xs":"Smaller",s:"Large",m:"Larger",l:"Largest"},"instructional-action":learningComponentTypes};export function HAXOptionSampleFactory(d){return Object.keys(ApplicationAttributeData[d]).map((t=>({value:t,html:["primary","accent"].includes(d)?a`{if(globalThis.HaxStore){const d=globalThis.HaxStore.requestAvailability();d.designSystemHAXProperties=(a,t)=>{let r=[],e=[],i=[],n=[],o=[];a.canScale&&r.push({attribute:"data-width",title:"Width",description:"Scaled relative to width of container",inputMethod:"slider",min:a.canScale.min?a.canScale.min:25,max:a.canScale.max?a.canScale.max:100,step:a.canScale.step?a.canScale.step:25});let p=d.isInlineElement(t);return a.gizmo&&a.gizmo.meta&&a.gizmo.meta.inlineOnly&&(p=!0),a.hideDefaultSettings||p||!1===a.designSystem||(["media-image","img"].includes(t)?r.push({attribute:"data-float-position",title:"Float Position",description:"Alignment relative to other items on large screens",inputMethod:"select",options:{"":"-- default --",left:"Left",right:"Right"}}):r.push({attribute:"data-text-align",title:"Text align",description:"Horizontal alignment of text",inputMethod:"select",options:{"":"-- default --",left:"Left",center:"Center",right:"Right",justify:"Justify"}}),r.push({attribute:"data-padding",title:"Padding",description:"Padding for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("padding")]}),r.push({attribute:"data-margin",title:"Margin",description:"Margin for added aesthetics",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("margin")]})),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||(["p","blockquote"].includes(t)?e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||!d.value.startsWith("dropCap"))))]}):["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-design-treatment",title:"Design treatment",description:"Minor aesthetic treatments for emphasis",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("design-treatment").filter((d=>!(!d||d.value.startsWith("dropCap"))))]})),!0!==a.designSystem&&!0!==a.designSystem.accent||o.push({attribute:"data-accent",title:"Accent color",description:"Offset items visually for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("accent")]}),!0!==a.designSystem&&!0!==a.designSystem.primary||o.push({attribute:"data-primary",title:"Primary color",description:"Primary color to apply color, often for meaning or aesthetic",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("primary")]}),!0!==a.designSystem&&!0!==a.designSystem.designTreatment||["h1","h2","h3","h4","h5","h6"].includes(t)&&e.push({attribute:"data-instructional-action",title:"Instructional Context",description:"Indicated to users visually",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("instructional-action")]}),!0!==a.designSystem&&!0!==a.designSystem.text||(i.push({attribute:"data-font-family",title:"Font family",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-family")]}),i.push({attribute:"data-font-weight",title:"Font weight",description:"Ensure it is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-weight")]}),i.push({attribute:"data-font-size",title:"Font size",description:"Ensure sizing is only for aesthetic purposes",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("font-size")]})),!0!==a.designSystem&&!0!==a.designSystem.card||(n=[{attribute:"data-border-radius",title:"Border radius",description:"Border radius to apply",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border-radius")]},{attribute:"data-border",title:"Border",description:"Thickness of the border",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("border")]},{attribute:"data-box-shadow",title:"Box shadow",description:"Subtly raises off the page",inputMethod:"select",inputMethod:"radio",itemsList:[...HAXOptionSampleFactory("box-shadow")]}]),a.settings.configure.push({inputMethod:"collapse",property:"ddd-styles",properties:[{title:"Design treatment",collapsed:!0,accordion:!0,property:"ddd-designtreatment",disabled:0===e.length,properties:e},{title:"Colors",collapsed:!0,accordion:!0,property:"ddd-card",disabled:0===o.length,properties:o},{title:"Font",collapsed:!0,accordion:!0,property:"ddd-font",disabled:0===i.length,properties:i},{title:"Spacing",collapsed:!0,accordion:!0,property:"ddd-spacing",disabled:0===r.length,properties:r},{title:"Box appearance",collapsed:!0,accordion:!0,property:"ddd-box",disabled:0===n.length,properties:n}]}),a}}}),{once:!0});export const learningComponentNouns={content:"Content",assessment:"Assessment",quiz:"Quiz",submission:"Submission",lesson:"Lesson",module:"Module",task:"Task",activity:"Activity",project:"Project",practice:"Practice",unit:"Unit",objectives:"Learning Objectives"};export const learningComponentVerbs={connection:"Connection",knowledge:"Did You Know?",strategy:"Learning Strategy",discuss:"Discuss",listen:"Listen",make:"Make",observe:"Observe",present:"Present",read:"Read",reflect:"Reflect",research:"Research",watch:"Watch",write:"Write"};export const learningComponentTypes={...learningComponentVerbs,...learningComponentNouns};export const learningComponentColors={content:"blue-grey",assessment:"red",quiz:"blue",submission:"deep-purple",lesson:"purple",module:"red",task:"blue-grey",activity:"orange",project:"deep-orange",practice:"brown",unit:"light-green",objectives:"indigo",connection:"green",knowledge:"cyan",strategy:"teal",discuss:"blue",listen:"purple",make:"orange",observe:"yellow",present:"light-blue",read:"lime",reflect:"amber",research:"deep-orange",watch:"pink",write:"deep-purple"};export function iconFromPageType(d){switch(d){case"content":return"lrn:page";case"assessment":return"lrn:assessment";case"quiz":return"lrn:quiz";case"submission":return"icons:move-to-inbox";case"lesson":return"hax:lesson";case"module":return"hax:module";case"unit":return"hax:unit";case"task":return"hax:task";case"activity":return"hax:ticket";case"project":return"hax:bulletin-board";case"practice":return"hax:shovel";case"connection":return"courseicons:chem-connection";case"knowledge":return"courseicons:knowledge";case"strategy":case"discuss":case"make":case"observe":case"present":case"read":case"reflect":case"research":case"watch":return"courseicons:strategy";case"listen":return"courseicons:listen";case"write":return"lrn:write"}return"courseicons:learning-objectives"}export const ApplicationAttributeData={primary:{0:"Pugh blue",1:"Beaver blue",2:"Nittany navy",3:"Potential midnight",4:"Coaly gray",5:"Limestone gray",6:"Slate gray",7:"Creek teal",8:"Sky blue",9:"Shrine tan",10:"Roar golden",11:"Original 87 pink",12:"Discovery coral",13:"Wonder purple",14:"Artherton violet",15:"Invent orange",16:"Keystone yellow",17:"Opportunity green",18:"Future lime",19:"Forest green",20:"Landgrant brown",21:"Global Neon",22:"Error",23:"Warning",24:"Info",25:"Success"},accent:{0:"Sky Max",1:"Slate Max",2:"Limestone Max",3:"Shrine Max",4:"Roar Max",5:"Creek Max",6:"White",7:"Error Light",8:"Warning Light",9:"Info Light",10:"Success Light",11:"Alert Immediate",12:"Alert Urgent",13:"Alert All Clear",14:"Alert Non Emergency"},margin:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},padding:{xs:"X-Small",s:"Small",m:"Medium",l:"Large",xl:"X-Large"},border:{xs:"X-Small",sm:"Small",md:"Medium",lg:"Large"},"border-radius":{xs:"Rounded",md:"Rounder",xl:"Roundest"},"box-shadow":{sm:"Drop shadow"},"design-treatment":{vert:"Vertical line","horz-10p":"Horizontal line 10%","horz-25p":"Horizontal line 25%","horz-50p":"Horizontal line 50%","horz-full":"Horizontal line 100%","horz-md":"Horizontal line Medium","horz-lg":"Horizontal line Large",bg:"Background color","dropCap-sm":"Drop Cap - Small","dropCap-md":"Drop Cap - Medium","dropCap-lg":"Drop Cap - Large"},"font-family":{primary:"Roboto",secondary:"Roboto Slab",navigation:"Roboto Condensed"},"font-weight":{light:"Light",medium:"Medium",bold:"Bold"},"font-size":{"3xs":"Smaller",s:"Large",m:"Larger",l:"Largest"},"instructional-action":learningComponentTypes};export function HAXOptionSampleFactory(d){return Object.keys(ApplicationAttributeData[d]).map((t=>({value:t,html:["primary","accent"].includes(d)?a`
- ${0===this.selectedPage?e` -
- - ${this.__mainPosts.map((t=>e` - -

${t.title}

-

- - ${t.description} -

-
`))} - -
- `:e` -
-
- - - ${this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.image?e``:e``} -

- ${this.subtitle} -

-
- -
- -
- - ${this.__followUpPosts.map((t=>e` - - -

${t.title}

-
- -
-
-

${t.description}

-
-
- `))} - - -
- `} + + `))} + +
+
+ + + Never miss a story from ${this.title} use RSS + today! + + + + + + +
+
+
- `}static get tag(){return"haxor-slevin"}__mainPostsChanged(e){this.__mainPosts=e.detail.value}__followUpPostsChanged(e){var t=[];if(this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.relatedItems){this.activeItem.metadata.relatedItems.split(",").map((e=>{n.findItem(e)&&t.push(l(n.findItem(e)))}))}else t=e.detail.value;this.__followUpPosts=t}static get properties(){return{...super.properties,color:{type:String},selectedPage:{type:Number,attribute:"selected-page"},activeManifestIndexCounter:{type:Number},activeItem:{type:Object},stateClass:{type:String},__mainPosts:{type:Array},__followUpPosts:{type:Array}}}_getStateClass(e){return e?"disable-items":""}_getColor(e){if(e&&c(e,"metadata.theme.variables.cssVariable"))return e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")}siteModalClick(e){import("../haxcms-elements/lib/ui-components/site/site-search.js")}constructor(){super(),this.icon="icons:search",this.__disposer=[],this.__mainPosts=[],this.__followUpPosts=[],this.activeItem={},this.selectedPage=0,this.activeManifestIndexCounter=0}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),import("../haxcms-elements/lib/ui-components/active-item/site-share-widget.js"),import("../haxcms-elements/lib/ui-components/active-item/site-git-corner.js"),import("../haxcms-elements/lib/ui-components/site/site-rss-button.js"),import("../social-share-link/social-share-link.js"),import("../haxcms-elements/lib/ui-components/layout/site-modal.js")}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"editMode"==t&&(this.stateClass=this._getStateClass(this[t]))}))}_noticeLocationChange(e){if(!e||void 0===e.route)return;const t=e.route.name;"home"===t||"404"===t?this.selectedPage=0:(globalThis.scrollTo({top:0,left:0}),this.selectedPage=1,setTimeout((()=>{globalThis.AnchorBehaviors.getTarget(n.themeElement)}),1e3)),setTimeout((()=>{globalThis.dispatchEvent(new Event("resize"))}),50)}connectedCallback(){super.connectedCallback(),r((e=>{let t=l(n.location);this._noticeLocationChange(t),this.__disposer.push(e)})),r((e=>{let t=l(n.manifest);this.color=this._getColor(t),this.title=d(t,"title",""),this.image=d(t,"metadata.theme.variables.image","assets/banner.jpg"),this.icon=d(t,"metadata.theme.variables.icon","icons:record-voice-over"),this.author=d(t,"metadata.author",{}),this.__disposer.push(e)})),r((e=>{this.activeManifestIndexCounter=l(n.activeManifestIndexCounter),this.__disposer.push(e)})),r((e=>{this.activeTitle=l(n.activeTitle),this.shareUrl=globalThis.document.location.href,this.shareMsg=this.activeTitle+" "+this.shareUrl,this.__disposer.push(e)})),r((e=>{this.activeItem=l(n.activeItem),this.__disposer.push(e)}))}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}_goBack(e){globalThis.history.pushState(null,null,n.location.baseUrl),globalThis.dispatchEvent(new PopStateEvent("popstate")),globalThis.scrollTo({top:0,left:0});const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:{}});this.dispatchEvent(t),this.selectedPage=0}}customElements.define(HaxorSlevin.tag,HaxorSlevin);export{HaxorSlevin}; \ No newline at end of file + `}static get tag(){return"haxor-slevin"}__mainPostsChanged(e){this.__mainPosts=e.detail.value}__followUpPostsChanged(e){var t=[];if(this.activeItem&&this.activeItem.metadata&&this.activeItem.metadata.relatedItems){this.activeItem.metadata.relatedItems.split(",").map((e=>{n.findItem(e)&&t.push(l(n.findItem(e)))}))}else t=e.detail.value;this.__followUpPosts=t}static get properties(){return{...super.properties,color:{type:String},selectedPage:{type:Number,reflect:!0,attribute:"selected-page"},activeManifestIndexCounter:{type:Number},activeItem:{type:Object},stateClass:{type:String},__mainPosts:{type:Array},__followUpPosts:{type:Array}}}_getStateClass(e){return e?"disable-items":""}_getColor(e){if(e&&c(e,"metadata.theme.variables.cssVariable"))return e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")}siteModalClick(e){import("../haxcms-elements/lib/ui-components/site/site-search.js")}constructor(){super(),this.icon="icons:search",this.__disposer=[],this.__mainPosts=[],this.__followUpPosts=[],this.activeItem={},this.selectedPage=0,this.activeManifestIndexCounter=0,r((e=>{let t=l(n.location);this._noticeLocationChange(t),this.__disposer.push(e)})),r((e=>{let t=l(n.manifest);this.color=this._getColor(t),this.title=d(t,"title",""),this.image=d(t,"metadata.theme.variables.image","assets/banner.jpg"),this.icon=d(t,"metadata.theme.variables.icon","icons:record-voice-over"),this.author=d(t,"metadata.author",{}),this.__disposer.push(e)})),r((e=>{this.activeManifestIndexCounter=l(n.activeManifestIndexCounter),this.__disposer.push(e)})),r((e=>{this.activeTitle=l(n.activeTitle),this.shareUrl=globalThis.document.location.href,this.shareMsg=this.activeTitle+" "+this.shareUrl,this.__disposer.push(e)})),r((e=>{this.activeItem=l(n.activeItem),this.__disposer.push(e)}))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),import("../haxcms-elements/lib/ui-components/active-item/site-share-widget.js"),import("../haxcms-elements/lib/ui-components/active-item/site-git-corner.js"),import("../haxcms-elements/lib/ui-components/site/site-rss-button.js"),import("../social-share-link/social-share-link.js"),import("../haxcms-elements/lib/ui-components/layout/site-modal.js")}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"editMode"==t&&(this.stateClass=this._getStateClass(this[t]))}))}_noticeLocationChange(e){if(!e||void 0===e.route)return;const t=e.route.name;"home"===t||"404"===t?this.selectedPage=0:(globalThis.scrollTo({top:0,left:0}),this.selectedPage=1,setTimeout((()=>{globalThis.AnchorBehaviors.getTarget(n.themeElement)}),1e3)),setTimeout((()=>{globalThis.dispatchEvent(new Event("resize"))}),50)}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}_goBack(e){globalThis.history.pushState(null,null,n.location.baseUrl),globalThis.dispatchEvent(new PopStateEvent("popstate")),globalThis.scrollTo({top:0,left:0});const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:{}});this.dispatchEvent(t),this.selectedPage=0}}customElements.define(HaxorSlevin.tag,HaxorSlevin);export{HaxorSlevin}; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json b/haxcms/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json index f56927009..8b6909231 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json +++ b/haxcms/build/es6/node_modules/@haxtheweb/media-quote/lib/media-quote.haxProperties.json @@ -6,20 +6,70 @@ "canScale": true, "canEditSource": true, "contentEditable": false, + "designSystem": { + "primary": true, + "accent": true, + "font": true + }, "gizmo": { - "title": "media quote", - "description": "", - "icon": "icons:android", + "title": "Media quote", + "description": "Image with a quote, citation, and optional caption", + "icon": "editor:format-quote", "color": "purple", - "tags": ["Other"], + "tags": ["Images", "media", "quote"], "handles": [], "meta": { "author": "HAXTheWeb core team" } }, "settings": { - "configure": [], - "advanced": [], + "configure": [ + { + "slot": "quote", + "title": "Quote", + "description": "The quote", + "inputMethod": "textfield" + }, + { + "slot": "author", + "title": "Author", + "description": "The author of the quote", + "inputMethod": "textfield" + }, + { + "slot": "author-detail", + "title": "Author details", + "description": "The details about the author of the quote", + "inputMethod": "textfield" + }, + { + "slot": "caption", + "title": "Caption", + "description": "The caption for the image", + "inputMethod": "textfield" + }, + { + "property": "src", + "title": "Image Source", + "description": "Image file used for media quote.", + "inputMethod": "haxupload", + "noVoiceRecord": true + }, + { + "property": "alt", + "title": "Alt Text", + "description": "Alternative text for the image.", + "inputMethod": "alt" + } + ], + "advanced": [ + { + "property": "accentColor", + "title": "Accent Color", + "description": "Changes the accent color of the card", + "inputMethod": "colorpicker" + } + ], "developer": [] }, "saveOptions": { @@ -32,8 +82,11 @@ "demoSchema": [ { "tag": "media-quote", - "content": "", - "properties": {} + "content": "A cute cat stalking a toy John Doe Professional Cat Photographer This cat is stalking a Totoro toy. How cute!", + "properties": { + "src": "https://cdn2.thecatapi.com/images/9j5.jpg", + "alt": "A cat stalking a small toy" + } } ] } diff --git a/haxcms/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js b/haxcms/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js index 9e08b6cd4..461e6c314 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/media-quote/media-quote.js @@ -33,6 +33,7 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d top: 10%; left: -15%; z-index: 2; + text-align: left; } .content { @@ -105,7 +106,10 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d padding: var(--ddd-spacing-4); font-size: var(--ddd-font-size-4xs); color: light-dark(black, white); - background-color: light-dark(white, var(--ddd-theme-default-coalyGray)); + background-color: light-dark( + white, + var(--ddd-theme-default-coalyGray) + ); } summary { @@ -167,7 +171,7 @@ import{html as t,css as i}from"../../lit/index.js";import{DDD as e}from"../d-d-d .citation { padding: var(--ddd-spacing-2) 0; } - + .citation { width: 100%; margin-top: 0; diff --git a/haxcms/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js b/haxcms/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js index ac20efb08..d12039874 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/outline-designer/outline-designer.js @@ -226,7 +226,7 @@ import{LitElement as t,css as e,html as i}from"../../lit/index.js";import{I18NMi .item:focus { background-color: #f5f5f5; } - .item:hover .label, + .item:hover .label, .item:focus .label { color: black; } diff --git a/haxcms/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json b/haxcms/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json index d0dfa4724..958b88c41 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json +++ b/haxcms/build/es6/node_modules/@haxtheweb/rpg-character/lib/rpg-character.haxProperties.json @@ -1,22 +1,13 @@ { "canScale": false, - + "designSystem": false, "canEditSource": true, "gizmo": { "title": "RPG Character", "description": "Fun character from HAX", "icon": "hax:hax2022", "color": "red", - "tags": [ - "Other", - "marketing", - "image", - "rpg", - "fun", - "8bit", - "gaming", - "game" - ], + "tags": ["Other", "fun", "8bit", "game"], "handles": [], "meta": { "author": "HAXTheWeb core team" diff --git a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js index e3986ad32..5967ee890 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/SimplePickerEmojis.js @@ -1 +1 @@ -globalThis.SimplePickerEmojis=globalThis.SimplePickerEmojis||{emotions:[{value:"😀",alt:"😀",description:"grinning face"},{value:"😃",alt:"😃",description:"grinning face with big eyes"},{value:"😄",alt:"😄",description:"grinning face with smiling eyes"},{value:"😁",alt:"😁",description:"beaming face with smiling eyes"},{value:"😆",alt:"😆",description:"grinning squinting face"},{value:"😅",alt:"😅",description:"grinning face with sweat"},{value:"🤣",alt:"🤣",description:"rolling on the floor laughing"},{value:"😂",alt:"😂",description:"face with tears of joy"},{value:"🙂",alt:"🙂",description:"slightly smiling face"},{value:"🙃",alt:"🙃",description:"upside-down face"},{value:"😉",alt:"😉",description:"winking face"},{value:"😊",alt:"😊",description:"smiling face with smiling eyes"},{value:"😇",alt:"😇",description:"smiling face with halo"},{value:"🥰",alt:"🥰",description:"smiling face with hearts"},{value:"😍",alt:"😍",description:"smiling face with heart-eyes"},{value:"🤩",alt:"🤩",description:"star-struck"},{value:"😘",alt:"😘",description:"face blowing a kiss"},{value:"😗",alt:"😗",description:"kissing face"},{value:"☺",alt:"☺",description:"smiling face"},{value:"😚",alt:"😚",description:"kissing face with closed eyes"},{value:"😙",alt:"😙",description:"kissing face with smiling eyes"},{value:"😋",alt:"😋",description:"face savoring food"},{value:"😛",alt:"😛",description:"face with tongue"},{value:"😜",alt:"😜",description:"winking face with tongue"},{value:"🤪",alt:"🤪",description:"zany face"},{value:"😝",alt:"😝",description:"squinting face with tongue"},{value:"🤑",alt:"🤑",description:"money-mouth face"},{value:"🤗",alt:"🤗",description:"hugging face"},{value:"🤭",alt:"🤭",description:"face with hand over mouth"},{value:"🤫",alt:"🤫",description:"shushing face"},{value:"🤔",alt:"🤔",description:"thinking face"},{value:"🤐",alt:"🤐",description:"zipper-mouth face"},{value:"🤨",alt:"🤨",description:"face with raised eyebrow"},{value:"😐",alt:"😐",description:"neutral face"},{value:"😑",alt:"😑",description:"expressionless face"},{value:"😶",alt:"😶",description:"face without mouth"},{value:"😏",alt:"😏",description:"smirking face"},{value:"😒",alt:"😒",description:"unamused face"},{value:"🙄",alt:"🙄",description:"face with rolling eyes"},{value:"😬",alt:"😬",description:"grimacing face"},{value:"🤥",alt:"🤥",description:"lying face"},{value:"😌",alt:"😌",description:"relieved face"},{value:"😔",alt:"😔",description:"pensive face"},{value:"😪",alt:"😪",description:"sleepy face"},{value:"🤤",alt:"🤤",description:"drooling face"},{value:"😴",alt:"😴",description:"sleeping face"},{value:"😷",alt:"😷",description:"face with medical mask"},{value:"🤒",alt:"🤒",description:"face with thermometer"},{value:"🤕",alt:"🤕",description:"face with head-bandage"},{value:"🤢",alt:"🤢",description:"nauseated face"},{value:"🤮",alt:"🤮",description:"face vomiting"},{value:"🤧",alt:"🤧",description:"sneezing face"},{value:"🥵",alt:"🥵",description:"hot face"},{value:"🥶",alt:"🥶",description:"cold face"},{value:"🥴",alt:"🥴",description:"woozy face"},{value:"😵",alt:"😵",description:"dizzy face"},{value:"🤯",alt:"🤯",description:"exploding head"},{value:"🤠",alt:"🤠",description:"cowboy hat face"},{value:"🥳",alt:"🥳",description:"partying face"},{value:"😎",alt:"😎",description:"smiling face with sunglasses"},{value:"🤓",alt:"🤓",description:"nerd face"},{value:"🧐",alt:"🧐",description:"face with monocle"},{value:"😕",alt:"😕",description:"confused face"},{value:"😟",alt:"😟",description:"worried face"},{value:"🙁",alt:"🙁",description:"slightly frowning face"},{value:"☹",alt:"☹",description:"frowning face"},{value:"😮",alt:"😮",description:"face with open mouth"},{value:"😯",alt:"😯",description:"hushed face"},{value:"😲",alt:"😲",description:"astonished face"},{value:"😳",alt:"😳",description:"flushed face"},{value:"🥺",alt:"🥺",description:"pleading face"},{value:"😦",alt:"😦",description:"frowning face with open mouth"},{value:"😧",alt:"😧",description:"anguished face"},{value:"😨",alt:"😨",description:"fearful face"},{value:"😰",alt:"😰",description:"anxious face with sweat"},{value:"😥",alt:"😥",description:"sad but relieved face"},{value:"😢",alt:"😢",description:"crying face"},{value:"😭",alt:"😭",description:"loudly crying face"},{value:"😱",alt:"😱",description:"face screaming in fear"},{value:"😖",alt:"😖",description:"confounded face"},{value:"😣",alt:"😣",description:"persevering face"},{value:"😞",alt:"😞",description:"disappointed face"},{value:"😓",alt:"😓",description:"downcast face with sweat"},{value:"😩",alt:"😩",description:"weary face"},{value:"😫",alt:"😫",description:"tired face"},{value:"🥱",alt:"🥱",description:"yawning face"},{value:"😤",alt:"😤",description:"face with steam from nose"},{value:"😡",alt:"😡",description:"pouting face"},{value:"😠",alt:"😠",description:"angry face"},{value:"🤬",alt:"🤬",description:"face with symbols on mouth"},{value:"😈",alt:"😈",description:"smiling face with horns"},{value:"👿",alt:"👿",description:"angry face with horns"},{value:"💀",alt:"💀",description:"skull"},{value:"☠",alt:"☠",description:"skull and crossbones"},{value:"💩",alt:"💩",description:"pile of poo"},{value:"🤡",alt:"🤡",description:"clown face"},{value:"👹",alt:"👹",description:"ogre"},{value:"👺",alt:"👺",description:"goblin"},{value:"👻",alt:"👻",description:"ghost"},{value:"👽",alt:"👽",description:"alien"},{value:"👾",alt:"👾",description:"alien monster"},{value:"🤖",alt:"🤖",description:"robot"},{value:"😺",alt:"😺",description:"grinning cat"},{value:"😸",alt:"😸",description:"grinning cat with smiling eyes"},{value:"😹",alt:"😹",description:"cat with tears of joy"},{value:"😻",alt:"😻",description:"smiling cat with heart-eyes"},{value:"😼",alt:"😼",description:"cat with wry smile"},{value:"😽",alt:"😽",description:"kissing cat"},{value:"🙀",alt:"🙀",description:"weary cat"},{value:"😿",alt:"😿",description:"crying cat"},{value:"😾",alt:"😾",description:"pouting cat"},{value:"🙈",alt:"🙈",description:"see-no-evil monkey"},{value:"🙉",alt:"🙉",description:"hear-no-evil monkey"},{value:"🙊",alt:"🙊",description:"speak-no-evil monkey"},{value:"💋",alt:"💋",description:"kiss mark"},{value:"💌",alt:"💌",description:"love letter"},{value:"💘",alt:"💘",description:"heart with arrow"},{value:"💝",alt:"💝",description:"heart with ribbon"},{value:"💖",alt:"💖",description:"sparkling heart"},{value:"💗",alt:"💗",description:"growing heart"},{value:"💓",alt:"💓",description:"beating heart"},{value:"💞",alt:"💞",description:"revolving hearts"},{value:"💕",alt:"💕",description:"two hearts"},{value:"💟",alt:"💟",description:"heart decoration"},{value:"❣",alt:"❣",description:"heart exclamation"},{value:"💔",alt:"💔",description:"broken heart"},{value:"❤",alt:"❤",description:"red heart"},{value:"🧡",alt:"🧡",description:"orange heart"},{value:"💛",alt:"💛",description:"yellow heart"},{value:"💚",alt:"💚",description:"green heart"},{value:"💙",alt:"💙",description:"blue heart"},{value:"💜",alt:"💜",description:"purple heart"},{value:"🤎",alt:"🤎",description:"brown heart"},{value:"🖤",alt:"🖤",description:"black heart"},{value:"🤍",alt:"🤍",description:"white heart"},{value:"💯",alt:"💯",description:"hundred points"},{value:"💢",alt:"💢",description:"anger symbol"},{value:"💥",alt:"💥",description:"collision"},{value:"💫",alt:"💫",description:"dizzy"},{value:"💦",alt:"💦",description:"sweat droplets"},{value:"💨",alt:"💨",description:"dashing away"},{value:"🕳",alt:"🕳",description:"hole"},{value:"💣",alt:"💣",description:"bomb"},{value:"💬",alt:"💬",description:"speech balloon"},{value:"🗨",alt:"🗨",description:"left speech bubble"},{value:"🗯",alt:"🗯",description:"right anger bubble"},{value:"💭",alt:"💭",description:"thought balloon"},{value:"💤",alt:"💤",description:"zzz"}],people:[{value:"👋",alt:"👋",description:"waving hand"},{value:"🤚",alt:"🤚",description:"raised back of hand"},{value:"🖐",alt:"🖐",description:"hand with fingers splayed"},{value:"✋",alt:"✋",description:"raised hand"},{value:"🖖",alt:"🖖",description:"vulcan salute"},{value:"👌",alt:"👌",description:"OK hand"},{value:"🤏",alt:"🤏",description:"pinching hand"},{value:"✌",alt:"✌",description:"victory hand"},{value:"🤞",alt:"🤞",description:"crossed fingers"},{value:"🤟",alt:"🤟",description:"love-you gesture"},{value:"🤘",alt:"🤘",description:"sign of the horns"},{value:"🤙",alt:"🤙",description:"call me hand"},{value:"👈",alt:"👈",description:"backhand index pointing left"},{value:"👉",alt:"👉",description:"backhand index pointing right"},{value:"👆",alt:"👆",description:"backhand index pointing up"},{value:"🖕",alt:"🖕",description:"middle finger"},{value:"👇",alt:"👇",description:"backhand index pointing down"},{value:"☝",alt:"☝",description:"index pointing up"},{value:"👍",alt:"👍",description:"thumbs up"},{value:"👎",alt:"👎",description:"thumbs down"},{value:"✊",alt:"✊",description:"raised fist"},{value:"👊",alt:"👊",description:"oncoming fist"},{value:"🤛",alt:"🤛",description:"left-facing fist"},{value:"🤜",alt:"🤜",description:"right-facing fist"},{value:"👏",alt:"👏",description:"clapping hands"},{value:"🙌",alt:"🙌",description:"raising hands"},{value:"👐",alt:"👐",description:"open hands"},{value:"🤲",alt:"🤲",description:"palms up together"},{value:"🤝",alt:"🤝",description:"handshake"},{value:"🙏",alt:"🙏",description:"folded hands"},{value:"✍",alt:"✍",description:"writing hand"},{value:"💅",alt:"💅",description:"nail polish"},{value:"🤳",alt:"🤳",description:"selfie"},{value:"💪",alt:"💪",description:"flexed biceps"},{value:"🦾",alt:"🦾",description:"mechanical arm"},{value:"🦿",alt:"🦿",description:"mechanical leg"},{value:"🦵",alt:"🦵",description:"leg"},{value:"🦶",alt:"🦶",description:"foot"},{value:"👂",alt:"👂",description:"ear"},{value:"🦻",alt:"🦻",description:"ear with hearing aid"},{value:"👃",alt:"👃",description:"nose"},{value:"🧠",alt:"🧠",description:"brain"},{value:"🦷",alt:"🦷",description:"tooth"},{value:"🦴",alt:"🦴",description:"bone"},{value:"👀",alt:"👀",description:"eyes"},{value:"👁",alt:"👁",description:"eye"},{value:"👅",alt:"👅",description:"tongue"},{value:"👄",alt:"👄",description:"mouth"},{value:"👶",alt:"👶",description:"baby"},{value:"🧒",alt:"🧒",description:"child"},{value:"👦",alt:"👦",description:"boy"},{value:"👧",alt:"👧",description:"girl"},{value:"🧑",alt:"🧑",description:"person"},{value:"👱",alt:"👱",description:"person: blond hair"},{value:"👨",alt:"👨",description:"man"},{value:"🧔",alt:"🧔",description:"man: beard"},{value:"👩",alt:"👩",description:"woman"},{value:"🧓",alt:"🧓",description:"older person"},{value:"👴",alt:"👴",description:"old man"},{value:"👵",alt:"👵",description:"old woman"},{value:"🙍",alt:"🙍",description:"person frowning"},{value:"🙎",alt:"🙎",description:"person pouting"},{value:"🙅",alt:"🙅",description:"person gesturing NO"},{value:"🙆",alt:"🙆",description:"person gesturing OK"},{value:"💁",alt:"💁",description:"person tipping hand"},{value:"🙋",alt:"🙋",description:"person raising hand"},{value:"🧏",alt:"🧏",description:"deaf person"},{value:"🙇",alt:"🙇",description:"person bowing"},{value:"🤦",alt:"🤦",description:"person facepalming"},{value:"🤷",alt:"🤷",description:"person shrugging"},{value:"👮",alt:"👮",description:"police officer"},{value:"🕵",alt:"🕵",description:"detective"},{value:"💂",alt:"💂",description:"guard"},{value:"👷",alt:"👷",description:"construction worker"},{value:"🤴",alt:"🤴",description:"prince"},{value:"👸",alt:"👸",description:"princess"},{value:"👳",alt:"👳",description:"person wearing turban"},{value:"👲",alt:"👲",description:"man with Chinese cap"},{value:"🧕",alt:"🧕",description:"woman with headscarf"},{value:"🤵",alt:"🤵",description:"man in tuxedo"},{value:"👰",alt:"👰",description:"bride with veil"},{value:"🤰",alt:"🤰",description:"pregnant woman"},{value:"🤱",alt:"🤱",description:"breast-feeding"},{value:"👼",alt:"👼",description:"baby angel"},{value:"🎅",alt:"🎅",description:"Santa Claus"},{value:"🤶",alt:"🤶",description:"Mrs. Claus"},{value:"🦸",alt:"🦸",description:"superhero"},{value:"🦹",alt:"🦹",description:"supervillain"},{value:"🧙",alt:"🧙",description:"mage"},{value:"🧚",alt:"🧚",description:"fairy"},{value:"🧛",alt:"🧛",description:"vampire"},{value:"🧜",alt:"🧜",description:"merperson"},{value:"🧝",alt:"🧝",description:"elf"},{value:"🧞",alt:"🧞",description:"genie"},{value:"🧟",alt:"🧟",description:"zombie"},{value:"💆",alt:"💆",description:"person getting massage"},{value:"💇",alt:"💇",description:"person getting haircut"},{value:"🚶",alt:"🚶",description:"person walking"},{value:"🧍",alt:"🧍",description:"person standing"},{value:"🧎",alt:"🧎",description:"person kneeling"},{value:"🏃",alt:"🏃",description:"person running"},{value:"💃",alt:"💃",description:"woman dancing"},{value:"🕺",alt:"🕺",description:"man dancing"},{value:"🕴",alt:"🕴",description:"man in suit levitating"},{value:"👯",alt:"👯",description:"people with bunny ears"},{value:"🧖",alt:"🧖",description:"person in steamy room"},{value:"🧗",alt:"🧗",description:"person climbing"},{value:"🤺",alt:"🤺",description:"person fencing"},{value:"🏇",alt:"🏇",description:"horse racing"},{value:"⛷",alt:"⛷",description:"skier"},{value:"🏂",alt:"🏂",description:"snowboarder"},{value:"🏌",alt:"🏌",description:"person golfing"},{value:"🏄",alt:"🏄",description:"person surfing"},{value:"🚣",alt:"🚣",description:"person rowing boat"},{value:"🏊",alt:"🏊",description:"person swimming"},{value:"⛹",alt:"⛹",description:"person bouncing ball"},{value:"🏋",alt:"🏋",description:"person lifting weights"},{value:"🚴",alt:"🚴",description:"person biking"},{value:"🚵",alt:"🚵",description:"person mountain biking"},{value:"🤸",alt:"🤸",description:"person cartwheeling"},{value:"🤼",alt:"🤼",description:"people wrestling"},{value:"🤽",alt:"🤽",description:"person playing water polo"},{value:"🤾",alt:"🤾",description:"person playing handball"},{value:"🤹",alt:"🤹",description:"person juggling"},{value:"🧘",alt:"🧘",description:"person in lotus position"},{value:"🛀",alt:"🛀",description:"person taking bath"},{value:"🛌",alt:"🛌",description:"person in bed"},{value:"👭",alt:"👭",description:"women holding hands"},{value:"👫",alt:"👫",description:"woman and man holding hands"},{value:"👬",alt:"👬",description:"men holding hands"},{value:"💏",alt:"💏",description:"kiss"},{value:"💑",alt:"💑",description:"couple with heart"},{value:"👪",alt:"👪",description:"family"},{value:"🗣",alt:"🗣",description:"speaking head"},{value:"👤",alt:"👤",description:"bust in silhouette"},{value:"👥",alt:"👥",description:"busts in silhouette"},{value:"👣",alt:"👣",description:"footprints"},{value:"🦰",alt:"🦰",description:"red hair"},{value:"🦱",alt:"🦱",description:"curly hair"},{value:"🦳",alt:"🦳",description:"white hair"},{value:"🦲",alt:"🦲",description:"bald"}],nature:[{value:"🐵",alt:"🐵",description:"monkey face"},{value:"🐒",alt:"🐒",description:"monkey"},{value:"🦍",alt:"🦍",description:"gorilla"},{value:"🦧",alt:"🦧",description:"orangutan"},{value:"🐶",alt:"🐶",description:"dog face"},{value:"🐕",alt:"🐕",description:"dog"},{value:"🦮",alt:"🦮",description:"guide dog"},{value:"🐩",alt:"🐩",description:"poodle"},{value:"🐺",alt:"🐺",description:"wolf"},{value:"🦊",alt:"🦊",description:"fox"},{value:"🦝",alt:"🦝",description:"raccoon"},{value:"🐱",alt:"🐱",description:"cat face"},{value:"🐈",alt:"🐈",description:"cat"},{value:"🦁",alt:"🦁",description:"lion"},{value:"🐯",alt:"🐯",description:"tiger face"},{value:"🐅",alt:"🐅",description:"tiger"},{value:"🐆",alt:"🐆",description:"leopard"},{value:"🐴",alt:"🐴",description:"horse face"},{value:"🐎",alt:"🐎",description:"horse"},{value:"🦄",alt:"🦄",description:"unicorn"},{value:"🦓",alt:"🦓",description:"zebra"},{value:"🦌",alt:"🦌",description:"deer"},{value:"🐮",alt:"🐮",description:"cow face"},{value:"🐂",alt:"🐂",description:"ox"},{value:"🐃",alt:"🐃",description:"water buffalo"},{value:"🐄",alt:"🐄",description:"cow"},{value:"🐷",alt:"🐷",description:"pig face"},{value:"🐖",alt:"🐖",description:"pig"},{value:"🐗",alt:"🐗",description:"boar"},{value:"🐽",alt:"🐽",description:"pig nose"},{value:"🐏",alt:"🐏",description:"ram"},{value:"🐑",alt:"🐑",description:"ewe"},{value:"🐐",alt:"🐐",description:"goat"},{value:"🐪",alt:"🐪",description:"camel"},{value:"🐫",alt:"🐫",description:"two-hump camel"},{value:"🦙",alt:"🦙",description:"llama"},{value:"🦒",alt:"🦒",description:"giraffe"},{value:"🐘",alt:"🐘",description:"elephant"},{value:"🦏",alt:"🦏",description:"rhinoceros"},{value:"🦛",alt:"🦛",description:"hippopotamus"},{value:"🐭",alt:"🐭",description:"mouse face"},{value:"🐁",alt:"🐁",description:"mouse"},{value:"🐀",alt:"🐀",description:"rat"},{value:"🐹",alt:"🐹",description:"hamster"},{value:"🐰",alt:"🐰",description:"rabbit face"},{value:"🐇",alt:"🐇",description:"rabbit"},{value:"🐿",alt:"🐿",description:"chipmunk"},{value:"🦔",alt:"🦔",description:"hedgehog"},{value:"🦇",alt:"🦇",description:"bat"},{value:"🐻",alt:"🐻",description:"bear"},{value:"🐨",alt:"🐨",description:"koala"},{value:"🐼",alt:"🐼",description:"panda"},{value:"🦥",alt:"🦥",description:"sloth"},{value:"🦦",alt:"🦦",description:"otter"},{value:"🦨",alt:"🦨",description:"skunk"},{value:"🦘",alt:"🦘",description:"kangaroo"},{value:"🦡",alt:"🦡",description:"badger"},{value:"🐾",alt:"🐾",description:"paw prints"},{value:"🦃",alt:"🦃",description:"turkey"},{value:"🐔",alt:"🐔",description:"chicken"},{value:"🐓",alt:"🐓",description:"rooster"},{value:"🐣",alt:"🐣",description:"hatching chick"},{value:"🐤",alt:"🐤",description:"baby chick"},{value:"🐥",alt:"🐥",description:"front-facing baby chick"},{value:"🐦",alt:"🐦",description:"bird"},{value:"🐧",alt:"🐧",description:"penguin"},{value:"🕊",alt:"🕊",description:"dove"},{value:"🦅",alt:"🦅",description:"eagle"},{value:"🦆",alt:"🦆",description:"duck"},{value:"🦢",alt:"🦢",description:"swan"},{value:"🦉",alt:"🦉",description:"owl"},{value:"🦩",alt:"🦩",description:"flamingo"},{value:"🦚",alt:"🦚",description:"peacock"},{value:"🦜",alt:"🦜",description:"parrot"},{value:"🐸",alt:"🐸",description:"frog"},{value:"🐊",alt:"🐊",description:"crocodile"},{value:"🐢",alt:"🐢",description:"turtle"},{value:"🦎",alt:"🦎",description:"lizard"},{value:"🐍",alt:"🐍",description:"snake"},{value:"🐲",alt:"🐲",description:"dragon face"},{value:"🐉",alt:"🐉",description:"dragon"},{value:"🦕",alt:"🦕",description:"sauropod"},{value:"🦖",alt:"🦖",description:"T-Rex"},{value:"🐳",alt:"🐳",description:"spouting whale"},{value:"🐋",alt:"🐋",description:"whale"},{value:"🐬",alt:"🐬",description:"dolphin"},{value:"🐟",alt:"🐟",description:"fish"},{value:"🐠",alt:"🐠",description:"tropical fish"},{value:"🐡",alt:"🐡",description:"blowfish"},{value:"🦈",alt:"🦈",description:"shark"},{value:"🐙",alt:"🐙",description:"octopus"},{value:"🐚",alt:"🐚",description:"spiral shell"},{value:"🐌",alt:"🐌",description:"snail"},{value:"🦋",alt:"🦋",description:"butterfly"},{value:"🐛",alt:"🐛",description:"bug"},{value:"🐜",alt:"🐜",description:"ant"},{value:"🐝",alt:"🐝",description:"honeybee"},{value:"🐞",alt:"🐞",description:"lady beetle"},{value:"🦗",alt:"🦗",description:"cricket"},{value:"🕷",alt:"🕷",description:"spider"},{value:"🕸",alt:"🕸",description:"spider web"},{value:"🦂",alt:"🦂",description:"scorpion"},{value:"🦟",alt:"🦟",description:"mosquito"},{value:"🦠",alt:"🦠",description:"microbe"},{value:"💐",alt:"💐",description:"bouquet"},{value:"🌸",alt:"🌸",description:"cherry blossom"},{value:"💮",alt:"💮",description:"white flower"},{value:"🏵",alt:"🏵",description:"rosette"},{value:"🌹",alt:"🌹",description:"rose"},{value:"🥀",alt:"🥀",description:"wilted flower"},{value:"🌺",alt:"🌺",description:"hibiscus"},{value:"🌻",alt:"🌻",description:"sunflower"},{value:"🌼",alt:"🌼",description:"blossom"},{value:"🌷",alt:"🌷",description:"tulip"},{value:"🌱",alt:"🌱",description:"seedling"},{value:"🌲",alt:"🌲",description:"evergreen tree"},{value:"🌳",alt:"🌳",description:"deciduous tree"},{value:"🌴",alt:"🌴",description:"palm tree"},{value:"🌵",alt:"🌵",description:"cactus"},{value:"🌾",alt:"🌾",description:"sheaf of rice"},{value:"🌿",alt:"🌿",description:"herb"},{value:"☘",alt:"☘",description:"shamrock"},{value:"🍀",alt:"🍀",description:"four leaf clover"},{value:"🍁",alt:"🍁",description:"maple leaf"},{value:"🍂",alt:"🍂",description:"fallen leaf"},{value:"🍃",alt:"🍃",description:"leaf fluttering in wind"}],food:[{value:"🍇",alt:"🍇",description:"grapes"},{value:"🍈",alt:"🍈",description:"melon"},{value:"🍉",alt:"🍉",description:"watermelon"},{value:"🍊",alt:"🍊",description:"tangerine"},{value:"🍋",alt:"🍋",description:"lemon"},{value:"🍌",alt:"🍌",description:"banana"},{value:"🍍",alt:"🍍",description:"pineapple"},{value:"🥭",alt:"🥭",description:"mango"},{value:"🍎",alt:"🍎",description:"red apple"},{value:"🍏",alt:"🍏",description:"green apple"},{value:"🍐",alt:"🍐",description:"pear"},{value:"🍑",alt:"🍑",description:"peach"},{value:"🍒",alt:"🍒",description:"cherries"},{value:"🍓",alt:"🍓",description:"strawberry"},{value:"🥝",alt:"🥝",description:"kiwi fruit"},{value:"🍅",alt:"🍅",description:"tomato"},{value:"🥥",alt:"🥥",description:"coconut"},{value:"🥑",alt:"🥑",description:"avocado"},{value:"🍆",alt:"🍆",description:"eggplant"},{value:"🥔",alt:"🥔",description:"potato"},{value:"🥕",alt:"🥕",description:"carrot"},{value:"🌽",alt:"🌽",description:"ear of corn"},{value:"🌶",alt:"🌶",description:"hot pepper"},{value:"🥒",alt:"🥒",description:"cucumber"},{value:"🥬",alt:"🥬",description:"leafy green"},{value:"🥦",alt:"🥦",description:"broccoli"},{value:"🧄",alt:"🧄",description:"garlic"},{value:"🧅",alt:"🧅",description:"onion"},{value:"🍄",alt:"🍄",description:"mushroom"},{value:"🥜",alt:"🥜",description:"peanuts"},{value:"🌰",alt:"🌰",description:"chestnut"},{value:"🍞",alt:"🍞",description:"bread"},{value:"🥐",alt:"🥐",description:"croissant"},{value:"🥖",alt:"🥖",description:"baguette bread"},{value:"🥨",alt:"🥨",description:"pretzel"},{value:"🥯",alt:"🥯",description:"bagel"},{value:"🥞",alt:"🥞",description:"pancakes"},{value:"🧇",alt:"🧇",description:"waffle"},{value:"🧀",alt:"🧀",description:"cheese wedge"},{value:"🍖",alt:"🍖",description:"meat on bone"},{value:"🍗",alt:"🍗",description:"poultry leg"},{value:"🥩",alt:"🥩",description:"cut of meat"},{value:"🥓",alt:"🥓",description:"bacon"},{value:"🍔",alt:"🍔",description:"hamburger"},{value:"🍟",alt:"🍟",description:"french fries"},{value:"🍕",alt:"🍕",description:"pizza"},{value:"🌭",alt:"🌭",description:"hot dog"},{value:"🥪",alt:"🥪",description:"sandwich"},{value:"🌮",alt:"🌮",description:"taco"},{value:"🌯",alt:"🌯",description:"burrito"},{value:"🥙",alt:"🥙",description:"stuffed flatbread"},{value:"🧆",alt:"🧆",description:"falafel"},{value:"🥚",alt:"🥚",description:"egg"},{value:"🍳",alt:"🍳",description:"cooking"},{value:"🥘",alt:"🥘",description:"shallow pan of food"},{value:"🍲",alt:"🍲",description:"pot of food"},{value:"🥣",alt:"🥣",description:"bowl with spoon"},{value:"🥗",alt:"🥗",description:"green salad"},{value:"🍿",alt:"🍿",description:"popcorn"},{value:"🧈",alt:"🧈",description:"butter"},{value:"🧂",alt:"🧂",description:"salt"},{value:"🥫",alt:"🥫",description:"canned food"},{value:"🍱",alt:"🍱",description:"bento box"},{value:"🍘",alt:"🍘",description:"rice cracker"},{value:"🍙",alt:"🍙",description:"rice ball"},{value:"🍚",alt:"🍚",description:"cooked rice"},{value:"🍛",alt:"🍛",description:"curry rice"},{value:"🍜",alt:"🍜",description:"steaming bowl"},{value:"🍝",alt:"🍝",description:"spaghetti"},{value:"🍠",alt:"🍠",description:"roasted sweet potato"},{value:"🍢",alt:"🍢",description:"oden"},{value:"🍣",alt:"🍣",description:"sushi"},{value:"🍤",alt:"🍤",description:"fried shrimp"},{value:"🍥",alt:"🍥",description:"fish cake with swirl"},{value:"🥮",alt:"🥮",description:"moon cake"},{value:"🍡",alt:"🍡",description:"dango"},{value:"🥟",alt:"🥟",description:"dumpling"},{value:"🥠",alt:"🥠",description:"fortune cookie"},{value:"🥡",alt:"🥡",description:"takeout box"},{value:"🦀",alt:"🦀",description:"crab"},{value:"🦞",alt:"🦞",description:"lobster"},{value:"🦐",alt:"🦐",description:"shrimp"},{value:"🦑",alt:"🦑",description:"squid"},{value:"🦪",alt:"🦪",description:"oyster"},{value:"🍦",alt:"🍦",description:"soft ice cream"},{value:"🍧",alt:"🍧",description:"shaved ice"},{value:"🍨",alt:"🍨",description:"ice cream"},{value:"🍩",alt:"🍩",description:"doughnut"},{value:"🍪",alt:"🍪",description:"cookie"},{value:"🎂",alt:"🎂",description:"birthday cake"},{value:"🍰",alt:"🍰",description:"shortcake"},{value:"🧁",alt:"🧁",description:"cupcake"},{value:"🥧",alt:"🥧",description:"pie"},{value:"🍫",alt:"🍫",description:"chocolate bar"},{value:"🍬",alt:"🍬",description:"candy"},{value:"🍭",alt:"🍭",description:"lollipop"},{value:"🍮",alt:"🍮",description:"custard"},{value:"🍯",alt:"🍯",description:"honey pot"},{value:"🍼",alt:"🍼",description:"baby bottle"},{value:"🥛",alt:"🥛",description:"glass of milk"},{value:"☕",alt:"☕",description:"hot beverage"},{value:"🍵",alt:"🍵",description:"teacup without handle"},{value:"🍶",alt:"🍶",description:"sake"},{value:"🍾",alt:"🍾",description:"bottle with popping cork"},{value:"🍷",alt:"🍷",description:"wine glass"},{value:"🍸",alt:"🍸",description:"cocktail glass"},{value:"🍹",alt:"🍹",description:"tropical drink"},{value:"🍺",alt:"🍺",description:"beer mug"},{value:"🍻",alt:"🍻",description:"clinking beer mugs"},{value:"🥂",alt:"🥂",description:"clinking glasses"},{value:"🥃",alt:"🥃",description:"tumbler glass"},{value:"🥤",alt:"🥤",description:"cup with straw"},{value:"🧃",alt:"🧃",description:"beverage box"},{value:"🧉",alt:"🧉",description:"mate"},{value:"🧊",alt:"🧊",description:"ice cube"},{value:"🥢",alt:"🥢",description:"chopsticks"},{value:"🍽",alt:"🍽",description:"fork and knife with plate"},{value:"🍴",alt:"🍴",description:"fork and knife"},{value:"🥄",alt:"🥄",description:"spoon"},{value:"🔪",alt:"🔪",description:"kitchen knife"},{value:"🏺",alt:"🏺",description:"amphora"}],travel:[{value:"🌍",alt:"🌍",description:"globe showing Europe-Africa"},{value:"🌎",alt:"🌎",description:"globe showing Americas"},{value:"🌏",alt:"🌏",description:"globe showing Asia-Australia"},{value:"🌐",alt:"🌐",description:"globe with meridians"},{value:"🗺",alt:"🗺",description:"world map"},{value:"🗾",alt:"🗾",description:"map of Japan"},{value:"🧭",alt:"🧭",description:"compass"},{value:"🏔",alt:"🏔",description:"snow-capped mountain"},{value:"⛰",alt:"⛰",description:"mountain"},{value:"🌋",alt:"🌋",description:"volcano"},{value:"🗻",alt:"🗻",description:"mount fuji"},{value:"🏕",alt:"🏕",description:"camping"},{value:"🏖",alt:"🏖",description:"beach with umbrella"},{value:"🏜",alt:"🏜",description:"desert"},{value:"🏝",alt:"🏝",description:"desert island"},{value:"🏞",alt:"🏞",description:"national park"},{value:"🏟",alt:"🏟",description:"stadium"},{value:"🏛",alt:"🏛",description:"classical building"},{value:"🏗",alt:"🏗",description:"building construction"},{value:"🧱",alt:"🧱",description:"brick"},{value:"🏘",alt:"🏘",description:"houses"},{value:"🏚",alt:"🏚",description:"derelict house"},{value:"🏠",alt:"🏠",description:"house"},{value:"🏡",alt:"🏡",description:"house with garden"},{value:"🏢",alt:"🏢",description:"office building"},{value:"🏣",alt:"🏣",description:"Japanese post office"},{value:"🏤",alt:"🏤",description:"post office"},{value:"🏥",alt:"🏥",description:"hospital"},{value:"🏦",alt:"🏦",description:"bank"},{value:"🏨",alt:"🏨",description:"hotel"},{value:"🏩",alt:"🏩",description:"love hotel"},{value:"🏪",alt:"🏪",description:"convenience store"},{value:"🏫",alt:"🏫",description:"school"},{value:"🏬",alt:"🏬",description:"department store"},{value:"🏭",alt:"🏭",description:"factory"},{value:"🏯",alt:"🏯",description:"Japanese castle"},{value:"🏰",alt:"🏰",description:"castle"},{value:"💒",alt:"💒",description:"wedding"},{value:"🗼",alt:"🗼",description:"Tokyo tower"},{value:"🗽",alt:"🗽",description:"Statue of Liberty"},{value:"⛪",alt:"⛪",description:"church"},{value:"🕌",alt:"🕌",description:"mosque"},{value:"🛕",alt:"🛕",description:"hindu temple"},{value:"🕍",alt:"🕍",description:"synagogue"},{value:"⛩",alt:"⛩",description:"shinto shrine"},{value:"🕋",alt:"🕋",description:"kaaba"},{value:"⛲",alt:"⛲",description:"fountain"},{value:"⛺",alt:"⛺",description:"tent"},{value:"🌁",alt:"🌁",description:"foggy"},{value:"🌃",alt:"🌃",description:"night with stars"},{value:"🏙",alt:"🏙",description:"cityscape"},{value:"🌄",alt:"🌄",description:"sunrise over mountains"},{value:"🌅",alt:"🌅",description:"sunrise"},{value:"🌆",alt:"🌆",description:"cityscape at dusk"},{value:"🌇",alt:"🌇",description:"sunset"},{value:"🌉",alt:"🌉",description:"bridge at night"},{value:"♨",alt:"♨",description:"hot springs"},{value:"🎠",alt:"🎠",description:"carousel horse"},{value:"🎡",alt:"🎡",description:"ferris wheel"},{value:"🎢",alt:"🎢",description:"roller coaster"},{value:"💈",alt:"💈",description:"barber pole"},{value:"🎪",alt:"🎪",description:"circus tent"},{value:"🚂",alt:"🚂",description:"locomotive"},{value:"🚃",alt:"🚃",description:"railway car"},{value:"🚄",alt:"🚄",description:"high-speed train"},{value:"🚅",alt:"🚅",description:"bullet train"},{value:"🚆",alt:"🚆",description:"train"},{value:"🚇",alt:"🚇",description:"metro"},{value:"🚈",alt:"🚈",description:"light rail"},{value:"🚉",alt:"🚉",description:"station"},{value:"🚊",alt:"🚊",description:"tram"},{value:"🚝",alt:"🚝",description:"monorail"},{value:"🚞",alt:"🚞",description:"mountain railway"},{value:"🚋",alt:"🚋",description:"tram car"},{value:"🚌",alt:"🚌",description:"bus"},{value:"🚍",alt:"🚍",description:"oncoming bus"},{value:"🚎",alt:"🚎",description:"trolleybus"},{value:"🚐",alt:"🚐",description:"minibus"},{value:"🚑",alt:"🚑",description:"ambulance"},{value:"🚒",alt:"🚒",description:"fire engine"},{value:"🚓",alt:"🚓",description:"police car"},{value:"🚔",alt:"🚔",description:"oncoming police car"},{value:"🚕",alt:"🚕",description:"taxi"},{value:"🚖",alt:"🚖",description:"oncoming taxi"},{value:"🚗",alt:"🚗",description:"automobile"},{value:"🚘",alt:"🚘",description:"oncoming automobile"},{value:"🚙",alt:"🚙",description:"sport utility vehicle"},{value:"🚚",alt:"🚚",description:"delivery truck"},{value:"🚛",alt:"🚛",description:"articulated lorry"},{value:"🚜",alt:"🚜",description:"tractor"},{value:"🏎",alt:"🏎",description:"racing car"},{value:"🏍",alt:"🏍",description:"motorcycle"},{value:"🛵",alt:"🛵",description:"motor scooter"},{value:"🦽",alt:"🦽",description:"manual wheelchair"},{value:"🦼",alt:"🦼",description:"motorized wheelchair"},{value:"🛺",alt:"🛺",description:"auto rickshaw"},{value:"🚲",alt:"🚲",description:"bicycle"},{value:"🛴",alt:"🛴",description:"kick scooter"},{value:"🛹",alt:"🛹",description:"skateboard"},{value:"🚏",alt:"🚏",description:"bus stop"},{value:"🛣",alt:"🛣",description:"motorway"},{value:"🛤",alt:"🛤",description:"railway track"},{value:"🛢",alt:"🛢",description:"oil drum"},{value:"⛽",alt:"⛽",description:"fuel pump"},{value:"🚨",alt:"🚨",description:"police car light"},{value:"🚥",alt:"🚥",description:"horizontal traffic light"},{value:"🚦",alt:"🚦",description:"vertical traffic light"},{value:"🛑",alt:"🛑",description:"stop sign"},{value:"🚧",alt:"🚧",description:"construction"},{value:"⚓",alt:"⚓",description:"anchor"},{value:"⛵",alt:"⛵",description:"sailboat"},{value:"🛶",alt:"🛶",description:"canoe"},{value:"🚤",alt:"🚤",description:"speedboat"},{value:"🛳",alt:"🛳",description:"passenger ship"},{value:"⛴",alt:"⛴",description:"ferry"},{value:"🛥",alt:"🛥",description:"motor boat"},{value:"🚢",alt:"🚢",description:"ship"},{value:"✈",alt:"✈",description:"airplane"},{value:"🛩",alt:"🛩",description:"small airplane"},{value:"🛫",alt:"🛫",description:"airplane departure"},{value:"🛬",alt:"🛬",description:"airplane arrival"},{value:"🪂",alt:"🪂",description:"parachute"},{value:"💺",alt:"💺",description:"seat"},{value:"🚁",alt:"🚁",description:"helicopter"},{value:"🚟",alt:"🚟",description:"suspension railway"},{value:"🚠",alt:"🚠",description:"mountain cableway"},{value:"🚡",alt:"🚡",description:"aerial tramway"},{value:"🛰",alt:"🛰",description:"satellite"},{value:"🚀",alt:"🚀",description:"rocket"},{value:"🛸",alt:"🛸",description:"flying saucer"},{value:"🛎",alt:"🛎",description:"bellhop bell"},{value:"🧳",alt:"🧳",description:"luggage"},{value:"⌛",alt:"⌛",description:"hourglass done"},{value:"⏳",alt:"⏳",description:"hourglass not done"},{value:"⌚",alt:"⌚",description:"watch"},{value:"⏰",alt:"⏰",description:"alarm clock"},{value:"⏱",alt:"⏱",description:"stopwatch"},{value:"⏲",alt:"⏲",description:"timer clock"},{value:"🕰",alt:"🕰",description:"mantelpiece clock"},{value:"🕛",alt:"🕛",description:"twelve o’clock"},{value:"🕧",alt:"🕧",description:"twelve-thirty"},{value:"🕐",alt:"🕐",description:"one o’clock"},{value:"🕜",alt:"🕜",description:"one-thirty"},{value:"🕑",alt:"🕑",description:"two o’clock"},{value:"🕝",alt:"🕝",description:"two-thirty"},{value:"🕒",alt:"🕒",description:"three o’clock"},{value:"🕞",alt:"🕞",description:"three-thirty"},{value:"🕓",alt:"🕓",description:"four o’clock"},{value:"🕟",alt:"🕟",description:"four-thirty"},{value:"🕔",alt:"🕔",description:"five o’clock"},{value:"🕠",alt:"🕠",description:"five-thirty"},{value:"🕕",alt:"🕕",description:"six o’clock"},{value:"🕡",alt:"🕡",description:"six-thirty"},{value:"🕖",alt:"🕖",description:"seven o’clock"},{value:"🕢",alt:"🕢",description:"seven-thirty"},{value:"🕗",alt:"🕗",description:"eight o’clock"},{value:"🕣",alt:"🕣",description:"eight-thirty"},{value:"🕘",alt:"🕘",description:"nine o’clock"},{value:"🕤",alt:"🕤",description:"nine-thirty"},{value:"🕙",alt:"🕙",description:"ten o’clock"},{value:"🕥",alt:"🕥",description:"ten-thirty"},{value:"🕚",alt:"🕚",description:"eleven o’clock"},{value:"🕦",alt:"🕦",description:"eleven-thirty"},{value:"🌑",alt:"🌑",description:"new moon"},{value:"🌒",alt:"🌒",description:"waxing crescent moon"},{value:"🌓",alt:"🌓",description:"first quarter moon"},{value:"🌔",alt:"🌔",description:"waxing gibbous moon"},{value:"🌕",alt:"🌕",description:"full moon"},{value:"🌖",alt:"🌖",description:"waning gibbous moon"},{value:"🌗",alt:"🌗",description:"last quarter moon"},{value:"🌘",alt:"🌘",description:"waning crescent moon"},{value:"🌙",alt:"🌙",description:"crescent moon"},{value:"🌚",alt:"🌚",description:"new moon face"},{value:"🌛",alt:"🌛",description:"first quarter moon face"},{value:"🌜",alt:"🌜",description:"last quarter moon face"},{value:"🌡",alt:"🌡",description:"thermometer"},{value:"☀",alt:"☀",description:"sun"},{value:"🌝",alt:"🌝",description:"full moon face"},{value:"🌞",alt:"🌞",description:"sun with face"},{value:"🪐",alt:"🪐",description:"ringed planet"},{value:"⭐",alt:"⭐",description:"star"},{value:"🌟",alt:"🌟",description:"glowing star"},{value:"🌠",alt:"🌠",description:"shooting star"},{value:"🌌",alt:"🌌",description:"milky way"},{value:"☁",alt:"☁",description:"cloud"},{value:"⛅",alt:"⛅",description:"sun behind cloud"},{value:"⛈",alt:"⛈",description:"cloud with lightning and rain"},{value:"🌤",alt:"🌤",description:"sun behind small cloud"},{value:"🌥",alt:"🌥",description:"sun behind large cloud"},{value:"🌦",alt:"🌦",description:"sun behind rain cloud"},{value:"🌧",alt:"🌧",description:"cloud with rain"},{value:"🌨",alt:"🌨",description:"cloud with snow"},{value:"🌩",alt:"🌩",description:"cloud with lightning"},{value:"🌪",alt:"🌪",description:"tornado"},{value:"🌫",alt:"🌫",description:"fog"},{value:"🌬",alt:"🌬",description:"wind face"},{value:"🌀",alt:"🌀",description:"cyclone"},{value:"🌈",alt:"🌈",description:"rainbow"},{value:"🌂",alt:"🌂",description:"closed umbrella"},{value:"☂",alt:"☂",description:"umbrella"},{value:"☔",alt:"☔",description:"umbrella with rain drops"},{value:"⛱",alt:"⛱",description:"umbrella on ground"},{value:"⚡",alt:"⚡",description:"high voltage"},{value:"❄",alt:"❄",description:"snowflake"},{value:"☃",alt:"☃",description:"snowman"},{value:"⛄",alt:"⛄",description:"snowman without snow"},{value:"☄",alt:"☄",description:"comet"},{value:"🔥",alt:"🔥",description:"fire"},{value:"💧",alt:"💧",description:"droplet"},{value:"🌊",alt:"🌊",description:"water wave"}],activities:[{value:"🎃",alt:"🎃",description:"jack-o-lantern"},{value:"🎄",alt:"🎄",description:"Christmas tree"},{value:"🎆",alt:"🎆",description:"fireworks"},{value:"🎇",alt:"🎇",description:"sparkler"},{value:"🧨",alt:"🧨",description:"firecracker"},{value:"✨",alt:"✨",description:"sparkles"},{value:"🎈",alt:"🎈",description:"balloon"},{value:"🎉",alt:"🎉",description:"party popper"},{value:"🎊",alt:"🎊",description:"confetti ball"},{value:"🎋",alt:"🎋",description:"tanabata tree"},{value:"🎍",alt:"🎍",description:"pine decoration"},{value:"🎎",alt:"🎎",description:"Japanese dolls"},{value:"🎏",alt:"🎏",description:"carp streamer"},{value:"🎐",alt:"🎐",description:"wind chime"},{value:"🎑",alt:"🎑",description:"moon viewing ceremony"},{value:"🧧",alt:"🧧",description:"red envelope"},{value:"🎀",alt:"🎀",description:"ribbon"},{value:"🎁",alt:"🎁",description:"wrapped gift"},{value:"🎗",alt:"🎗",description:"reminder ribbon"},{value:"🎟",alt:"🎟",description:"admission tickets"},{value:"🎫",alt:"🎫",description:"ticket"},{value:"🎖",alt:"🎖",description:"military medal"},{value:"🏆",alt:"🏆",description:"trophy"},{value:"🏅",alt:"🏅",description:"sports medal"},{value:"🥇",alt:"🥇",description:"1st place medal"},{value:"🥈",alt:"🥈",description:"2nd place medal"},{value:"🥉",alt:"🥉",description:"3rd place medal"},{value:"⚽",alt:"⚽",description:"soccer ball"},{value:"⚾",alt:"⚾",description:"baseball"},{value:"🥎",alt:"🥎",description:"softball"},{value:"🏀",alt:"🏀",description:"basketball"},{value:"🏐",alt:"🏐",description:"volleyball"},{value:"🏈",alt:"🏈",description:"american football"},{value:"🏉",alt:"🏉",description:"rugby football"},{value:"🎾",alt:"🎾",description:"tennis"},{value:"🥏",alt:"🥏",description:"flying disc"},{value:"🎳",alt:"🎳",description:"bowling"},{value:"🏏",alt:"🏏",description:"cricket game"},{value:"🏑",alt:"🏑",description:"field hockey"},{value:"🏒",alt:"🏒",description:"ice hockey"},{value:"🥍",alt:"🥍",description:"lacrosse"},{value:"🏓",alt:"🏓",description:"ping pong"},{value:"🏸",alt:"🏸",description:"badminton"},{value:"🥊",alt:"🥊",description:"boxing glove"},{value:"🥋",alt:"🥋",description:"martial arts uniform"},{value:"🥅",alt:"🥅",description:"goal net"},{value:"⛳",alt:"⛳",description:"flag in hole"},{value:"⛸",alt:"⛸",description:"ice skate"},{value:"🎣",alt:"🎣",description:"fishing pole"},{value:"🤿",alt:"🤿",description:"diving mask"},{value:"🎽",alt:"🎽",description:"running shirt"},{value:"🎿",alt:"🎿",description:"skis"},{value:"🛷",alt:"🛷",description:"sled"},{value:"🥌",alt:"🥌",description:"curling stone"},{value:"🎯",alt:"🎯",description:"direct hit"},{value:"🪀",alt:"🪀",description:"yo-yo"},{value:"🪁",alt:"🪁",description:"kite"},{value:"🎱",alt:"🎱",description:"pool 8 ball"},{value:"🔮",alt:"🔮",description:"crystal ball"},{value:"🧿",alt:"🧿",description:"nazar amulet"},{value:"🎮",alt:"🎮",description:"video game"},{value:"🕹",alt:"🕹",description:"joystick"},{value:"🎰",alt:"🎰",description:"slot machine"},{value:"🎲",alt:"🎲",description:"game die"},{value:"🧩",alt:"🧩",description:"puzzle piece"},{value:"🧸",alt:"🧸",description:"teddy bear"},{value:"♠",alt:"♠",description:"spade suit"},{value:"♥",alt:"♥",description:"heart suit"},{value:"♦",alt:"♦",description:"diamond suit"},{value:"♣",alt:"♣",description:"club suit"},{value:"♟",alt:"♟",description:"chess pawn"},{value:"🃏",alt:"🃏",description:"joker"},{value:"🀄",alt:"🀄",description:"mahjong red dragon"},{value:"🎴",alt:"🎴",description:"flower playing cards"},{value:"🎭",alt:"🎭",description:"performing arts"},{value:"🖼",alt:"🖼",description:"framed picture"},{value:"🎨",alt:"🎨",description:"artist palette"},{value:"🧵",alt:"🧵",description:"thread"},{value:"🧶",alt:"🧶",description:"yarn"}],objects:[{value:"👓",alt:"👓",description:"glasses"},{value:"🕶",alt:"🕶",description:"sunglasses"},{value:"🥽",alt:"🥽",description:"goggles"},{value:"🥼",alt:"🥼",description:"lab coat"},{value:"🦺",alt:"🦺",description:"safety vest"},{value:"👔",alt:"👔",description:"necktie"},{value:"👕",alt:"👕",description:"t-shirt"},{value:"👖",alt:"👖",description:"jeans"},{value:"🧣",alt:"🧣",description:"scarf"},{value:"🧤",alt:"🧤",description:"gloves"},{value:"🧥",alt:"🧥",description:"coat"},{value:"🧦",alt:"🧦",description:"socks"},{value:"👗",alt:"👗",description:"dress"},{value:"👘",alt:"👘",description:"kimono"},{value:"🥻",alt:"🥻",description:"sari"},{value:"🩱",alt:"🩱",description:"one-piece swimsuit"},{value:"🩲",alt:"🩲",description:"briefs"},{value:"🩳",alt:"🩳",description:"shorts"},{value:"👙",alt:"👙",description:"bikini"},{value:"👚",alt:"👚",description:"woman’s clothes"},{value:"👛",alt:"👛",description:"purse"},{value:"👜",alt:"👜",description:"handbag"},{value:"👝",alt:"👝",description:"clutch bag"},{value:"🛍",alt:"🛍",description:"shopping bags"},{value:"🎒",alt:"🎒",description:"backpack"},{value:"👞",alt:"👞",description:"man’s shoe"},{value:"👟",alt:"👟",description:"running shoe"},{value:"🥾",alt:"🥾",description:"hiking boot"},{value:"🥿",alt:"🥿",description:"flat shoe"},{value:"👠",alt:"👠",description:"high-heeled shoe"},{value:"👡",alt:"👡",description:"woman’s sandal"},{value:"🩰",alt:"🩰",description:"ballet shoes"},{value:"👢",alt:"👢",description:"woman’s boot"},{value:"👑",alt:"👑",description:"crown"},{value:"👒",alt:"👒",description:"woman’s hat"},{value:"🎩",alt:"🎩",description:"top hat"},{value:"🎓",alt:"🎓",description:"graduation cap"},{value:"🧢",alt:"🧢",description:"billed cap"},{value:"⛑",alt:"⛑",description:"rescue worker’s helmet"},{value:"📿",alt:"📿",description:"prayer beads"},{value:"💄",alt:"💄",description:"lipstick"},{value:"💍",alt:"💍",description:"ring"},{value:"💎",alt:"💎",description:"gem stone"},{value:"🔇",alt:"🔇",description:"muted speaker"},{value:"🔈",alt:"🔈",description:"speaker low volume"},{value:"🔉",alt:"🔉",description:"speaker medium volume"},{value:"🔊",alt:"🔊",description:"speaker high volume"},{value:"📢",alt:"📢",description:"loudspeaker"},{value:"📣",alt:"📣",description:"megaphone"},{value:"📯",alt:"📯",description:"postal horn"},{value:"🔔",alt:"🔔",description:"bell"},{value:"🔕",alt:"🔕",description:"bell with slash"},{value:"🎼",alt:"🎼",description:"musical score"},{value:"🎵",alt:"🎵",description:"musical note"},{value:"🎶",alt:"🎶",description:"musical notes"},{value:"🎙",alt:"🎙",description:"studio microphone"},{value:"🎚",alt:"🎚",description:"level slider"},{value:"🎛",alt:"🎛",description:"control knobs"},{value:"🎤",alt:"🎤",description:"microphone"},{value:"🎧",alt:"🎧",description:"headphone"},{value:"📻",alt:"📻",description:"radio"},{value:"🎷",alt:"🎷",description:"saxophone"},{value:"🎸",alt:"🎸",description:"guitar"},{value:"🎹",alt:"🎹",description:"musical keyboard"},{value:"🎺",alt:"🎺",description:"trumpet"},{value:"🎻",alt:"🎻",description:"violin"},{value:"🪕",alt:"🪕",description:"banjo"},{value:"🥁",alt:"🥁",description:"drum"},{value:"📱",alt:"📱",description:"mobile phone"},{value:"📲",alt:"📲",description:"mobile phone with arrow"},{value:"☎",alt:"☎",description:"telephone"},{value:"📞",alt:"📞",description:"telephone receiver"},{value:"📟",alt:"📟",description:"pager"},{value:"📠",alt:"📠",description:"fax machine"},{value:"🔋",alt:"🔋",description:"battery"},{value:"🔌",alt:"🔌",description:"electric plug"},{value:"💻",alt:"💻",description:"laptop computer"},{value:"🖥",alt:"🖥",description:"desktop computer"},{value:"🖨",alt:"🖨",description:"printer"},{value:"⌨",alt:"⌨",description:"keyboard"},{value:"🖱",alt:"🖱",description:"computer mouse"},{value:"🖲",alt:"🖲",description:"trackball"},{value:"💽",alt:"💽",description:"computer disk"},{value:"💾",alt:"💾",description:"floppy disk"},{value:"💿",alt:"💿",description:"optical disk"},{value:"📀",alt:"📀",description:"dvd"},{value:"🧮",alt:"🧮",description:"abacus"},{value:"🎥",alt:"🎥",description:"movie camera"},{value:"🎞",alt:"🎞",description:"film frames"},{value:"📽",alt:"📽",description:"film projector"},{value:"🎬",alt:"🎬",description:"clapper board"},{value:"📺",alt:"📺",description:"television"},{value:"📷",alt:"📷",description:"camera"},{value:"📸",alt:"📸",description:"camera with flash"},{value:"📹",alt:"📹",description:"video camera"},{value:"📼",alt:"📼",description:"videocassette"},{value:"🔍",alt:"🔍",description:"magnifying glass tilted left"},{value:"🔎",alt:"🔎",description:"magnifying glass tilted right"},{value:"🕯",alt:"🕯",description:"candle"},{value:"💡",alt:"💡",description:"light bulb"},{value:"🔦",alt:"🔦",description:"flashlight"},{value:"🏮",alt:"🏮",description:"red paper lantern"},{value:"🪔",alt:"🪔",description:"diya lamp"},{value:"📔",alt:"📔",description:"notebook with decorative cover"},{value:"📕",alt:"📕",description:"closed book"},{value:"📖",alt:"📖",description:"open book"},{value:"📗",alt:"📗",description:"green book"},{value:"📘",alt:"📘",description:"blue book"},{value:"📙",alt:"📙",description:"orange book"},{value:"📚",alt:"📚",description:"books"},{value:"📓",alt:"📓",description:"notebook"},{value:"📒",alt:"📒",description:"ledger"},{value:"📃",alt:"📃",description:"page with curl"},{value:"📜",alt:"📜",description:"scroll"},{value:"📄",alt:"📄",description:"page facing up"},{value:"📰",alt:"📰",description:"newspaper"},{value:"🗞",alt:"🗞",description:"rolled-up newspaper"},{value:"📑",alt:"📑",description:"bookmark tabs"},{value:"🔖",alt:"🔖",description:"bookmark"},{value:"🏷",alt:"🏷",description:"label"},{value:"💰",alt:"💰",description:"money bag"},{value:"💴",alt:"💴",description:"yen banknote"},{value:"💵",alt:"💵",description:"dollar banknote"},{value:"💶",alt:"💶",description:"euro banknote"},{value:"💷",alt:"💷",description:"pound banknote"},{value:"💸",alt:"💸",description:"money with wings"},{value:"💳",alt:"💳",description:"credit card"},{value:"🧾",alt:"🧾",description:"receipt"},{value:"💹",alt:"💹",description:"chart increasing with yen"},{value:"💱",alt:"💱",description:"currency exchange"},{value:"💲",alt:"💲",description:"heavy dollar sign"},{value:"✉",alt:"✉",description:"envelope"},{value:"📧",alt:"📧",description:"e-mail"},{value:"📨",alt:"📨",description:"incoming envelope"},{value:"📩",alt:"📩",description:"envelope with arrow"},{value:"📤",alt:"📤",description:"outbox tray"},{value:"📥",alt:"📥",description:"inbox tray"},{value:"📦",alt:"📦",description:"package"},{value:"📫",alt:"📫",description:"closed mailbox with raised flag"},{value:"📪",alt:"📪",description:"closed mailbox with lowered flag"},{value:"📬",alt:"📬",description:"open mailbox with raised flag"},{value:"📭",alt:"📭",description:"open mailbox with lowered flag"},{value:"📮",alt:"📮",description:"postbox"},{value:"🗳",alt:"🗳",description:"ballot box with ballot"},{value:"✏",alt:"✏",description:"pencil"},{value:"✒",alt:"✒",description:"black nib"},{value:"🖋",alt:"🖋",description:"fountain pen"},{value:"🖊",alt:"🖊",description:"pen"},{value:"🖌",alt:"🖌",description:"paintbrush"},{value:"🖍",alt:"🖍",description:"crayon"},{value:"📝",alt:"📝",description:"memo"},{value:"💼",alt:"💼",description:"briefcase"},{value:"📁",alt:"📁",description:"file folder"},{value:"📂",alt:"📂",description:"open file folder"},{value:"🗂",alt:"🗂",description:"card index dividers"},{value:"📅",alt:"📅",description:"calendar"},{value:"📆",alt:"📆",description:"tear-off calendar"},{value:"🗒",alt:"🗒",description:"spiral notepad"},{value:"🗓",alt:"🗓",description:"spiral calendar"},{value:"📇",alt:"📇",description:"card index"},{value:"📈",alt:"📈",description:"chart increasing"},{value:"📉",alt:"📉",description:"chart decreasing"},{value:"📊",alt:"📊",description:"bar chart"},{value:"📋",alt:"📋",description:"clipboard"},{value:"📌",alt:"📌",description:"pushpin"},{value:"📍",alt:"📍",description:"round pushpin"},{value:"📎",alt:"📎",description:"paperclip"},{value:"🖇",alt:"🖇",description:"linked paperclips"},{value:"📏",alt:"📏",description:"straight ruler"},{value:"📐",alt:"📐",description:"triangular ruler"},{value:"✂",alt:"✂",description:"scissors"},{value:"🗃",alt:"🗃",description:"card file box"},{value:"🗄",alt:"🗄",description:"file cabinet"},{value:"🗑",alt:"🗑",description:"wastebasket"},{value:"🔒",alt:"🔒",description:"locked"},{value:"🔓",alt:"🔓",description:"unlocked"},{value:"🔏",alt:"🔏",description:"locked with pen"},{value:"🔐",alt:"🔐",description:"locked with key"},{value:"🔑",alt:"🔑",description:"key"},{value:"🗝",alt:"🗝",description:"old key"},{value:"🔨",alt:"🔨",description:"hammer"},{value:"🪓",alt:"🪓",description:"axe"},{value:"⛏",alt:"⛏",description:"pick"},{value:"⚒",alt:"⚒",description:"hammer and pick"},{value:"🛠",alt:"🛠",description:"hammer and wrench"},{value:"🗡",alt:"🗡",description:"dagger"},{value:"⚔",alt:"⚔",description:"crossed swords"},{value:"🔫",alt:"🔫",description:"pistol"},{value:"🏹",alt:"🏹",description:"bow and arrow"},{value:"🛡",alt:"🛡",description:"shield"},{value:"🔧",alt:"🔧",description:"wrench"},{value:"🔩",alt:"🔩",description:"nut and bolt"},{value:"⚙",alt:"⚙",description:"gear"},{value:"🗜",alt:"🗜",description:"clamp"},{value:"⚖",alt:"⚖",description:"balance scale"},{value:"🦯",alt:"🦯",description:"probing cane"},{value:"🔗",alt:"🔗",description:"link"},{value:"⛓",alt:"⛓",description:"chains"},{value:"🧰",alt:"🧰",description:"toolbox"},{value:"🧲",alt:"🧲",description:"magnet"},{value:"⚗",alt:"⚗",description:"alembic"},{value:"🧪",alt:"🧪",description:"test tube"},{value:"🧫",alt:"🧫",description:"petri dish"},{value:"🧬",alt:"🧬",description:"dna"},{value:"🔬",alt:"🔬",description:"microscope"},{value:"🔭",alt:"🔭",description:"telescope"},{value:"📡",alt:"📡",description:"satellite antenna"},{value:"💉",alt:"💉",description:"syringe"},{value:"🩸",alt:"🩸",description:"drop of blood"},{value:"💊",alt:"💊",description:"pill"},{value:"🩹",alt:"🩹",description:"adhesive bandage"},{value:"🩺",alt:"🩺",description:"stethoscope"},{value:"🚪",alt:"🚪",description:"door"},{value:"🛏",alt:"🛏",description:"bed"},{value:"🛋",alt:"🛋",description:"couch and lamp"},{value:"🪑",alt:"🪑",description:"chair"},{value:"🚽",alt:"🚽",description:"toilet"},{value:"🚿",alt:"🚿",description:"shower"},{value:"🛁",alt:"🛁",description:"bathtub"},{value:"🪒",alt:"🪒",description:"razor"},{value:"🧴",alt:"🧴",description:"lotion bottle"},{value:"🧷",alt:"🧷",description:"safety pin"},{value:"🧹",alt:"🧹",description:"broom"},{value:"🧺",alt:"🧺",description:"basket"},{value:"🧻",alt:"🧻",description:"roll of paper"},{value:"🧼",alt:"🧼",description:"soap"},{value:"🧽",alt:"🧽",description:"sponge"},{value:"🧯",alt:"🧯",description:"fire extinguisher"},{value:"🛒",alt:"🛒",description:"shopping cart"},{value:"🚬",alt:"🚬",description:"cigarette"},{value:"⚰",alt:"⚰",description:"coffin"},{value:"⚱",alt:"⚱",description:"funeral urn"},{value:"🗿",alt:"🗿",description:"moai"}],symbols:[{value:"🏧",alt:"🏧",description:"ATM sign"},{value:"🚮",alt:"🚮",description:"litter in bin sign"},{value:"🚰",alt:"🚰",description:"potable water"},{value:"♿",alt:"♿",description:"wheelchair symbol"},{value:"🚹",alt:"🚹",description:"men’s room"},{value:"🚺",alt:"🚺",description:"women’s room"},{value:"🚻",alt:"🚻",description:"restroom"},{value:"🚼",alt:"🚼",description:"baby symbol"},{value:"🚾",alt:"🚾",description:"water closet"},{value:"🛂",alt:"🛂",description:"passport control"},{value:"🛃",alt:"🛃",description:"customs"},{value:"🛄",alt:"🛄",description:"baggage claim"},{value:"🛅",alt:"🛅",description:"left luggage"},{value:"⚠",alt:"⚠",description:"warning"},{value:"🚸",alt:"🚸",description:"children crossing"},{value:"⛔",alt:"⛔",description:"no entry"},{value:"🚫",alt:"🚫",description:"prohibited"},{value:"🚳",alt:"🚳",description:"no bicycles"},{value:"🚭",alt:"🚭",description:"no smoking"},{value:"🚯",alt:"🚯",description:"no littering"},{value:"🚱",alt:"🚱",description:"non-potable water"},{value:"🚷",alt:"🚷",description:"no pedestrians"},{value:"📵",alt:"📵",description:"no mobile phones"},{value:"🔞",alt:"🔞",description:"no one under eighteen"},{value:"☢",alt:"☢",description:"radioactive"},{value:"☣",alt:"☣",description:"biohazard"},{value:"⬆",alt:"⬆",description:"up arrow"},{value:"↗",alt:"↗",description:"up-right arrow"},{value:"➡",alt:"➡",description:"right arrow"},{value:"↘",alt:"↘",description:"down-right arrow"},{value:"⬇",alt:"⬇",description:"down arrow"},{value:"↙",alt:"↙",description:"down-left arrow"},{value:"⬅",alt:"⬅",description:"left arrow"},{value:"↖",alt:"↖",description:"up-left arrow"},{value:"↕",alt:"↕",description:"up-down arrow"},{value:"↔",alt:"↔",description:"left-right arrow"},{value:"↩",alt:"↩",description:"right arrow curving left"},{value:"↪",alt:"↪",description:"left arrow curving right"},{value:"⤴",alt:"⤴",description:"right arrow curving up"},{value:"⤵",alt:"⤵",description:"right arrow curving down"},{value:"🔃",alt:"🔃",description:"clockwise vertical arrows"},{value:"🔄",alt:"🔄",description:"counterclockwise arrows button"},{value:"🔙",alt:"🔙",description:"BACK arrow"},{value:"🔚",alt:"🔚",description:"END arrow"},{value:"🔛",alt:"🔛",description:"ON! arrow"},{value:"🔜",alt:"🔜",description:"SOON arrow"},{value:"🔝",alt:"🔝",description:"TOP arrow"},{value:"🛐",alt:"🛐",description:"place of worship"},{value:"⚛",alt:"⚛",description:"atom symbol"},{value:"🕉",alt:"🕉",description:"om"},{value:"✡",alt:"✡",description:"star of David"},{value:"☸",alt:"☸",description:"wheel of dharma"},{value:"☯",alt:"☯",description:"yin yang"},{value:"✝",alt:"✝",description:"latin cross"},{value:"☦",alt:"☦",description:"orthodox cross"},{value:"☪",alt:"☪",description:"star and crescent"},{value:"☮",alt:"☮",description:"peace symbol"},{value:"🕎",alt:"🕎",description:"menorah"},{value:"🔯",alt:"🔯",description:"dotted six-pointed star"},{value:"♈",alt:"♈",description:"Aries"},{value:"♉",alt:"♉",description:"Taurus"},{value:"♊",alt:"♊",description:"Gemini"},{value:"♋",alt:"♋",description:"Cancer"},{value:"♌",alt:"♌",description:"Leo"},{value:"♍",alt:"♍",description:"Virgo"},{value:"♎",alt:"♎",description:"Libra"},{value:"♏",alt:"♏",description:"Scorpio"},{value:"♐",alt:"♐",description:"Sagittarius"},{value:"♑",alt:"♑",description:"Capricorn"},{value:"♒",alt:"♒",description:"Aquarius"},{value:"♓",alt:"♓",description:"Pisces"},{value:"⛎",alt:"⛎",description:"Ophiuchus"},{value:"🔀",alt:"🔀",description:"shuffle tracks button"},{value:"🔁",alt:"🔁",description:"repeat button"},{value:"🔂",alt:"🔂",description:"repeat single button"},{value:"▶",alt:"▶",description:"play button"},{value:"⏩",alt:"⏩",description:"fast-forward button"},{value:"⏭",alt:"⏭",description:"next track button"},{value:"⏯",alt:"⏯",description:"play or pause button"},{value:"◀",alt:"◀",description:"reverse button"},{value:"⏪",alt:"⏪",description:"fast reverse button"},{value:"⏮",alt:"⏮",description:"last track button"},{value:"🔼",alt:"🔼",description:"upwards button"},{value:"⏫",alt:"⏫",description:"fast up button"},{value:"🔽",alt:"🔽",description:"downwards button"},{value:"⏬",alt:"⏬",description:"fast down button"},{value:"⏸",alt:"⏸",description:"pause button"},{value:"⏹",alt:"⏹",description:"stop button"},{value:"⏺",alt:"⏺",description:"record button"},{value:"⏏",alt:"⏏",description:"eject button"},{value:"🎦",alt:"🎦",description:"cinema"},{value:"🔅",alt:"🔅",description:"dim button"},{value:"🔆",alt:"🔆",description:"bright button"},{value:"📶",alt:"📶",description:"antenna bars"},{value:"📳",alt:"📳",description:"vibration mode"},{value:"📴",alt:"📴",description:"mobile phone off"},{value:"♀",alt:"♀",description:"female sign"},{value:"♂",alt:"♂",description:"male sign"},{value:"⚕",alt:"⚕",description:"medical symbol"},{value:"♾",alt:"♾",description:"infinity"},{value:"♻",alt:"♻",description:"recycling symbol"},{value:"⚜",alt:"⚜",description:"fleur-de-lis"},{value:"🔱",alt:"🔱",description:"trident emblem"},{value:"📛",alt:"📛",description:"name badge"},{value:"🔰",alt:"🔰",description:"Japanese symbol for beginner"},{value:"⭕",alt:"⭕",description:"hollow red circle"},{value:"✅",alt:"✅",description:"check mark button"},{value:"☑",alt:"☑",description:"check box with check"},{value:"✔",alt:"✔",description:"check mark"},{value:"✖",alt:"✖",description:"multiplication sign"},{value:"❌",alt:"❌",description:"cross mark"},{value:"❎",alt:"❎",description:"cross mark button"},{value:"➕",alt:"➕",description:"plus sign"},{value:"➖",alt:"➖",description:"minus sign"},{value:"➗",alt:"➗",description:"division sign"},{value:"➰",alt:"➰",description:"curly loop"},{value:"➿",alt:"➿",description:"double curly loop"},{value:"〽",alt:"〽",description:"part alternation mark"},{value:"✳",alt:"✳",description:"eight-spoked asterisk"},{value:"✴",alt:"✴",description:"eight-pointed star"},{value:"❇",alt:"❇",description:"sparkle"},{value:"‼",alt:"‼",description:"double exclamation mark"},{value:"⁉",alt:"⁉",description:"exclamation question mark"},{value:"❓",alt:"❓",description:"question mark"},{value:"❔",alt:"❔",description:"white question mark"},{value:"❕",alt:"❕",description:"white exclamation mark"},{value:"❗",alt:"❗",description:"exclamation mark"},{value:"〰",alt:"〰",description:"wavy dash"},{value:"©",alt:"©",description:"copyright"},{value:"®",alt:"®",description:"registered"},{value:"™",alt:"™",description:"trade mark"},{value:"🔟",alt:"🔟",description:"keycap: 10"},{value:"🔠",alt:"🔠",description:"input latin uppercase"},{value:"🔡",alt:"🔡",description:"input latin lowercase"},{value:"🔢",alt:"🔢",description:"input numbers"},{value:"🔣",alt:"🔣",description:"input symbols"},{value:"🔤",alt:"🔤",description:"input latin letters"},{value:"🅰",alt:"🅰",description:"A button (blood type)"},{value:"🆎",alt:"🆎",description:"AB button (blood type)"},{value:"🅱",alt:"🅱",description:"B button (blood type)"},{value:"🆑",alt:"🆑",description:"CL button"},{value:"🆒",alt:"🆒",description:"COOL button"},{value:"🆓",alt:"🆓",description:"FREE button"},{value:"ℹ",alt:"ℹ",description:"information"},{value:"🆔",alt:"🆔",description:"ID button"},{value:"Ⓜ",alt:"Ⓜ",description:"circled M"},{value:"🆕",alt:"🆕",description:"NEW button"},{value:"🆖",alt:"🆖",description:"NG button"},{value:"🅾",alt:"🅾",description:"O button (blood type)"},{value:"🆗",alt:"🆗",description:"OK button"},{value:"🅿",alt:"🅿",description:"P button"},{value:"🆘",alt:"🆘",description:"SOS button"},{value:"🆙",alt:"🆙",description:"UP! button"},{value:"🆚",alt:"🆚",description:"VS button"},{value:"🈁",alt:"🈁",description:"Japanese “here” button"},{value:"🈂",alt:"🈂",description:"Japanese “service charge” button"},{value:"🈷",alt:"🈷",description:"Japanese “monthly amount” button"},{value:"🈶",alt:"🈶",description:"Japanese “not free of charge” button"},{value:"🈯",alt:"🈯",description:"Japanese “reserved” button"},{value:"🉐",alt:"🉐",description:"Japanese “bargain” button"},{value:"🈹",alt:"🈹",description:"Japanese “discount” button"},{value:"🈚",alt:"🈚",description:"Japanese “free of charge” button"},{value:"🈲",alt:"🈲",description:"Japanese “prohibited” button"},{value:"🉑",alt:"🉑",description:"Japanese “acceptable” button"},{value:"🈸",alt:"🈸",description:"Japanese “application” button"},{value:"🈴",alt:"🈴",description:"Japanese “passing grade” button"},{value:"🈳",alt:"🈳",description:"Japanese “vacancy” button"},{value:"㊗",alt:"㊗",description:"Japanese “congratulations” button"},{value:"㊙",alt:"㊙",description:"Japanese “secret” button"},{value:"🈺",alt:"🈺",description:"Japanese “open for business” button"},{value:"🈵",alt:"🈵",description:"Japanese “no vacancy” button"},{value:"🔴",alt:"🔴",description:"red circle"},{value:"🟠",alt:"🟠",description:"orange circle"},{value:"🟡",alt:"🟡",description:"yellow circle"},{value:"🟢",alt:"🟢",description:"green circle"},{value:"🔵",alt:"🔵",description:"blue circle"},{value:"🟣",alt:"🟣",description:"purple circle"},{value:"🟤",alt:"🟤",description:"brown circle"},{value:"⚫",alt:"⚫",description:"black circle"},{value:"⚪",alt:"⚪",description:"white circle"},{value:"🟥",alt:"🟥",description:"red square"},{value:"🟧",alt:"🟧",description:"orange square"},{value:"🟨",alt:"🟨",description:"yellow square"},{value:"🟩",alt:"🟩",description:"green square"},{value:"🟦",alt:"🟦",description:"blue square"},{value:"🟪",alt:"🟪",description:"purple square"},{value:"🟫",alt:"🟫",description:"brown square"},{value:"⬛",alt:"⬛",description:"black large square"},{value:"⬜",alt:"⬜",description:"white large square"},{value:"◼",alt:"◼",description:"black medium square"},{value:"◻",alt:"◻",description:"white medium square"},{value:"◾",alt:"◾",description:"black medium-small square"},{value:"◽",alt:"◽",description:"white medium-small square"},{value:"▪",alt:"▪",description:"black small square"},{value:"▫",alt:"▫",description:"white small square"},{value:"🔶",alt:"🔶",description:"large orange diamond"},{value:"🔷",alt:"🔷",description:"large blue diamond"},{value:"🔸",alt:"🔸",description:"small orange diamond"},{value:"🔹",alt:"🔹",description:"small blue diamond"},{value:"🔺",alt:"🔺",description:"red triangle pointed up"},{value:"🔻",alt:"🔻",description:"red triangle pointed down"},{value:"💠",alt:"💠",description:"diamond with a dot"},{value:"🔘",alt:"🔘",description:"radio button"},{value:"🔳",alt:"🔳",description:"white square button"},{value:"🔲",alt:"🔲",description:"black square button"}],flags:[{value:"🏁",alt:"🏁",description:"chequered flag"},{value:"🚩",alt:"🚩",description:"triangular flag"},{value:"🎌",alt:"🎌",description:"crossed flags"},{value:"🏴",alt:"🏴",description:"black flag"},{value:"🏳",alt:"🏳",description:"white flag"}]};export const SimplePickerEmojis=globalThis.SimplePickerEmojis; \ No newline at end of file +globalThis.SimplePickerEmojis=globalThis.SimplePickerEmojis||{emotions:[{value:"😀",alt:"😀",description:"grinning face"},{value:"😃",alt:"😃",description:"grinning face with big eyes"},{value:"😄",alt:"😄",description:"grinning face with smiling eyes"},{value:"😁",alt:"😁",description:"beaming face with smiling eyes"},{value:"😆",alt:"😆",description:"grinning squinting face"},{value:"😅",alt:"😅",description:"grinning face with sweat"},{value:"🤣",alt:"🤣",description:"rolling on the floor laughing"},{value:"😂",alt:"😂",description:"face with tears of joy"},{value:"🙂",alt:"🙂",description:"slightly smiling face"},{value:"🙃",alt:"🙃",description:"upside-down face"},{value:"😉",alt:"😉",description:"winking face"},{value:"😊",alt:"😊",description:"smiling face with smiling eyes"},{value:"😇",alt:"😇",description:"smiling face with halo"},{value:"🥰",alt:"🥰",description:"smiling face with hearts"},{value:"😍",alt:"😍",description:"smiling face with heart-eyes"},{value:"🤩",alt:"🤩",description:"star-struck"},{value:"😘",alt:"😘",description:"face blowing a kiss"},{value:"😗",alt:"😗",description:"kissing face"},{value:"😚",alt:"😚",description:"kissing face with closed eyes"},{value:"😙",alt:"😙",description:"kissing face with smiling eyes"},{value:"😋",alt:"😋",description:"face savoring food"},{value:"😛",alt:"😛",description:"face with tongue"},{value:"😜",alt:"😜",description:"winking face with tongue"},{value:"🤪",alt:"🤪",description:"zany face"},{value:"😝",alt:"😝",description:"squinting face with tongue"},{value:"🤑",alt:"🤑",description:"money-mouth face"},{value:"🤗",alt:"🤗",description:"hugging face"},{value:"🤭",alt:"🤭",description:"face with hand over mouth"},{value:"🤫",alt:"🤫",description:"shushing face"},{value:"🤔",alt:"🤔",description:"thinking face"},{value:"🤐",alt:"🤐",description:"zipper-mouth face"},{value:"🤨",alt:"🤨",description:"face with raised eyebrow"},{value:"😐",alt:"😐",description:"neutral face"},{value:"😑",alt:"😑",description:"expressionless face"},{value:"😶",alt:"😶",description:"face without mouth"},{value:"😏",alt:"😏",description:"smirking face"},{value:"😒",alt:"😒",description:"unamused face"},{value:"🙄",alt:"🙄",description:"face with rolling eyes"},{value:"😬",alt:"😬",description:"grimacing face"},{value:"🤥",alt:"🤥",description:"lying face"},{value:"😌",alt:"😌",description:"relieved face"},{value:"😔",alt:"😔",description:"pensive face"},{value:"😪",alt:"😪",description:"sleepy face"},{value:"🤤",alt:"🤤",description:"drooling face"},{value:"😴",alt:"😴",description:"sleeping face"},{value:"😷",alt:"😷",description:"face with medical mask"},{value:"🤒",alt:"🤒",description:"face with thermometer"},{value:"🤕",alt:"🤕",description:"face with head-bandage"},{value:"🤢",alt:"🤢",description:"nauseated face"},{value:"🤮",alt:"🤮",description:"face vomiting"},{value:"🤧",alt:"🤧",description:"sneezing face"},{value:"🥵",alt:"🥵",description:"hot face"},{value:"🥶",alt:"🥶",description:"cold face"},{value:"🥴",alt:"🥴",description:"woozy face"},{value:"😵",alt:"😵",description:"dizzy face"},{value:"🤯",alt:"🤯",description:"exploding head"},{value:"🤠",alt:"🤠",description:"cowboy hat face"},{value:"🥳",alt:"🥳",description:"partying face"},{value:"😎",alt:"😎",description:"smiling face with sunglasses"},{value:"🤓",alt:"🤓",description:"nerd face"},{value:"🧐",alt:"🧐",description:"face with monocle"},{value:"😕",alt:"😕",description:"confused face"},{value:"😟",alt:"😟",description:"worried face"},{value:"🙁",alt:"🙁",description:"slightly frowning face"},{value:"☹",alt:"☹",description:"frowning face"},{value:"😮",alt:"😮",description:"face with open mouth"},{value:"😯",alt:"😯",description:"hushed face"},{value:"😲",alt:"😲",description:"astonished face"},{value:"😳",alt:"😳",description:"flushed face"},{value:"🥺",alt:"🥺",description:"pleading face"},{value:"😦",alt:"😦",description:"frowning face with open mouth"},{value:"😧",alt:"😧",description:"anguished face"},{value:"😨",alt:"😨",description:"fearful face"},{value:"😰",alt:"😰",description:"anxious face with sweat"},{value:"😥",alt:"😥",description:"sad but relieved face"},{value:"😢",alt:"😢",description:"crying face"},{value:"😭",alt:"😭",description:"loudly crying face"},{value:"😱",alt:"😱",description:"face screaming in fear"},{value:"😖",alt:"😖",description:"confounded face"},{value:"😣",alt:"😣",description:"persevering face"},{value:"😞",alt:"😞",description:"disappointed face"},{value:"😓",alt:"😓",description:"downcast face with sweat"},{value:"😩",alt:"😩",description:"weary face"},{value:"😫",alt:"😫",description:"tired face"},{value:"🥱",alt:"🥱",description:"yawning face"},{value:"😤",alt:"😤",description:"face with steam from nose"},{value:"😡",alt:"😡",description:"pouting face"},{value:"😠",alt:"😠",description:"angry face"},{value:"🤬",alt:"🤬",description:"face with symbols on mouth"},{value:"😈",alt:"😈",description:"smiling face with horns"},{value:"👿",alt:"👿",description:"angry face with horns"},{value:"💀",alt:"💀",description:"skull"},{value:"☠",alt:"☠",description:"skull and crossbones"},{value:"💩",alt:"💩",description:"pile of poo"},{value:"🤡",alt:"🤡",description:"clown face"},{value:"👹",alt:"👹",description:"ogre"},{value:"👺",alt:"👺",description:"goblin"},{value:"👻",alt:"👻",description:"ghost"},{value:"👽",alt:"👽",description:"alien"},{value:"👾",alt:"👾",description:"alien monster"},{value:"🤖",alt:"🤖",description:"robot"},{value:"😺",alt:"😺",description:"grinning cat"},{value:"😸",alt:"😸",description:"grinning cat with smiling eyes"},{value:"😹",alt:"😹",description:"cat with tears of joy"},{value:"😻",alt:"😻",description:"smiling cat with heart-eyes"},{value:"😼",alt:"😼",description:"cat with wry smile"},{value:"😽",alt:"😽",description:"kissing cat"},{value:"🙀",alt:"🙀",description:"weary cat"},{value:"😿",alt:"😿",description:"crying cat"},{value:"😾",alt:"😾",description:"pouting cat"},{value:"🙈",alt:"🙈",description:"see-no-evil monkey"},{value:"🙉",alt:"🙉",description:"hear-no-evil monkey"},{value:"🙊",alt:"🙊",description:"speak-no-evil monkey"},{value:"💋",alt:"💋",description:"kiss mark"},{value:"💌",alt:"💌",description:"love letter"},{value:"💘",alt:"💘",description:"heart with arrow"},{value:"💝",alt:"💝",description:"heart with ribbon"},{value:"💖",alt:"💖",description:"sparkling heart"},{value:"💗",alt:"💗",description:"growing heart"},{value:"💓",alt:"💓",description:"beating heart"},{value:"💞",alt:"💞",description:"revolving hearts"},{value:"💕",alt:"💕",description:"two hearts"},{value:"💟",alt:"💟",description:"heart decoration"},{value:"❣",alt:"❣",description:"heart exclamation"},{value:"💔",alt:"💔",description:"broken heart"},{value:"❤",alt:"❤",description:"red heart"},{value:"🧡",alt:"🧡",description:"orange heart"},{value:"💛",alt:"💛",description:"yellow heart"},{value:"💚",alt:"💚",description:"green heart"},{value:"💙",alt:"💙",description:"blue heart"},{value:"💜",alt:"💜",description:"purple heart"},{value:"🤎",alt:"🤎",description:"brown heart"},{value:"🖤",alt:"🖤",description:"black heart"},{value:"🤍",alt:"🤍",description:"white heart"},{value:"💯",alt:"💯",description:"hundred points"},{value:"💢",alt:"💢",description:"anger symbol"},{value:"💥",alt:"💥",description:"collision"},{value:"💫",alt:"💫",description:"dizzy"},{value:"💦",alt:"💦",description:"sweat droplets"},{value:"💨",alt:"💨",description:"dashing away"},{value:"🕳",alt:"🕳",description:"hole"},{value:"💣",alt:"💣",description:"bomb"},{value:"💬",alt:"💬",description:"speech balloon"},{value:"🗨",alt:"🗨",description:"left speech bubble"},{value:"🗯",alt:"🗯",description:"right anger bubble"},{value:"💭",alt:"💭",description:"thought balloon"},{value:"💤",alt:"💤",description:"zzz"}],people:[{value:"👋",alt:"👋",description:"waving hand"},{value:"🤚",alt:"🤚",description:"raised back of hand"},{value:"🖐",alt:"🖐",description:"hand with fingers splayed"},{value:"✋",alt:"✋",description:"raised hand"},{value:"🖖",alt:"🖖",description:"vulcan salute"},{value:"👌",alt:"👌",description:"OK hand"},{value:"🤏",alt:"🤏",description:"pinching hand"},{value:"✌",alt:"✌",description:"victory hand"},{value:"🤞",alt:"🤞",description:"crossed fingers"},{value:"🤟",alt:"🤟",description:"love-you gesture"},{value:"🤘",alt:"🤘",description:"sign of the horns"},{value:"🤙",alt:"🤙",description:"call me hand"},{value:"👈",alt:"👈",description:"backhand index pointing left"},{value:"👉",alt:"👉",description:"backhand index pointing right"},{value:"👆",alt:"👆",description:"backhand index pointing up"},{value:"🖕",alt:"🖕",description:"middle finger"},{value:"👇",alt:"👇",description:"backhand index pointing down"},{value:"☝",alt:"☝",description:"index pointing up"},{value:"👍",alt:"👍",description:"thumbs up"},{value:"👎",alt:"👎",description:"thumbs down"},{value:"✊",alt:"✊",description:"raised fist"},{value:"👊",alt:"👊",description:"oncoming fist"},{value:"🤛",alt:"🤛",description:"left-facing fist"},{value:"🤜",alt:"🤜",description:"right-facing fist"},{value:"👏",alt:"👏",description:"clapping hands"},{value:"🙌",alt:"🙌",description:"raising hands"},{value:"👐",alt:"👐",description:"open hands"},{value:"🤲",alt:"🤲",description:"palms up together"},{value:"🤝",alt:"🤝",description:"handshake"},{value:"🙏",alt:"🙏",description:"folded hands"},{value:"✍",alt:"✍",description:"writing hand"},{value:"💅",alt:"💅",description:"nail polish"},{value:"🤳",alt:"🤳",description:"selfie"},{value:"💪",alt:"💪",description:"flexed biceps"},{value:"🦾",alt:"🦾",description:"mechanical arm"},{value:"🦿",alt:"🦿",description:"mechanical leg"},{value:"🦵",alt:"🦵",description:"leg"},{value:"🦶",alt:"🦶",description:"foot"},{value:"👂",alt:"👂",description:"ear"},{value:"🦻",alt:"🦻",description:"ear with hearing aid"},{value:"👃",alt:"👃",description:"nose"},{value:"🧠",alt:"🧠",description:"brain"},{value:"🦷",alt:"🦷",description:"tooth"},{value:"🦴",alt:"🦴",description:"bone"},{value:"👀",alt:"👀",description:"eyes"},{value:"👁",alt:"👁",description:"eye"},{value:"👅",alt:"👅",description:"tongue"},{value:"👄",alt:"👄",description:"mouth"},{value:"👶",alt:"👶",description:"baby"},{value:"🧒",alt:"🧒",description:"child"},{value:"👦",alt:"👦",description:"boy"},{value:"👧",alt:"👧",description:"girl"},{value:"🧑",alt:"🧑",description:"person"},{value:"👱",alt:"👱",description:"person: blond hair"},{value:"👨",alt:"👨",description:"man"},{value:"🧔",alt:"🧔",description:"man: beard"},{value:"👩",alt:"👩",description:"woman"},{value:"🧓",alt:"🧓",description:"older person"},{value:"👴",alt:"👴",description:"old man"},{value:"👵",alt:"👵",description:"old woman"},{value:"🙍",alt:"🙍",description:"person frowning"},{value:"🙎",alt:"🙎",description:"person pouting"},{value:"🙅",alt:"🙅",description:"person gesturing NO"},{value:"🙆",alt:"🙆",description:"person gesturing OK"},{value:"💁",alt:"💁",description:"person tipping hand"},{value:"🙋",alt:"🙋",description:"person raising hand"},{value:"🧏",alt:"🧏",description:"deaf person"},{value:"🙇",alt:"🙇",description:"person bowing"},{value:"🤦",alt:"🤦",description:"person facepalming"},{value:"🤷",alt:"🤷",description:"person shrugging"},{value:"👮",alt:"👮",description:"police officer"},{value:"🕵",alt:"🕵",description:"detective"},{value:"💂",alt:"💂",description:"guard"},{value:"👷",alt:"👷",description:"construction worker"},{value:"🤴",alt:"🤴",description:"prince"},{value:"👸",alt:"👸",description:"princess"},{value:"👳",alt:"👳",description:"person wearing turban"},{value:"👲",alt:"👲",description:"man with Chinese cap"},{value:"🧕",alt:"🧕",description:"woman with headscarf"},{value:"🤵",alt:"🤵",description:"man in tuxedo"},{value:"👰",alt:"👰",description:"bride with veil"},{value:"🤰",alt:"🤰",description:"pregnant woman"},{value:"🤱",alt:"🤱",description:"breast-feeding"},{value:"👼",alt:"👼",description:"baby angel"},{value:"🎅",alt:"🎅",description:"Santa Claus"},{value:"🤶",alt:"🤶",description:"Mrs. Claus"},{value:"🦸",alt:"🦸",description:"superhero"},{value:"🦹",alt:"🦹",description:"supervillain"},{value:"🧙",alt:"🧙",description:"mage"},{value:"🧚",alt:"🧚",description:"fairy"},{value:"🧛",alt:"🧛",description:"vampire"},{value:"🧜",alt:"🧜",description:"merperson"},{value:"🧝",alt:"🧝",description:"elf"},{value:"🧞",alt:"🧞",description:"genie"},{value:"🧟",alt:"🧟",description:"zombie"},{value:"💆",alt:"💆",description:"person getting massage"},{value:"💇",alt:"💇",description:"person getting haircut"},{value:"🚶",alt:"🚶",description:"person walking"},{value:"🧍",alt:"🧍",description:"person standing"},{value:"🧎",alt:"🧎",description:"person kneeling"},{value:"🏃",alt:"🏃",description:"person running"},{value:"💃",alt:"💃",description:"woman dancing"},{value:"🕺",alt:"🕺",description:"man dancing"},{value:"🕴",alt:"🕴",description:"man in suit levitating"},{value:"👯",alt:"👯",description:"people with bunny ears"},{value:"🧖",alt:"🧖",description:"person in steamy room"},{value:"🧗",alt:"🧗",description:"person climbing"},{value:"🤺",alt:"🤺",description:"person fencing"},{value:"🏇",alt:"🏇",description:"horse racing"},{value:"⛷",alt:"⛷",description:"skier"},{value:"🏂",alt:"🏂",description:"snowboarder"},{value:"🏌",alt:"🏌",description:"person golfing"},{value:"🏄",alt:"🏄",description:"person surfing"},{value:"🚣",alt:"🚣",description:"person rowing boat"},{value:"🏊",alt:"🏊",description:"person swimming"},{value:"⛹",alt:"⛹",description:"person bouncing ball"},{value:"🏋",alt:"🏋",description:"person lifting weights"},{value:"🚴",alt:"🚴",description:"person biking"},{value:"🚵",alt:"🚵",description:"person mountain biking"},{value:"🤸",alt:"🤸",description:"person cartwheeling"},{value:"🤼",alt:"🤼",description:"people wrestling"},{value:"🤽",alt:"🤽",description:"person playing water polo"},{value:"🤾",alt:"🤾",description:"person playing handball"},{value:"🤹",alt:"🤹",description:"person juggling"},{value:"🧘",alt:"🧘",description:"person in lotus position"},{value:"🛀",alt:"🛀",description:"person taking bath"},{value:"🛌",alt:"🛌",description:"person in bed"},{value:"👭",alt:"👭",description:"women holding hands"},{value:"👫",alt:"👫",description:"woman and man holding hands"},{value:"👬",alt:"👬",description:"men holding hands"},{value:"💏",alt:"💏",description:"kiss"},{value:"💑",alt:"💑",description:"couple with heart"},{value:"👪",alt:"👪",description:"family"},{value:"🗣",alt:"🗣",description:"speaking head"},{value:"👤",alt:"👤",description:"bust in silhouette"},{value:"👥",alt:"👥",description:"busts in silhouette"},{value:"👣",alt:"👣",description:"footprints"},{value:"🦰",alt:"🦰",description:"red hair"},{value:"🦱",alt:"🦱",description:"curly hair"},{value:"🦳",alt:"🦳",description:"white hair"},{value:"🦲",alt:"🦲",description:"bald"}],nature:[{value:"🐵",alt:"🐵",description:"monkey face"},{value:"🐒",alt:"🐒",description:"monkey"},{value:"🦍",alt:"🦍",description:"gorilla"},{value:"🦧",alt:"🦧",description:"orangutan"},{value:"🐶",alt:"🐶",description:"dog face"},{value:"🐕",alt:"🐕",description:"dog"},{value:"🦮",alt:"🦮",description:"guide dog"},{value:"🐩",alt:"🐩",description:"poodle"},{value:"🐺",alt:"🐺",description:"wolf"},{value:"🦊",alt:"🦊",description:"fox"},{value:"🦝",alt:"🦝",description:"raccoon"},{value:"🐱",alt:"🐱",description:"cat face"},{value:"🐈",alt:"🐈",description:"cat"},{value:"🦁",alt:"🦁",description:"lion"},{value:"🐯",alt:"🐯",description:"tiger face"},{value:"🐅",alt:"🐅",description:"tiger"},{value:"🐆",alt:"🐆",description:"leopard"},{value:"🐴",alt:"🐴",description:"horse face"},{value:"🐎",alt:"🐎",description:"horse"},{value:"🦄",alt:"🦄",description:"unicorn"},{value:"🦓",alt:"🦓",description:"zebra"},{value:"🦌",alt:"🦌",description:"deer"},{value:"🐮",alt:"🐮",description:"cow face"},{value:"🐂",alt:"🐂",description:"ox"},{value:"🐃",alt:"🐃",description:"water buffalo"},{value:"🐄",alt:"🐄",description:"cow"},{value:"🐷",alt:"🐷",description:"pig face"},{value:"🐖",alt:"🐖",description:"pig"},{value:"🐗",alt:"🐗",description:"boar"},{value:"🐽",alt:"🐽",description:"pig nose"},{value:"🐏",alt:"🐏",description:"ram"},{value:"🐑",alt:"🐑",description:"ewe"},{value:"🐐",alt:"🐐",description:"goat"},{value:"🐪",alt:"🐪",description:"camel"},{value:"🐫",alt:"🐫",description:"two-hump camel"},{value:"🦙",alt:"🦙",description:"llama"},{value:"🦒",alt:"🦒",description:"giraffe"},{value:"🐘",alt:"🐘",description:"elephant"},{value:"🦏",alt:"🦏",description:"rhinoceros"},{value:"🦛",alt:"🦛",description:"hippopotamus"},{value:"🐭",alt:"🐭",description:"mouse face"},{value:"🐁",alt:"🐁",description:"mouse"},{value:"🐀",alt:"🐀",description:"rat"},{value:"🐹",alt:"🐹",description:"hamster"},{value:"🐰",alt:"🐰",description:"rabbit face"},{value:"🐇",alt:"🐇",description:"rabbit"},{value:"🐿",alt:"🐿",description:"chipmunk"},{value:"🦔",alt:"🦔",description:"hedgehog"},{value:"🦇",alt:"🦇",description:"bat"},{value:"🐻",alt:"🐻",description:"bear"},{value:"🐨",alt:"🐨",description:"koala"},{value:"🐼",alt:"🐼",description:"panda"},{value:"🦥",alt:"🦥",description:"sloth"},{value:"🦦",alt:"🦦",description:"otter"},{value:"🦨",alt:"🦨",description:"skunk"},{value:"🦘",alt:"🦘",description:"kangaroo"},{value:"🦡",alt:"🦡",description:"badger"},{value:"🐾",alt:"🐾",description:"paw prints"},{value:"🦃",alt:"🦃",description:"turkey"},{value:"🐔",alt:"🐔",description:"chicken"},{value:"🐓",alt:"🐓",description:"rooster"},{value:"🐣",alt:"🐣",description:"hatching chick"},{value:"🐤",alt:"🐤",description:"baby chick"},{value:"🐥",alt:"🐥",description:"front-facing baby chick"},{value:"🐦",alt:"🐦",description:"bird"},{value:"🐧",alt:"🐧",description:"penguin"},{value:"🕊",alt:"🕊",description:"dove"},{value:"🦅",alt:"🦅",description:"eagle"},{value:"🦆",alt:"🦆",description:"duck"},{value:"🦢",alt:"🦢",description:"swan"},{value:"🦉",alt:"🦉",description:"owl"},{value:"🦩",alt:"🦩",description:"flamingo"},{value:"🦚",alt:"🦚",description:"peacock"},{value:"🦜",alt:"🦜",description:"parrot"},{value:"🐸",alt:"🐸",description:"frog"},{value:"🐊",alt:"🐊",description:"crocodile"},{value:"🐢",alt:"🐢",description:"turtle"},{value:"🦎",alt:"🦎",description:"lizard"},{value:"🐍",alt:"🐍",description:"snake"},{value:"🐲",alt:"🐲",description:"dragon face"},{value:"🐉",alt:"🐉",description:"dragon"},{value:"🦕",alt:"🦕",description:"sauropod"},{value:"🦖",alt:"🦖",description:"T-Rex"},{value:"🐳",alt:"🐳",description:"spouting whale"},{value:"🐋",alt:"🐋",description:"whale"},{value:"🐬",alt:"🐬",description:"dolphin"},{value:"🐟",alt:"🐟",description:"fish"},{value:"🐠",alt:"🐠",description:"tropical fish"},{value:"🐡",alt:"🐡",description:"blowfish"},{value:"🦈",alt:"🦈",description:"shark"},{value:"🐙",alt:"🐙",description:"octopus"},{value:"🐚",alt:"🐚",description:"spiral shell"},{value:"🐌",alt:"🐌",description:"snail"},{value:"🦋",alt:"🦋",description:"butterfly"},{value:"🐛",alt:"🐛",description:"bug"},{value:"🐜",alt:"🐜",description:"ant"},{value:"🐝",alt:"🐝",description:"honeybee"},{value:"🐞",alt:"🐞",description:"lady beetle"},{value:"🦗",alt:"🦗",description:"cricket"},{value:"🕷",alt:"🕷",description:"spider"},{value:"🕸",alt:"🕸",description:"spider web"},{value:"🦂",alt:"🦂",description:"scorpion"},{value:"🦟",alt:"🦟",description:"mosquito"},{value:"🦠",alt:"🦠",description:"microbe"},{value:"💐",alt:"💐",description:"bouquet"},{value:"🌸",alt:"🌸",description:"cherry blossom"},{value:"💮",alt:"💮",description:"white flower"},{value:"🏵",alt:"🏵",description:"rosette"},{value:"🌹",alt:"🌹",description:"rose"},{value:"🥀",alt:"🥀",description:"wilted flower"},{value:"🌺",alt:"🌺",description:"hibiscus"},{value:"🌻",alt:"🌻",description:"sunflower"},{value:"🌼",alt:"🌼",description:"blossom"},{value:"🌷",alt:"🌷",description:"tulip"},{value:"🌱",alt:"🌱",description:"seedling"},{value:"🌲",alt:"🌲",description:"evergreen tree"},{value:"🌳",alt:"🌳",description:"deciduous tree"},{value:"🌴",alt:"🌴",description:"palm tree"},{value:"🌵",alt:"🌵",description:"cactus"},{value:"🌾",alt:"🌾",description:"sheaf of rice"},{value:"🌿",alt:"🌿",description:"herb"},{value:"☘",alt:"☘",description:"shamrock"},{value:"🍀",alt:"🍀",description:"four leaf clover"},{value:"🍁",alt:"🍁",description:"maple leaf"},{value:"🍂",alt:"🍂",description:"fallen leaf"},{value:"🍃",alt:"🍃",description:"leaf fluttering in wind"}],food:[{value:"🍇",alt:"🍇",description:"grapes"},{value:"🍈",alt:"🍈",description:"melon"},{value:"🍉",alt:"🍉",description:"watermelon"},{value:"🍊",alt:"🍊",description:"tangerine"},{value:"🍋",alt:"🍋",description:"lemon"},{value:"🍌",alt:"🍌",description:"banana"},{value:"🍍",alt:"🍍",description:"pineapple"},{value:"🥭",alt:"🥭",description:"mango"},{value:"🍎",alt:"🍎",description:"red apple"},{value:"🍏",alt:"🍏",description:"green apple"},{value:"🍐",alt:"🍐",description:"pear"},{value:"🍑",alt:"🍑",description:"peach"},{value:"🍒",alt:"🍒",description:"cherries"},{value:"🍓",alt:"🍓",description:"strawberry"},{value:"🥝",alt:"🥝",description:"kiwi fruit"},{value:"🍅",alt:"🍅",description:"tomato"},{value:"🥥",alt:"🥥",description:"coconut"},{value:"🥑",alt:"🥑",description:"avocado"},{value:"🍆",alt:"🍆",description:"eggplant"},{value:"🥔",alt:"🥔",description:"potato"},{value:"🥕",alt:"🥕",description:"carrot"},{value:"🌽",alt:"🌽",description:"ear of corn"},{value:"🌶",alt:"🌶",description:"hot pepper"},{value:"🥒",alt:"🥒",description:"cucumber"},{value:"🥬",alt:"🥬",description:"leafy green"},{value:"🥦",alt:"🥦",description:"broccoli"},{value:"🧄",alt:"🧄",description:"garlic"},{value:"🧅",alt:"🧅",description:"onion"},{value:"🍄",alt:"🍄",description:"mushroom"},{value:"🥜",alt:"🥜",description:"peanuts"},{value:"🌰",alt:"🌰",description:"chestnut"},{value:"🍞",alt:"🍞",description:"bread"},{value:"🥐",alt:"🥐",description:"croissant"},{value:"🥖",alt:"🥖",description:"baguette bread"},{value:"🥨",alt:"🥨",description:"pretzel"},{value:"🥯",alt:"🥯",description:"bagel"},{value:"🥞",alt:"🥞",description:"pancakes"},{value:"🧇",alt:"🧇",description:"waffle"},{value:"🧀",alt:"🧀",description:"cheese wedge"},{value:"🍖",alt:"🍖",description:"meat on bone"},{value:"🍗",alt:"🍗",description:"poultry leg"},{value:"🥩",alt:"🥩",description:"cut of meat"},{value:"🥓",alt:"🥓",description:"bacon"},{value:"🍔",alt:"🍔",description:"hamburger"},{value:"🍟",alt:"🍟",description:"french fries"},{value:"🍕",alt:"🍕",description:"pizza"},{value:"🌭",alt:"🌭",description:"hot dog"},{value:"🥪",alt:"🥪",description:"sandwich"},{value:"🌮",alt:"🌮",description:"taco"},{value:"🌯",alt:"🌯",description:"burrito"},{value:"🥙",alt:"🥙",description:"stuffed flatbread"},{value:"🧆",alt:"🧆",description:"falafel"},{value:"🥚",alt:"🥚",description:"egg"},{value:"🍳",alt:"🍳",description:"cooking"},{value:"🥘",alt:"🥘",description:"shallow pan of food"},{value:"🍲",alt:"🍲",description:"pot of food"},{value:"🥣",alt:"🥣",description:"bowl with spoon"},{value:"🥗",alt:"🥗",description:"green salad"},{value:"🍿",alt:"🍿",description:"popcorn"},{value:"🧈",alt:"🧈",description:"butter"},{value:"🧂",alt:"🧂",description:"salt"},{value:"🥫",alt:"🥫",description:"canned food"},{value:"🍱",alt:"🍱",description:"bento box"},{value:"🍘",alt:"🍘",description:"rice cracker"},{value:"🍙",alt:"🍙",description:"rice ball"},{value:"🍚",alt:"🍚",description:"cooked rice"},{value:"🍛",alt:"🍛",description:"curry rice"},{value:"🍜",alt:"🍜",description:"steaming bowl"},{value:"🍝",alt:"🍝",description:"spaghetti"},{value:"🍠",alt:"🍠",description:"roasted sweet potato"},{value:"🍢",alt:"🍢",description:"oden"},{value:"🍣",alt:"🍣",description:"sushi"},{value:"🍤",alt:"🍤",description:"fried shrimp"},{value:"🍥",alt:"🍥",description:"fish cake with swirl"},{value:"🥮",alt:"🥮",description:"moon cake"},{value:"🍡",alt:"🍡",description:"dango"},{value:"🥟",alt:"🥟",description:"dumpling"},{value:"🥠",alt:"🥠",description:"fortune cookie"},{value:"🥡",alt:"🥡",description:"takeout box"},{value:"🦀",alt:"🦀",description:"crab"},{value:"🦞",alt:"🦞",description:"lobster"},{value:"🦐",alt:"🦐",description:"shrimp"},{value:"🦑",alt:"🦑",description:"squid"},{value:"🦪",alt:"🦪",description:"oyster"},{value:"🍦",alt:"🍦",description:"soft ice cream"},{value:"🍧",alt:"🍧",description:"shaved ice"},{value:"🍨",alt:"🍨",description:"ice cream"},{value:"🍩",alt:"🍩",description:"doughnut"},{value:"🍪",alt:"🍪",description:"cookie"},{value:"🎂",alt:"🎂",description:"birthday cake"},{value:"🍰",alt:"🍰",description:"shortcake"},{value:"🧁",alt:"🧁",description:"cupcake"},{value:"🥧",alt:"🥧",description:"pie"},{value:"🍫",alt:"🍫",description:"chocolate bar"},{value:"🍬",alt:"🍬",description:"candy"},{value:"🍭",alt:"🍭",description:"lollipop"},{value:"🍮",alt:"🍮",description:"custard"},{value:"🍯",alt:"🍯",description:"honey pot"},{value:"🍼",alt:"🍼",description:"baby bottle"},{value:"🥛",alt:"🥛",description:"glass of milk"},{value:"☕",alt:"☕",description:"hot beverage"},{value:"🍵",alt:"🍵",description:"teacup without handle"},{value:"🍶",alt:"🍶",description:"sake"},{value:"🍾",alt:"🍾",description:"bottle with popping cork"},{value:"🍷",alt:"🍷",description:"wine glass"},{value:"🍸",alt:"🍸",description:"cocktail glass"},{value:"🍹",alt:"🍹",description:"tropical drink"},{value:"🍺",alt:"🍺",description:"beer mug"},{value:"🍻",alt:"🍻",description:"clinking beer mugs"},{value:"🥂",alt:"🥂",description:"clinking glasses"},{value:"🥃",alt:"🥃",description:"tumbler glass"},{value:"🥤",alt:"🥤",description:"cup with straw"},{value:"🧃",alt:"🧃",description:"beverage box"},{value:"🧉",alt:"🧉",description:"mate"},{value:"🧊",alt:"🧊",description:"ice cube"},{value:"🥢",alt:"🥢",description:"chopsticks"},{value:"🍽",alt:"🍽",description:"fork and knife with plate"},{value:"🍴",alt:"🍴",description:"fork and knife"},{value:"🥄",alt:"🥄",description:"spoon"},{value:"🔪",alt:"🔪",description:"kitchen knife"},{value:"🏺",alt:"🏺",description:"amphora"}],travel:[{value:"🌍",alt:"🌍",description:"globe showing Europe-Africa"},{value:"🌎",alt:"🌎",description:"globe showing Americas"},{value:"🌏",alt:"🌏",description:"globe showing Asia-Australia"},{value:"🌐",alt:"🌐",description:"globe with meridians"},{value:"🗺",alt:"🗺",description:"world map"},{value:"🗾",alt:"🗾",description:"map of Japan"},{value:"🧭",alt:"🧭",description:"compass"},{value:"🏔",alt:"🏔",description:"snow-capped mountain"},{value:"⛰",alt:"⛰",description:"mountain"},{value:"🌋",alt:"🌋",description:"volcano"},{value:"🗻",alt:"🗻",description:"mount fuji"},{value:"🏕",alt:"🏕",description:"camping"},{value:"🏖",alt:"🏖",description:"beach with umbrella"},{value:"🏜",alt:"🏜",description:"desert"},{value:"🏝",alt:"🏝",description:"desert island"},{value:"🏞",alt:"🏞",description:"national park"},{value:"🏟",alt:"🏟",description:"stadium"},{value:"🏛",alt:"🏛",description:"classical building"},{value:"🏗",alt:"🏗",description:"building construction"},{value:"🧱",alt:"🧱",description:"brick"},{value:"🏘",alt:"🏘",description:"houses"},{value:"🏚",alt:"🏚",description:"derelict house"},{value:"🏠",alt:"🏠",description:"house"},{value:"🏡",alt:"🏡",description:"house with garden"},{value:"🏢",alt:"🏢",description:"office building"},{value:"🏣",alt:"🏣",description:"Japanese post office"},{value:"🏤",alt:"🏤",description:"post office"},{value:"🏥",alt:"🏥",description:"hospital"},{value:"🏦",alt:"🏦",description:"bank"},{value:"🏨",alt:"🏨",description:"hotel"},{value:"🏩",alt:"🏩",description:"love hotel"},{value:"🏪",alt:"🏪",description:"convenience store"},{value:"🏫",alt:"🏫",description:"school"},{value:"🏬",alt:"🏬",description:"department store"},{value:"🏭",alt:"🏭",description:"factory"},{value:"🏯",alt:"🏯",description:"Japanese castle"},{value:"🏰",alt:"🏰",description:"castle"},{value:"💒",alt:"💒",description:"wedding"},{value:"🗼",alt:"🗼",description:"Tokyo tower"},{value:"🗽",alt:"🗽",description:"Statue of Liberty"},{value:"⛪",alt:"⛪",description:"church"},{value:"🕌",alt:"🕌",description:"mosque"},{value:"🛕",alt:"🛕",description:"hindu temple"},{value:"🕍",alt:"🕍",description:"synagogue"},{value:"⛩",alt:"⛩",description:"shinto shrine"},{value:"🕋",alt:"🕋",description:"kaaba"},{value:"⛲",alt:"⛲",description:"fountain"},{value:"⛺",alt:"⛺",description:"tent"},{value:"🌁",alt:"🌁",description:"foggy"},{value:"🌃",alt:"🌃",description:"night with stars"},{value:"🏙",alt:"🏙",description:"cityscape"},{value:"🌄",alt:"🌄",description:"sunrise over mountains"},{value:"🌅",alt:"🌅",description:"sunrise"},{value:"🌆",alt:"🌆",description:"cityscape at dusk"},{value:"🌇",alt:"🌇",description:"sunset"},{value:"🌉",alt:"🌉",description:"bridge at night"},{value:"♨",alt:"♨",description:"hot springs"},{value:"🎠",alt:"🎠",description:"carousel horse"},{value:"🎡",alt:"🎡",description:"ferris wheel"},{value:"🎢",alt:"🎢",description:"roller coaster"},{value:"💈",alt:"💈",description:"barber pole"},{value:"🎪",alt:"🎪",description:"circus tent"},{value:"🚂",alt:"🚂",description:"locomotive"},{value:"🚃",alt:"🚃",description:"railway car"},{value:"🚄",alt:"🚄",description:"high-speed train"},{value:"🚅",alt:"🚅",description:"bullet train"},{value:"🚆",alt:"🚆",description:"train"},{value:"🚇",alt:"🚇",description:"metro"},{value:"🚈",alt:"🚈",description:"light rail"},{value:"🚉",alt:"🚉",description:"station"},{value:"🚊",alt:"🚊",description:"tram"},{value:"🚝",alt:"🚝",description:"monorail"},{value:"🚞",alt:"🚞",description:"mountain railway"},{value:"🚋",alt:"🚋",description:"tram car"},{value:"🚌",alt:"🚌",description:"bus"},{value:"🚍",alt:"🚍",description:"oncoming bus"},{value:"🚎",alt:"🚎",description:"trolleybus"},{value:"🚐",alt:"🚐",description:"minibus"},{value:"🚑",alt:"🚑",description:"ambulance"},{value:"🚒",alt:"🚒",description:"fire engine"},{value:"🚓",alt:"🚓",description:"police car"},{value:"🚔",alt:"🚔",description:"oncoming police car"},{value:"🚕",alt:"🚕",description:"taxi"},{value:"🚖",alt:"🚖",description:"oncoming taxi"},{value:"🚗",alt:"🚗",description:"automobile"},{value:"🚘",alt:"🚘",description:"oncoming automobile"},{value:"🚙",alt:"🚙",description:"sport utility vehicle"},{value:"🚚",alt:"🚚",description:"delivery truck"},{value:"🚛",alt:"🚛",description:"articulated lorry"},{value:"🚜",alt:"🚜",description:"tractor"},{value:"🏎",alt:"🏎",description:"racing car"},{value:"🏍",alt:"🏍",description:"motorcycle"},{value:"🛵",alt:"🛵",description:"motor scooter"},{value:"🦽",alt:"🦽",description:"manual wheelchair"},{value:"🦼",alt:"🦼",description:"motorized wheelchair"},{value:"🛺",alt:"🛺",description:"auto rickshaw"},{value:"🚲",alt:"🚲",description:"bicycle"},{value:"🛴",alt:"🛴",description:"kick scooter"},{value:"🛹",alt:"🛹",description:"skateboard"},{value:"🚏",alt:"🚏",description:"bus stop"},{value:"🛣",alt:"🛣",description:"motorway"},{value:"🛤",alt:"🛤",description:"railway track"},{value:"🛢",alt:"🛢",description:"oil drum"},{value:"⛽",alt:"⛽",description:"fuel pump"},{value:"🚨",alt:"🚨",description:"police car light"},{value:"🚥",alt:"🚥",description:"horizontal traffic light"},{value:"🚦",alt:"🚦",description:"vertical traffic light"},{value:"🛑",alt:"🛑",description:"stop sign"},{value:"🚧",alt:"🚧",description:"construction"},{value:"⚓",alt:"⚓",description:"anchor"},{value:"⛵",alt:"⛵",description:"sailboat"},{value:"🛶",alt:"🛶",description:"canoe"},{value:"🚤",alt:"🚤",description:"speedboat"},{value:"🛳",alt:"🛳",description:"passenger ship"},{value:"⛴",alt:"⛴",description:"ferry"},{value:"🛥",alt:"🛥",description:"motor boat"},{value:"🚢",alt:"🚢",description:"ship"},{value:"✈",alt:"✈",description:"airplane"},{value:"🛩",alt:"🛩",description:"small airplane"},{value:"🛫",alt:"🛫",description:"airplane departure"},{value:"🛬",alt:"🛬",description:"airplane arrival"},{value:"🪂",alt:"🪂",description:"parachute"},{value:"💺",alt:"💺",description:"seat"},{value:"🚁",alt:"🚁",description:"helicopter"},{value:"🚟",alt:"🚟",description:"suspension railway"},{value:"🚠",alt:"🚠",description:"mountain cableway"},{value:"🚡",alt:"🚡",description:"aerial tramway"},{value:"🛰",alt:"🛰",description:"satellite"},{value:"🚀",alt:"🚀",description:"rocket"},{value:"🛸",alt:"🛸",description:"flying saucer"},{value:"🛎",alt:"🛎",description:"bellhop bell"},{value:"🧳",alt:"🧳",description:"luggage"},{value:"⌛",alt:"⌛",description:"hourglass done"},{value:"⏳",alt:"⏳",description:"hourglass not done"},{value:"⌚",alt:"⌚",description:"watch"},{value:"⏰",alt:"⏰",description:"alarm clock"},{value:"⏱",alt:"⏱",description:"stopwatch"},{value:"⏲",alt:"⏲",description:"timer clock"},{value:"🕰",alt:"🕰",description:"mantelpiece clock"},{value:"🕛",alt:"🕛",description:"twelve o’clock"},{value:"🕧",alt:"🕧",description:"twelve-thirty"},{value:"🕐",alt:"🕐",description:"one o’clock"},{value:"🕜",alt:"🕜",description:"one-thirty"},{value:"🕑",alt:"🕑",description:"two o’clock"},{value:"🕝",alt:"🕝",description:"two-thirty"},{value:"🕒",alt:"🕒",description:"three o’clock"},{value:"🕞",alt:"🕞",description:"three-thirty"},{value:"🕓",alt:"🕓",description:"four o’clock"},{value:"🕟",alt:"🕟",description:"four-thirty"},{value:"🕔",alt:"🕔",description:"five o’clock"},{value:"🕠",alt:"🕠",description:"five-thirty"},{value:"🕕",alt:"🕕",description:"six o’clock"},{value:"🕡",alt:"🕡",description:"six-thirty"},{value:"🕖",alt:"🕖",description:"seven o’clock"},{value:"🕢",alt:"🕢",description:"seven-thirty"},{value:"🕗",alt:"🕗",description:"eight o’clock"},{value:"🕣",alt:"🕣",description:"eight-thirty"},{value:"🕘",alt:"🕘",description:"nine o’clock"},{value:"🕤",alt:"🕤",description:"nine-thirty"},{value:"🕙",alt:"🕙",description:"ten o’clock"},{value:"🕥",alt:"🕥",description:"ten-thirty"},{value:"🕚",alt:"🕚",description:"eleven o’clock"},{value:"🕦",alt:"🕦",description:"eleven-thirty"},{value:"🌑",alt:"🌑",description:"new moon"},{value:"🌒",alt:"🌒",description:"waxing crescent moon"},{value:"🌓",alt:"🌓",description:"first quarter moon"},{value:"🌔",alt:"🌔",description:"waxing gibbous moon"},{value:"🌕",alt:"🌕",description:"full moon"},{value:"🌖",alt:"🌖",description:"waning gibbous moon"},{value:"🌗",alt:"🌗",description:"last quarter moon"},{value:"🌘",alt:"🌘",description:"waning crescent moon"},{value:"🌙",alt:"🌙",description:"crescent moon"},{value:"🌚",alt:"🌚",description:"new moon face"},{value:"🌛",alt:"🌛",description:"first quarter moon face"},{value:"🌜",alt:"🌜",description:"last quarter moon face"},{value:"🌡",alt:"🌡",description:"thermometer"},{value:"☀",alt:"☀",description:"sun"},{value:"🌝",alt:"🌝",description:"full moon face"},{value:"🌞",alt:"🌞",description:"sun with face"},{value:"🪐",alt:"🪐",description:"ringed planet"},{value:"⭐",alt:"⭐",description:"star"},{value:"🌟",alt:"🌟",description:"glowing star"},{value:"🌠",alt:"🌠",description:"shooting star"},{value:"🌌",alt:"🌌",description:"milky way"},{value:"☁",alt:"☁",description:"cloud"},{value:"⛅",alt:"⛅",description:"sun behind cloud"},{value:"⛈",alt:"⛈",description:"cloud with lightning and rain"},{value:"🌤",alt:"🌤",description:"sun behind small cloud"},{value:"🌥",alt:"🌥",description:"sun behind large cloud"},{value:"🌦",alt:"🌦",description:"sun behind rain cloud"},{value:"🌧",alt:"🌧",description:"cloud with rain"},{value:"🌨",alt:"🌨",description:"cloud with snow"},{value:"🌩",alt:"🌩",description:"cloud with lightning"},{value:"🌪",alt:"🌪",description:"tornado"},{value:"🌫",alt:"🌫",description:"fog"},{value:"🌬",alt:"🌬",description:"wind face"},{value:"🌀",alt:"🌀",description:"cyclone"},{value:"🌈",alt:"🌈",description:"rainbow"},{value:"🌂",alt:"🌂",description:"closed umbrella"},{value:"☂",alt:"☂",description:"umbrella"},{value:"☔",alt:"☔",description:"umbrella with rain drops"},{value:"⛱",alt:"⛱",description:"umbrella on ground"},{value:"⚡",alt:"⚡",description:"high voltage"},{value:"❄",alt:"❄",description:"snowflake"},{value:"☃",alt:"☃",description:"snowman"},{value:"⛄",alt:"⛄",description:"snowman without snow"},{value:"☄",alt:"☄",description:"comet"},{value:"🔥",alt:"🔥",description:"fire"},{value:"💧",alt:"💧",description:"droplet"},{value:"🌊",alt:"🌊",description:"water wave"}],activities:[{value:"🎃",alt:"🎃",description:"jack-o-lantern"},{value:"🎄",alt:"🎄",description:"Christmas tree"},{value:"🎆",alt:"🎆",description:"fireworks"},{value:"🎇",alt:"🎇",description:"sparkler"},{value:"🧨",alt:"🧨",description:"firecracker"},{value:"✨",alt:"✨",description:"sparkles"},{value:"🎈",alt:"🎈",description:"balloon"},{value:"🎉",alt:"🎉",description:"party popper"},{value:"🎊",alt:"🎊",description:"confetti ball"},{value:"🎋",alt:"🎋",description:"tanabata tree"},{value:"🎍",alt:"🎍",description:"pine decoration"},{value:"🎎",alt:"🎎",description:"Japanese dolls"},{value:"🎏",alt:"🎏",description:"carp streamer"},{value:"🎐",alt:"🎐",description:"wind chime"},{value:"🎑",alt:"🎑",description:"moon viewing ceremony"},{value:"🧧",alt:"🧧",description:"red envelope"},{value:"🎀",alt:"🎀",description:"ribbon"},{value:"🎁",alt:"🎁",description:"wrapped gift"},{value:"🎗",alt:"🎗",description:"reminder ribbon"},{value:"🎟",alt:"🎟",description:"admission tickets"},{value:"🎫",alt:"🎫",description:"ticket"},{value:"🎖",alt:"🎖",description:"military medal"},{value:"🏆",alt:"🏆",description:"trophy"},{value:"🏅",alt:"🏅",description:"sports medal"},{value:"🥇",alt:"🥇",description:"1st place medal"},{value:"🥈",alt:"🥈",description:"2nd place medal"},{value:"🥉",alt:"🥉",description:"3rd place medal"},{value:"⚽",alt:"⚽",description:"soccer ball"},{value:"⚾",alt:"⚾",description:"baseball"},{value:"🥎",alt:"🥎",description:"softball"},{value:"🏀",alt:"🏀",description:"basketball"},{value:"🏐",alt:"🏐",description:"volleyball"},{value:"🏈",alt:"🏈",description:"american football"},{value:"🏉",alt:"🏉",description:"rugby football"},{value:"🎾",alt:"🎾",description:"tennis"},{value:"🥏",alt:"🥏",description:"flying disc"},{value:"🎳",alt:"🎳",description:"bowling"},{value:"🏏",alt:"🏏",description:"cricket game"},{value:"🏑",alt:"🏑",description:"field hockey"},{value:"🏒",alt:"🏒",description:"ice hockey"},{value:"🥍",alt:"🥍",description:"lacrosse"},{value:"🏓",alt:"🏓",description:"ping pong"},{value:"🏸",alt:"🏸",description:"badminton"},{value:"🥊",alt:"🥊",description:"boxing glove"},{value:"🥋",alt:"🥋",description:"martial arts uniform"},{value:"🥅",alt:"🥅",description:"goal net"},{value:"⛳",alt:"⛳",description:"flag in hole"},{value:"⛸",alt:"⛸",description:"ice skate"},{value:"🎣",alt:"🎣",description:"fishing pole"},{value:"🤿",alt:"🤿",description:"diving mask"},{value:"🎽",alt:"🎽",description:"running shirt"},{value:"🎿",alt:"🎿",description:"skis"},{value:"🛷",alt:"🛷",description:"sled"},{value:"🥌",alt:"🥌",description:"curling stone"},{value:"🎯",alt:"🎯",description:"direct hit"},{value:"🪀",alt:"🪀",description:"yo-yo"},{value:"🪁",alt:"🪁",description:"kite"},{value:"🎱",alt:"🎱",description:"pool 8 ball"},{value:"🔮",alt:"🔮",description:"crystal ball"},{value:"🧿",alt:"🧿",description:"nazar amulet"},{value:"🎮",alt:"🎮",description:"video game"},{value:"🕹",alt:"🕹",description:"joystick"},{value:"🎰",alt:"🎰",description:"slot machine"},{value:"🎲",alt:"🎲",description:"game die"},{value:"🧩",alt:"🧩",description:"puzzle piece"},{value:"🧸",alt:"🧸",description:"teddy bear"},{value:"♠",alt:"♠",description:"spade suit"},{value:"♥",alt:"♥",description:"heart suit"},{value:"♦",alt:"♦",description:"diamond suit"},{value:"♣",alt:"♣",description:"club suit"},{value:"♟",alt:"♟",description:"chess pawn"},{value:"🃏",alt:"🃏",description:"joker"},{value:"🀄",alt:"🀄",description:"mahjong red dragon"},{value:"🎴",alt:"🎴",description:"flower playing cards"},{value:"🎭",alt:"🎭",description:"performing arts"},{value:"🖼",alt:"🖼",description:"framed picture"},{value:"🎨",alt:"🎨",description:"artist palette"},{value:"🧵",alt:"🧵",description:"thread"},{value:"🧶",alt:"🧶",description:"yarn"}],objects:[{value:"👓",alt:"👓",description:"glasses"},{value:"🕶",alt:"🕶",description:"sunglasses"},{value:"🥽",alt:"🥽",description:"goggles"},{value:"🥼",alt:"🥼",description:"lab coat"},{value:"🦺",alt:"🦺",description:"safety vest"},{value:"👔",alt:"👔",description:"necktie"},{value:"👕",alt:"👕",description:"t-shirt"},{value:"👖",alt:"👖",description:"jeans"},{value:"🧣",alt:"🧣",description:"scarf"},{value:"🧤",alt:"🧤",description:"gloves"},{value:"🧥",alt:"🧥",description:"coat"},{value:"🧦",alt:"🧦",description:"socks"},{value:"👗",alt:"👗",description:"dress"},{value:"👘",alt:"👘",description:"kimono"},{value:"🥻",alt:"🥻",description:"sari"},{value:"🩱",alt:"🩱",description:"one-piece swimsuit"},{value:"🩲",alt:"🩲",description:"briefs"},{value:"🩳",alt:"🩳",description:"shorts"},{value:"👙",alt:"👙",description:"bikini"},{value:"👚",alt:"👚",description:"woman’s clothes"},{value:"👛",alt:"👛",description:"purse"},{value:"👜",alt:"👜",description:"handbag"},{value:"👝",alt:"👝",description:"clutch bag"},{value:"🛍",alt:"🛍",description:"shopping bags"},{value:"🎒",alt:"🎒",description:"backpack"},{value:"👞",alt:"👞",description:"man’s shoe"},{value:"👟",alt:"👟",description:"running shoe"},{value:"🥾",alt:"🥾",description:"hiking boot"},{value:"🥿",alt:"🥿",description:"flat shoe"},{value:"👠",alt:"👠",description:"high-heeled shoe"},{value:"👡",alt:"👡",description:"woman’s sandal"},{value:"🩰",alt:"🩰",description:"ballet shoes"},{value:"👢",alt:"👢",description:"woman’s boot"},{value:"👑",alt:"👑",description:"crown"},{value:"👒",alt:"👒",description:"woman’s hat"},{value:"🎩",alt:"🎩",description:"top hat"},{value:"🎓",alt:"🎓",description:"graduation cap"},{value:"🧢",alt:"🧢",description:"billed cap"},{value:"⛑",alt:"⛑",description:"rescue worker’s helmet"},{value:"📿",alt:"📿",description:"prayer beads"},{value:"💄",alt:"💄",description:"lipstick"},{value:"💍",alt:"💍",description:"ring"},{value:"💎",alt:"💎",description:"gem stone"},{value:"🔇",alt:"🔇",description:"muted speaker"},{value:"🔈",alt:"🔈",description:"speaker low volume"},{value:"🔉",alt:"🔉",description:"speaker medium volume"},{value:"🔊",alt:"🔊",description:"speaker high volume"},{value:"📢",alt:"📢",description:"loudspeaker"},{value:"📣",alt:"📣",description:"megaphone"},{value:"📯",alt:"📯",description:"postal horn"},{value:"🔔",alt:"🔔",description:"bell"},{value:"🔕",alt:"🔕",description:"bell with slash"},{value:"🎼",alt:"🎼",description:"musical score"},{value:"🎵",alt:"🎵",description:"musical note"},{value:"🎶",alt:"🎶",description:"musical notes"},{value:"🎙",alt:"🎙",description:"studio microphone"},{value:"🎚",alt:"🎚",description:"level slider"},{value:"🎛",alt:"🎛",description:"control knobs"},{value:"🎤",alt:"🎤",description:"microphone"},{value:"🎧",alt:"🎧",description:"headphone"},{value:"📻",alt:"📻",description:"radio"},{value:"🎷",alt:"🎷",description:"saxophone"},{value:"🎸",alt:"🎸",description:"guitar"},{value:"🎹",alt:"🎹",description:"musical keyboard"},{value:"🎺",alt:"🎺",description:"trumpet"},{value:"🎻",alt:"🎻",description:"violin"},{value:"🪕",alt:"🪕",description:"banjo"},{value:"🥁",alt:"🥁",description:"drum"},{value:"📱",alt:"📱",description:"mobile phone"},{value:"📲",alt:"📲",description:"mobile phone with arrow"},{value:"☎",alt:"☎",description:"telephone"},{value:"📞",alt:"📞",description:"telephone receiver"},{value:"📟",alt:"📟",description:"pager"},{value:"📠",alt:"📠",description:"fax machine"},{value:"🔋",alt:"🔋",description:"battery"},{value:"🔌",alt:"🔌",description:"electric plug"},{value:"💻",alt:"💻",description:"laptop computer"},{value:"🖥",alt:"🖥",description:"desktop computer"},{value:"🖨",alt:"🖨",description:"printer"},{value:"⌨",alt:"⌨",description:"keyboard"},{value:"🖱",alt:"🖱",description:"computer mouse"},{value:"🖲",alt:"🖲",description:"trackball"},{value:"💽",alt:"💽",description:"computer disk"},{value:"💾",alt:"💾",description:"floppy disk"},{value:"💿",alt:"💿",description:"optical disk"},{value:"📀",alt:"📀",description:"dvd"},{value:"🧮",alt:"🧮",description:"abacus"},{value:"🎥",alt:"🎥",description:"movie camera"},{value:"🎞",alt:"🎞",description:"film frames"},{value:"📽",alt:"📽",description:"film projector"},{value:"🎬",alt:"🎬",description:"clapper board"},{value:"📺",alt:"📺",description:"television"},{value:"📷",alt:"📷",description:"camera"},{value:"📸",alt:"📸",description:"camera with flash"},{value:"📹",alt:"📹",description:"video camera"},{value:"📼",alt:"📼",description:"videocassette"},{value:"🔍",alt:"🔍",description:"magnifying glass tilted left"},{value:"🔎",alt:"🔎",description:"magnifying glass tilted right"},{value:"🕯",alt:"🕯",description:"candle"},{value:"💡",alt:"💡",description:"light bulb"},{value:"🔦",alt:"🔦",description:"flashlight"},{value:"🏮",alt:"🏮",description:"red paper lantern"},{value:"🪔",alt:"🪔",description:"diya lamp"},{value:"📔",alt:"📔",description:"notebook with decorative cover"},{value:"📕",alt:"📕",description:"closed book"},{value:"📖",alt:"📖",description:"open book"},{value:"📗",alt:"📗",description:"green book"},{value:"📘",alt:"📘",description:"blue book"},{value:"📙",alt:"📙",description:"orange book"},{value:"📚",alt:"📚",description:"books"},{value:"📓",alt:"📓",description:"notebook"},{value:"📒",alt:"📒",description:"ledger"},{value:"📃",alt:"📃",description:"page with curl"},{value:"📜",alt:"📜",description:"scroll"},{value:"📄",alt:"📄",description:"page facing up"},{value:"📰",alt:"📰",description:"newspaper"},{value:"🗞",alt:"🗞",description:"rolled-up newspaper"},{value:"📑",alt:"📑",description:"bookmark tabs"},{value:"🔖",alt:"🔖",description:"bookmark"},{value:"🏷",alt:"🏷",description:"label"},{value:"💰",alt:"💰",description:"money bag"},{value:"💴",alt:"💴",description:"yen banknote"},{value:"💵",alt:"💵",description:"dollar banknote"},{value:"💶",alt:"💶",description:"euro banknote"},{value:"💷",alt:"💷",description:"pound banknote"},{value:"💸",alt:"💸",description:"money with wings"},{value:"💳",alt:"💳",description:"credit card"},{value:"🧾",alt:"🧾",description:"receipt"},{value:"💹",alt:"💹",description:"chart increasing with yen"},{value:"💱",alt:"💱",description:"currency exchange"},{value:"💲",alt:"💲",description:"heavy dollar sign"},{value:"✉",alt:"✉",description:"envelope"},{value:"📧",alt:"📧",description:"e-mail"},{value:"📨",alt:"📨",description:"incoming envelope"},{value:"📩",alt:"📩",description:"envelope with arrow"},{value:"📤",alt:"📤",description:"outbox tray"},{value:"📥",alt:"📥",description:"inbox tray"},{value:"📦",alt:"📦",description:"package"},{value:"📫",alt:"📫",description:"closed mailbox with raised flag"},{value:"📪",alt:"📪",description:"closed mailbox with lowered flag"},{value:"📬",alt:"📬",description:"open mailbox with raised flag"},{value:"📭",alt:"📭",description:"open mailbox with lowered flag"},{value:"📮",alt:"📮",description:"postbox"},{value:"🗳",alt:"🗳",description:"ballot box with ballot"},{value:"✏",alt:"✏",description:"pencil"},{value:"✒",alt:"✒",description:"black nib"},{value:"🖋",alt:"🖋",description:"fountain pen"},{value:"🖊",alt:"🖊",description:"pen"},{value:"🖌",alt:"🖌",description:"paintbrush"},{value:"🖍",alt:"🖍",description:"crayon"},{value:"📝",alt:"📝",description:"memo"},{value:"💼",alt:"💼",description:"briefcase"},{value:"📁",alt:"📁",description:"file folder"},{value:"📂",alt:"📂",description:"open file folder"},{value:"🗂",alt:"🗂",description:"card index dividers"},{value:"📅",alt:"📅",description:"calendar"},{value:"📆",alt:"📆",description:"tear-off calendar"},{value:"🗒",alt:"🗒",description:"spiral notepad"},{value:"🗓",alt:"🗓",description:"spiral calendar"},{value:"📇",alt:"📇",description:"card index"},{value:"📈",alt:"📈",description:"chart increasing"},{value:"📉",alt:"📉",description:"chart decreasing"},{value:"📊",alt:"📊",description:"bar chart"},{value:"📋",alt:"📋",description:"clipboard"},{value:"📌",alt:"📌",description:"pushpin"},{value:"📍",alt:"📍",description:"round pushpin"},{value:"📎",alt:"📎",description:"paperclip"},{value:"🖇",alt:"🖇",description:"linked paperclips"},{value:"📏",alt:"📏",description:"straight ruler"},{value:"📐",alt:"📐",description:"triangular ruler"},{value:"✂",alt:"✂",description:"scissors"},{value:"🗃",alt:"🗃",description:"card file box"},{value:"🗄",alt:"🗄",description:"file cabinet"},{value:"🗑",alt:"🗑",description:"wastebasket"},{value:"🔒",alt:"🔒",description:"locked"},{value:"🔓",alt:"🔓",description:"unlocked"},{value:"🔏",alt:"🔏",description:"locked with pen"},{value:"🔐",alt:"🔐",description:"locked with key"},{value:"🔑",alt:"🔑",description:"key"},{value:"🗝",alt:"🗝",description:"old key"},{value:"🔨",alt:"🔨",description:"hammer"},{value:"🪓",alt:"🪓",description:"axe"},{value:"⛏",alt:"⛏",description:"pick"},{value:"⚒",alt:"⚒",description:"hammer and pick"},{value:"🛠",alt:"🛠",description:"hammer and wrench"},{value:"🗡",alt:"🗡",description:"dagger"},{value:"⚔",alt:"⚔",description:"crossed swords"},{value:"🔫",alt:"🔫",description:"pistol"},{value:"🏹",alt:"🏹",description:"bow and arrow"},{value:"🛡",alt:"🛡",description:"shield"},{value:"🔧",alt:"🔧",description:"wrench"},{value:"🔩",alt:"🔩",description:"nut and bolt"},{value:"⚙",alt:"⚙",description:"gear"},{value:"🗜",alt:"🗜",description:"clamp"},{value:"⚖",alt:"⚖",description:"balance scale"},{value:"🦯",alt:"🦯",description:"probing cane"},{value:"🔗",alt:"🔗",description:"link"},{value:"⛓",alt:"⛓",description:"chains"},{value:"🧰",alt:"🧰",description:"toolbox"},{value:"🧲",alt:"🧲",description:"magnet"},{value:"⚗",alt:"⚗",description:"alembic"},{value:"🧪",alt:"🧪",description:"test tube"},{value:"🧫",alt:"🧫",description:"petri dish"},{value:"🧬",alt:"🧬",description:"dna"},{value:"🔬",alt:"🔬",description:"microscope"},{value:"🔭",alt:"🔭",description:"telescope"},{value:"📡",alt:"📡",description:"satellite antenna"},{value:"💉",alt:"💉",description:"syringe"},{value:"🩸",alt:"🩸",description:"drop of blood"},{value:"💊",alt:"💊",description:"pill"},{value:"🩹",alt:"🩹",description:"adhesive bandage"},{value:"🩺",alt:"🩺",description:"stethoscope"},{value:"🚪",alt:"🚪",description:"door"},{value:"🛏",alt:"🛏",description:"bed"},{value:"🛋",alt:"🛋",description:"couch and lamp"},{value:"🪑",alt:"🪑",description:"chair"},{value:"🚽",alt:"🚽",description:"toilet"},{value:"🚿",alt:"🚿",description:"shower"},{value:"🛁",alt:"🛁",description:"bathtub"},{value:"🪒",alt:"🪒",description:"razor"},{value:"🧴",alt:"🧴",description:"lotion bottle"},{value:"🧷",alt:"🧷",description:"safety pin"},{value:"🧹",alt:"🧹",description:"broom"},{value:"🧺",alt:"🧺",description:"basket"},{value:"🧻",alt:"🧻",description:"roll of paper"},{value:"🧼",alt:"🧼",description:"soap"},{value:"🧽",alt:"🧽",description:"sponge"},{value:"🧯",alt:"🧯",description:"fire extinguisher"},{value:"🛒",alt:"🛒",description:"shopping cart"},{value:"🚬",alt:"🚬",description:"cigarette"},{value:"⚰",alt:"⚰",description:"coffin"},{value:"⚱",alt:"⚱",description:"funeral urn"},{value:"🗿",alt:"🗿",description:"moai"}],symbols:[{value:"🏧",alt:"🏧",description:"ATM sign"},{value:"🚮",alt:"🚮",description:"litter in bin sign"},{value:"🚰",alt:"🚰",description:"potable water"},{value:"♿",alt:"♿",description:"wheelchair symbol"},{value:"🚹",alt:"🚹",description:"men’s room"},{value:"🚺",alt:"🚺",description:"women’s room"},{value:"🚻",alt:"🚻",description:"restroom"},{value:"🚼",alt:"🚼",description:"baby symbol"},{value:"🚾",alt:"🚾",description:"water closet"},{value:"🛂",alt:"🛂",description:"passport control"},{value:"🛃",alt:"🛃",description:"customs"},{value:"🛄",alt:"🛄",description:"baggage claim"},{value:"🛅",alt:"🛅",description:"left luggage"},{value:"⚠",alt:"⚠",description:"warning"},{value:"🚸",alt:"🚸",description:"children crossing"},{value:"⛔",alt:"⛔",description:"no entry"},{value:"🚫",alt:"🚫",description:"prohibited"},{value:"🚳",alt:"🚳",description:"no bicycles"},{value:"🚭",alt:"🚭",description:"no smoking"},{value:"🚯",alt:"🚯",description:"no littering"},{value:"🚱",alt:"🚱",description:"non-potable water"},{value:"🚷",alt:"🚷",description:"no pedestrians"},{value:"📵",alt:"📵",description:"no mobile phones"},{value:"🔞",alt:"🔞",description:"no one under eighteen"},{value:"☢",alt:"☢",description:"radioactive"},{value:"☣",alt:"☣",description:"biohazard"},{value:"⬆",alt:"⬆",description:"up arrow"},{value:"↗",alt:"↗",description:"up-right arrow"},{value:"➡",alt:"➡",description:"right arrow"},{value:"↘",alt:"↘",description:"down-right arrow"},{value:"⬇",alt:"⬇",description:"down arrow"},{value:"↙",alt:"↙",description:"down-left arrow"},{value:"⬅",alt:"⬅",description:"left arrow"},{value:"↖",alt:"↖",description:"up-left arrow"},{value:"↕",alt:"↕",description:"up-down arrow"},{value:"↔",alt:"↔",description:"left-right arrow"},{value:"↩",alt:"↩",description:"right arrow curving left"},{value:"↪",alt:"↪",description:"left arrow curving right"},{value:"⤴",alt:"⤴",description:"right arrow curving up"},{value:"⤵",alt:"⤵",description:"right arrow curving down"},{value:"🔃",alt:"🔃",description:"clockwise vertical arrows"},{value:"🔄",alt:"🔄",description:"counterclockwise arrows button"},{value:"🔙",alt:"🔙",description:"BACK arrow"},{value:"🔚",alt:"🔚",description:"END arrow"},{value:"🔛",alt:"🔛",description:"ON! arrow"},{value:"🔜",alt:"🔜",description:"SOON arrow"},{value:"🔝",alt:"🔝",description:"TOP arrow"},{value:"🛐",alt:"🛐",description:"place of worship"},{value:"⚛",alt:"⚛",description:"atom symbol"},{value:"🕉",alt:"🕉",description:"om"},{value:"✡",alt:"✡",description:"star of David"},{value:"☸",alt:"☸",description:"wheel of dharma"},{value:"☯",alt:"☯",description:"yin yang"},{value:"✝",alt:"✝",description:"latin cross"},{value:"☦",alt:"☦",description:"orthodox cross"},{value:"☪",alt:"☪",description:"star and crescent"},{value:"☮",alt:"☮",description:"peace symbol"},{value:"🕎",alt:"🕎",description:"menorah"},{value:"🔯",alt:"🔯",description:"dotted six-pointed star"},{value:"♈",alt:"♈",description:"Aries"},{value:"♉",alt:"♉",description:"Taurus"},{value:"♊",alt:"♊",description:"Gemini"},{value:"♋",alt:"♋",description:"Cancer"},{value:"♌",alt:"♌",description:"Leo"},{value:"♍",alt:"♍",description:"Virgo"},{value:"♎",alt:"♎",description:"Libra"},{value:"♏",alt:"♏",description:"Scorpio"},{value:"♐",alt:"♐",description:"Sagittarius"},{value:"♑",alt:"♑",description:"Capricorn"},{value:"♒",alt:"♒",description:"Aquarius"},{value:"♓",alt:"♓",description:"Pisces"},{value:"⛎",alt:"⛎",description:"Ophiuchus"},{value:"🔀",alt:"🔀",description:"shuffle tracks button"},{value:"🔁",alt:"🔁",description:"repeat button"},{value:"🔂",alt:"🔂",description:"repeat single button"},{value:"▶",alt:"▶",description:"play button"},{value:"⏩",alt:"⏩",description:"fast-forward button"},{value:"⏭",alt:"⏭",description:"next track button"},{value:"⏯",alt:"⏯",description:"play or pause button"},{value:"◀",alt:"◀",description:"reverse button"},{value:"⏪",alt:"⏪",description:"fast reverse button"},{value:"⏮",alt:"⏮",description:"last track button"},{value:"🔼",alt:"🔼",description:"upwards button"},{value:"⏫",alt:"⏫",description:"fast up button"},{value:"🔽",alt:"🔽",description:"downwards button"},{value:"⏬",alt:"⏬",description:"fast down button"},{value:"⏸",alt:"⏸",description:"pause button"},{value:"⏹",alt:"⏹",description:"stop button"},{value:"⏺",alt:"⏺",description:"record button"},{value:"⏏",alt:"⏏",description:"eject button"},{value:"🎦",alt:"🎦",description:"cinema"},{value:"🔅",alt:"🔅",description:"dim button"},{value:"🔆",alt:"🔆",description:"bright button"},{value:"📶",alt:"📶",description:"antenna bars"},{value:"📳",alt:"📳",description:"vibration mode"},{value:"📴",alt:"📴",description:"mobile phone off"},{value:"♀",alt:"♀",description:"female sign"},{value:"♂",alt:"♂",description:"male sign"},{value:"⚕",alt:"⚕",description:"medical symbol"},{value:"♾",alt:"♾",description:"infinity"},{value:"♻",alt:"♻",description:"recycling symbol"},{value:"⚜",alt:"⚜",description:"fleur-de-lis"},{value:"🔱",alt:"🔱",description:"trident emblem"},{value:"📛",alt:"📛",description:"name badge"},{value:"🔰",alt:"🔰",description:"Japanese symbol for beginner"},{value:"⭕",alt:"⭕",description:"hollow red circle"},{value:"✅",alt:"✅",description:"check mark button"},{value:"☑",alt:"☑",description:"check box with check"},{value:"✔",alt:"✔",description:"check mark"},{value:"✖",alt:"✖",description:"multiplication sign"},{value:"❌",alt:"❌",description:"cross mark"},{value:"❎",alt:"❎",description:"cross mark button"},{value:"➕",alt:"➕",description:"plus sign"},{value:"➖",alt:"➖",description:"minus sign"},{value:"➗",alt:"➗",description:"division sign"},{value:"➰",alt:"➰",description:"curly loop"},{value:"➿",alt:"➿",description:"double curly loop"},{value:"〽",alt:"〽",description:"part alternation mark"},{value:"✳",alt:"✳",description:"eight-spoked asterisk"},{value:"✴",alt:"✴",description:"eight-pointed star"},{value:"❇",alt:"❇",description:"sparkle"},{value:"‼",alt:"‼",description:"double exclamation mark"},{value:"⁉",alt:"⁉",description:"exclamation question mark"},{value:"❓",alt:"❓",description:"question mark"},{value:"❔",alt:"❔",description:"white question mark"},{value:"❕",alt:"❕",description:"white exclamation mark"},{value:"❗",alt:"❗",description:"exclamation mark"},{value:"〰",alt:"〰",description:"wavy dash"},{value:"©",alt:"©",description:"copyright"},{value:"®",alt:"®",description:"registered"},{value:"™",alt:"™",description:"trade mark"},{value:"🔟",alt:"🔟",description:"keycap: 10"},{value:"🔠",alt:"🔠",description:"input latin uppercase"},{value:"🔡",alt:"🔡",description:"input latin lowercase"},{value:"🔢",alt:"🔢",description:"input numbers"},{value:"🔣",alt:"🔣",description:"input symbols"},{value:"🔤",alt:"🔤",description:"input latin letters"},{value:"🅰",alt:"🅰",description:"A button (blood type)"},{value:"🆎",alt:"🆎",description:"AB button (blood type)"},{value:"🅱",alt:"🅱",description:"B button (blood type)"},{value:"🆑",alt:"🆑",description:"CL button"},{value:"🆒",alt:"🆒",description:"COOL button"},{value:"🆓",alt:"🆓",description:"FREE button"},{value:"ℹ",alt:"ℹ",description:"information"},{value:"🆔",alt:"🆔",description:"ID button"},{value:"Ⓜ",alt:"Ⓜ",description:"circled M"},{value:"🆕",alt:"🆕",description:"NEW button"},{value:"🆖",alt:"🆖",description:"NG button"},{value:"🅾",alt:"🅾",description:"O button (blood type)"},{value:"🆗",alt:"🆗",description:"OK button"},{value:"🅿",alt:"🅿",description:"P button"},{value:"🆘",alt:"🆘",description:"SOS button"},{value:"🆙",alt:"🆙",description:"UP! button"},{value:"🆚",alt:"🆚",description:"VS button"},{value:"🈁",alt:"🈁",description:"Japanese “here” button"},{value:"🈂",alt:"🈂",description:"Japanese “service charge” button"},{value:"🈷",alt:"🈷",description:"Japanese “monthly amount” button"},{value:"🈶",alt:"🈶",description:"Japanese “not free of charge” button"},{value:"🈯",alt:"🈯",description:"Japanese “reserved” button"},{value:"🉐",alt:"🉐",description:"Japanese “bargain” button"},{value:"🈹",alt:"🈹",description:"Japanese “discount” button"},{value:"🈚",alt:"🈚",description:"Japanese “free of charge” button"},{value:"🈲",alt:"🈲",description:"Japanese “prohibited” button"},{value:"🉑",alt:"🉑",description:"Japanese “acceptable” button"},{value:"🈸",alt:"🈸",description:"Japanese “application” button"},{value:"🈴",alt:"🈴",description:"Japanese “passing grade” button"},{value:"🈳",alt:"🈳",description:"Japanese “vacancy” button"},{value:"㊗",alt:"㊗",description:"Japanese “congratulations” button"},{value:"㊙",alt:"㊙",description:"Japanese “secret” button"},{value:"🈺",alt:"🈺",description:"Japanese “open for business” button"},{value:"🈵",alt:"🈵",description:"Japanese “no vacancy” button"},{value:"🔴",alt:"🔴",description:"red circle"},{value:"🟠",alt:"🟠",description:"orange circle"},{value:"🟡",alt:"🟡",description:"yellow circle"},{value:"🟢",alt:"🟢",description:"green circle"},{value:"🔵",alt:"🔵",description:"blue circle"},{value:"🟣",alt:"🟣",description:"purple circle"},{value:"🟤",alt:"🟤",description:"brown circle"},{value:"⚫",alt:"⚫",description:"black circle"},{value:"⚪",alt:"⚪",description:"white circle"},{value:"🟥",alt:"🟥",description:"red square"},{value:"🟧",alt:"🟧",description:"orange square"},{value:"🟨",alt:"🟨",description:"yellow square"},{value:"🟩",alt:"🟩",description:"green square"},{value:"🟦",alt:"🟦",description:"blue square"},{value:"🟪",alt:"🟪",description:"purple square"},{value:"🟫",alt:"🟫",description:"brown square"},{value:"⬛",alt:"⬛",description:"black large square"},{value:"⬜",alt:"⬜",description:"white large square"},{value:"◼",alt:"◼",description:"black medium square"},{value:"◻",alt:"◻",description:"white medium square"},{value:"◾",alt:"◾",description:"black medium-small square"},{value:"◽",alt:"◽",description:"white medium-small square"},{value:"▪",alt:"▪",description:"black small square"},{value:"▫",alt:"▫",description:"white small square"},{value:"🔶",alt:"🔶",description:"large orange diamond"},{value:"🔷",alt:"🔷",description:"large blue diamond"},{value:"🔸",alt:"🔸",description:"small orange diamond"},{value:"🔹",alt:"🔹",description:"small blue diamond"},{value:"🔺",alt:"🔺",description:"red triangle pointed up"},{value:"🔻",alt:"🔻",description:"red triangle pointed down"},{value:"💠",alt:"💠",description:"diamond with a dot"},{value:"🔘",alt:"🔘",description:"radio button"},{value:"🔳",alt:"🔳",description:"white square button"},{value:"🔲",alt:"🔲",description:"black square button"}],flags:[{value:"🏁",alt:"🏁",description:"chequered flag"},{value:"🚩",alt:"🚩",description:"triangular flag"},{value:"🎌",alt:"🎌",description:"crossed flags"},{value:"🏴",alt:"🏴",description:"black flag"},{value:"🏳",alt:"🏳",description:"white flag"}]};export const SimplePickerEmojis=globalThis.SimplePickerEmojis; \ No newline at end of file diff --git a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js index d4afb7d68..097916433 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-emoji-picker.js @@ -3,12 +3,14 @@ * @license Apache-2.0, see License.md for full text. */ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{SimplePickerBehaviors as s}from"../simple-picker.js";import{IntersectionObserverMixin as o}from"../../intersection-element/lib/IntersectionObserverMixin.js";class SimpleEmojiPicker extends(o(s(e))){static get styles(){return[super.styles,i` - simple-picker-option { + simple-picker-option:not([part="sample-option"]) { justify-content: space-around; --simple-picker-option-size: 30px; - font-size: 24px; + font-size: 18px; + text-align: left; line-height: 30px; - width: 30px; + width: 40px; + height: 30px; } .row { width: auto; diff --git a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js index 26143e3a1..1995355f5 100644 --- a/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js +++ b/haxcms/build/es6/node_modules/@haxtheweb/simple-picker/lib/simple-symbol-picker.js @@ -3,12 +3,14 @@ * @license Apache-2.0, see License.md for full text. */ import{LitElement as a,html as l,css as e}from"../../../lit/index.js";import{SimplePickerBehaviors as t}from"../simple-picker.js";class SimpleSymbolPicker extends(t(a)){static get styles(){return[super.styles,e` - simple-picker-option { + simple-picker-option:not([part="sample-option"]) { justify-content: space-around; --simple-picker-option-size: 30px; - font-size: 24px; + font-size: 18px; + text-align: left; line-height: 30px; - width: 30px; + width: 40px; + height: 30px; } simple-picker-option[part="sample-option"] { --simple-picker-option-size: unset; diff --git a/storybook/14d922d2.js b/storybook/0a16fe13.js similarity index 85% rename from storybook/14d922d2.js rename to storybook/0a16fe13.js index df194d9bb..7a811e629 100644 --- a/storybook/14d922d2.js +++ b/storybook/0a16fe13.js @@ -1 +1 @@ -System.register(["./2756a297.js","./f38fd47f.js","./eb16de87.js"],(function(t){"use strict";var n,e,o,a,i,s,c,l,d,r,u,p,m,h,b,f,g,v;return{setters:[function(t){n=t._,e=t.a,o=t.i,a=t.b,i=t.x,s=t.f,c=t.g,l=t.o,d=t.p,r=t.t,u=t.N,p=t.aW,m=t.s,h=t.c,b=t.d,f=t.e,g=t.j,v=t.k},function(){},function(){}],execute:function(){var y,k,w=t("HAXCMSOutlineEditorDialog",function(t){function p(){var t;return h(this,p),(t=b(this,p)).__disposer=[],t.manifestItems=[],t.viewMode=!1,t.t=t.t||{},t.t=f(f({},t.t),{},{save:"Save",cancel:"cancel"}),t}return n(p,t),e(p,[{key:"render",value:function(){return i(y||(y=a(['\n \n
\n \n \n
\n "])),this.viewMode,this.manifestItems,this._saveTap,this.t.save,this._cancelTap,this.t.cancel)}},{key:"updated",value:function(t){var n=this;s(c(p.prototype),"updated",this)&&s(c(p.prototype),"updated",this).call(this,t),t.forEach((function(t,e){"opened"==e&&n.dispatchEvent(new CustomEvent("opened-changed",{detail:n[e]})),"manifestItems"==e&&(n._manifestItemsChanged(n[e],t),n.dispatchEvent(new CustomEvent("manifest-edit-mode-changed",{detail:n[e]})))}))}},{key:"_manifestItemsChanged",value:function(t){t&&(globalThis.JSONOutlineSchema.requestAvailability().items=t,this.manifestItemsStatic=JSON.stringify(t,null,2))}},{key:"connectedCallback",value:function(){var t=this;s(c(p.prototype),"connectedCallback",this).call(this),l((function(n){t.manifestItems=d(r(u.manifest.items)),setTimeout((function(){t.shadowRoot&&t.shadowRoot.querySelector("#outline").__syncUIAndDataModel()}),500),t.__disposer.push(n)}))}},{key:"disconnectedCallback",value:function(){for(var t in this.__disposer)this.__disposer[t].dispose();s(c(p.prototype),"disconnectedCallback",this).call(this)}},{key:"_saveTap",value:(m=g(v().mark((function t(n){var e,o,a,i,s,c=this;return v().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return u.playSound("click"),t.next=3,this.shadowRoot.querySelector("#outline").getData();case 3:e=t.sent,o=0,a=0,i=0,e.items.map((function(t){t.delete?o++:t.new?i++:t.modified&&a++})),(""==(s="".concat(i>0?"‣ ".concat(i," new pages will be created\n"):"").concat(a>0?"‣ ".concat(a," pages will be updated\n"):"").concat(o>0?"‣ ".concat(o," pages will be deleted\n"):""))||globalThis.confirm("Saving will commit the following actions:\n".concat(s,"\nAre you sure?")))&&(globalThis.dispatchEvent(new CustomEvent("haxcms-save-outline",{bubbles:!0,composed:!0,detail:e.items})),setTimeout((function(){c.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}))}),0));case 12:case"end":return t.stop()}}),t,this)}))),function(t){return m.apply(this,arguments)})},{key:"_cancelTap",value:function(t){u.playSound("error"),this.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}))}}],[{key:"styles",get:function(){return[o(k||(k=a(["\n :host {\n display: block;\n height: 70vh;\n overflow: auto;\n padding-bottom: 40px;\n padding-top: 16px;\n min-width: 70vw;\n font-family: var(--ddd-font-navigation);\n }\n .buttons {\n position: absolute;\n bottom: 0;\n z-index: 1000000;\n background-color: var(--simple-modal-titlebar-background, #000000);\n left: 0;\n right: 0px;\n padding-left: 8px;\n }\n .buttons button {\n color: black;\n background-color: white;\n }\n simple-icon {\n margin-right: 4px;\n }\n outline-designer:not(:defined) {\n display: none;\n }\n #toggle {\n float: right;\n text-transform: unset;\n }\n button.hax-modal-btn {\n font-size: 30px;\n padding: 8px;\n margin: 4px 8px;\n color: white;\n background-color: green;\n border: 4px solid black;\n border-radius: 8px;\n font-family: sans-serif;\n }\n button.hax-modal-btn.cancel {\n background-color: red;\n }\n button.hax-modal-btn:hover,\n button.hax-modal-btn:focus {\n outline: 2px solid black;\n cursor: pointer;\n background-color: darkgreen;\n }\n button.hax-modal-btn.cancel:hover,\n button.hax-modal-btn.cancel:focus {\n background-color: darkred;\n }\n "])))]}},{key:"tag",get:function(){return"haxcms-outline-editor-dialog"}},{key:"properties",get:function(){return{opened:{type:Boolean},manifestItems:{type:Array},manifestItemsStatic:{type:String,attribute:"manifest-items-static"},viewLabel:{type:String,attribute:"view-label"},viewMode:{type:Boolean,attribute:"view-mode"}}}}]);var m}(p(m)));customElements.define(w.tag,w)}}})); +System.register(["./b67b5c68.js","./ed9b7f59.js","./514c06f5.js"],(function(t){"use strict";var n,e,o,i,a,s,c,l,d,r,u,p,m,b,h,f,g,v;return{setters:[function(t){n=t._,e=t.a,o=t.i,i=t.b,a=t.x,s=t.f,c=t.g,l=t.o,d=t.p,r=t.t,u=t.N,p=t.aW,m=t.s,b=t.c,h=t.d,f=t.e,g=t.j,v=t.k},function(){},function(){}],execute:function(){var y,k,w=t("HAXCMSOutlineEditorDialog",function(t){function p(){var t;return b(this,p),(t=h(this,p)).__disposer=[],t.manifestItems=[],t.viewMode=!1,t.t=t.t||{},t.t=f(f({},t.t),{},{save:"Save",cancel:"cancel"}),t}return n(p,t),e(p,[{key:"render",value:function(){return a(y||(y=i(['\n \n
\n \n \n
\n "])),this.viewMode,this.manifestItems,this._saveTap,this.t.save,this._cancelTap,this.t.cancel)}},{key:"updated",value:function(t){var n=this;s(c(p.prototype),"updated",this)&&s(c(p.prototype),"updated",this).call(this,t),t.forEach((function(t,e){"opened"==e&&n.dispatchEvent(new CustomEvent("opened-changed",{detail:n[e]})),"manifestItems"==e&&(n._manifestItemsChanged(n[e],t),n.dispatchEvent(new CustomEvent("manifest-edit-mode-changed",{detail:n[e]})))}))}},{key:"_manifestItemsChanged",value:function(t){t&&(globalThis.JSONOutlineSchema.requestAvailability().items=t,this.manifestItemsStatic=JSON.stringify(t,null,2))}},{key:"connectedCallback",value:function(){var t=this;s(c(p.prototype),"connectedCallback",this).call(this),l((function(n){t.manifestItems=d(r(u.manifest.items)),setTimeout((function(){t.shadowRoot&&t.shadowRoot.querySelector("#outline").__syncUIAndDataModel()}),500),t.__disposer.push(n)}))}},{key:"disconnectedCallback",value:function(){for(var t in this.__disposer)this.__disposer[t].dispose();s(c(p.prototype),"disconnectedCallback",this).call(this)}},{key:"_saveTap",value:(m=g(v().mark((function t(n){var e,o,i,a,s,c=this;return v().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return u.playSound("click"),t.next=3,this.shadowRoot.querySelector("#outline").getData();case 3:e=t.sent,o=0,i=0,a=0,e.items.map((function(t){t.delete?o++:t.new?a++:t.modified&&i++})),(""==(s="".concat(a>0?"‣ ".concat(a," new pages will be created\n"):"").concat(i>0?"‣ ".concat(i," pages will be updated\n"):"").concat(o>0?"‣ ".concat(o," pages will be deleted\n"):""))||globalThis.confirm("Saving will commit the following actions:\n".concat(s,"\nAre you sure?")))&&(globalThis.dispatchEvent(new CustomEvent("haxcms-save-outline",{bubbles:!0,composed:!0,detail:e.items})),setTimeout((function(){c.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}))}),0));case 12:case"end":return t.stop()}}),t,this)}))),function(t){return m.apply(this,arguments)})},{key:"_cancelTap",value:function(t){u.playSound("error"),this.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}))}}],[{key:"styles",get:function(){return[o(k||(k=i(["\n :host {\n display: block;\n height: 70vh;\n overflow: auto;\n padding-bottom: 40px;\n padding-top: 16px;\n min-width: 70vw;\n font-family: var(--ddd-font-navigation);\n }\n .buttons {\n position: absolute;\n bottom: 0;\n z-index: 1000000;\n background-color: var(--simple-modal-titlebar-background, #000000);\n left: 0;\n right: 0px;\n padding-left: 8px;\n }\n .buttons button {\n color: black;\n background-color: white;\n }\n simple-icon {\n margin-right: 4px;\n }\n outline-designer:not(:defined) {\n display: none;\n }\n #toggle {\n float: right;\n text-transform: unset;\n }\n button.hax-modal-btn {\n font-size: 30px;\n padding: 8px;\n margin: 4px 8px;\n color: white;\n background-color: green;\n border: 4px solid black;\n border-radius: 8px;\n font-family: sans-serif;\n }\n button.hax-modal-btn.cancel {\n background-color: red;\n }\n button.hax-modal-btn:hover,\n button.hax-modal-btn:focus {\n outline: 2px solid black;\n cursor: pointer;\n background-color: darkgreen;\n }\n button.hax-modal-btn.cancel:hover,\n button.hax-modal-btn.cancel:focus {\n background-color: darkred;\n }\n "])))]}},{key:"tag",get:function(){return"haxcms-outline-editor-dialog"}},{key:"properties",get:function(){return{opened:{type:Boolean},manifestItems:{type:Array},manifestItemsStatic:{type:String,attribute:"manifest-items-static"},viewLabel:{type:String,attribute:"view-label"},viewMode:{type:Boolean,attribute:"view-mode"}}}}]);var m}(p(m)));customElements.define(w.tag,w)}}})); diff --git a/storybook/120154bf.js b/storybook/0cca8c8a.js similarity index 95% rename from storybook/120154bf.js rename to storybook/0cca8c8a.js index f0af31e46..c8cc847c9 100644 --- a/storybook/120154bf.js +++ b/storybook/0cca8c8a.js @@ -1 +1 @@ -System.register(["./2756a297.js","./b443f28f.js"],(function(t){"use strict";var a,e,s,n,i,o,l,c,r,h;return{setters:[function(t){a=t._,e=t.a,s=t.f,n=t.g,i=t.c,o=t.d,l=t.o,c=t.t,r=t.h},function(t){h=t.R}],execute:function(){var d=t("AppHaxToast",function(t){function h(){var t;return i(this,h),(t=o(this,h)).windowControllers=new AbortController,l((function(){t.userName=c(r.user.name)})),l((function(){t.darkMode=c(r.darkMode)})),t}return a(h,t),e(h,[{key:"connectedCallback",value:function(){s(n(h.prototype),"connectedCallback",this).call(this),globalThis.addEventListener("haxcms-toast-hide",this.hideSimpleToast.bind(this),{signal:this.windowControllers.signal}),globalThis.addEventListener("haxcms-toast-show",this.showSimpleToast.bind(this),{signal:this.windowControllers.signal})}},{key:"hideSimpleToast",value:function(t){this.hide()}},{key:"disconnectedCallback",value:function(){this.windowControllers.abort(),s(n(h.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function(){return"app-hax-toast"}}])}(h));customElements.define(d.tag,d),globalThis.AppHaxToast=globalThis.AppHaxToast||{},globalThis.AppHaxToast.requestAvailability=function(){return globalThis.AppHaxToast.instance||(globalThis.AppHaxToast.instance=globalThis.document.createElement(d.tag),globalThis.document.body.appendChild(globalThis.AppHaxToast.instance)),globalThis.AppHaxToast.instance};t("AppHaxToastInstance",globalThis.AppHaxToast.requestAvailability())}}})); +System.register(["./b67b5c68.js","./9c57576a.js"],(function(t){"use strict";var a,e,s,n,i,o,l,c,r,h;return{setters:[function(t){a=t._,e=t.a,s=t.f,n=t.g,i=t.c,o=t.d,l=t.o,c=t.t,r=t.h},function(t){h=t.R}],execute:function(){var d=t("AppHaxToast",function(t){function h(){var t;return i(this,h),(t=o(this,h)).windowControllers=new AbortController,l((function(){t.userName=c(r.user.name)})),l((function(){t.darkMode=c(r.darkMode)})),t}return a(h,t),e(h,[{key:"connectedCallback",value:function(){s(n(h.prototype),"connectedCallback",this).call(this),globalThis.addEventListener("haxcms-toast-hide",this.hideSimpleToast.bind(this),{signal:this.windowControllers.signal}),globalThis.addEventListener("haxcms-toast-show",this.showSimpleToast.bind(this),{signal:this.windowControllers.signal})}},{key:"hideSimpleToast",value:function(t){this.hide()}},{key:"disconnectedCallback",value:function(){this.windowControllers.abort(),s(n(h.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function(){return"app-hax-toast"}}])}(h));customElements.define(d.tag,d),globalThis.AppHaxToast=globalThis.AppHaxToast||{},globalThis.AppHaxToast.requestAvailability=function(){return globalThis.AppHaxToast.instance||(globalThis.AppHaxToast.instance=globalThis.document.createElement(d.tag),globalThis.document.body.appendChild(globalThis.AppHaxToast.instance)),globalThis.AppHaxToast.instance};t("AppHaxToastInstance",globalThis.AppHaxToast.requestAvailability())}}})); diff --git a/storybook/04575161.js b/storybook/0e106273.js similarity index 97% rename from storybook/04575161.js rename to storybook/0e106273.js index 93f3027b3..cba40669b 100644 --- a/storybook/04575161.js +++ b/storybook/0e106273.js @@ -1 +1 @@ -System.register(["./2756a297.js"],(function(n){"use strict";var e,t,o,r,i,s,a,u;return{setters:[function(n){e=n._,t=n.a,o=n.i,r=n.b,i=n.x,s=n.s,a=n.c,u=n.d}],execute:function(){var c,l,p=n("AppHaxUserMenu",function(n){function s(){var n;return a(this,s),(n=u(this,s)).isOpen=!1,n.icon="account-circle",n}return e(s,n),t(s,[{key:"render",value:function(){return i(c||(c=r(['\n
\n \n\n
\n
\n \n
\n \n
\n \n
\n
\n
\n '])),this.icon,this.isOpen?"open":"")}}],[{key:"tag",get:function(){return"app-hax-user-menu"}},{key:"properties",get:function(){return{isOpen:{type:Boolean,reflect:!0,attribute:"is-open"},icon:{type:String,reflect:!0}}}},{key:"styles",get:function(){return o(l||(l=r(['\n :host {\n font-family: "Press Start 2P", sans-serif;\n text-align: center;\n display: inline-block;\n margin: 0px;\n padding: 0px;\n }\n\n .entireComponent {\n max-height: 48px;\n }\n\n .menuToggle {\n cursor: pointer;\n max-height: 48px;\n }\n\n .user-menu {\n display: none;\n }\n\n .user-menu.open {\n display: block;\n top: 50px;\n right: 0px;\n position: absolute;\n border: 1px solid var(--app-hax-accent-color);\n background-color: var(--app-hax-background-color);\n }\n\n .user-menu.open ::slotted(*) {\n display: block;\n width: 100%;\n margin: 0;\n font-size: 16px;\n text-align: left;\n font-family: "Press Start 2P", sans-serif;\n color: var(--app-hax-accent-color);\n background-color: var(--app-hax-background-color);\n }\n\n .user-menu.open .main-menu ::slotted(*:hover),\n .user-menu.open .main-menu ::slotted(*:active),\n .user-menu.open .main-menu ::slotted(*:focus) {\n background-color: var(--app-hax-background-color-active);\n color: var(--app-hax-background-color);\n }\n\n .user-menu ::slotted(button) {\n cursor: pointer;\n }\n\n .user-menu ::slotted(*) simple-icon-lite {\n padding-right: 16px;\n }\n '])))}}])}(s));customElements.define(p.tag,p)}}})); +System.register(["./b67b5c68.js"],(function(n){"use strict";var e,t,o,r,i,s,a,u;return{setters:[function(n){e=n._,t=n.a,o=n.i,r=n.b,i=n.x,s=n.s,a=n.c,u=n.d}],execute:function(){var c,l,p=n("AppHaxUserMenu",function(n){function s(){var n;return a(this,s),(n=u(this,s)).isOpen=!1,n.icon="account-circle",n}return e(s,n),t(s,[{key:"render",value:function(){return i(c||(c=r(['\n
\n \n\n
\n
\n \n
\n \n
\n \n
\n
\n
\n '])),this.icon,this.isOpen?"open":"")}}],[{key:"tag",get:function(){return"app-hax-user-menu"}},{key:"properties",get:function(){return{isOpen:{type:Boolean,reflect:!0,attribute:"is-open"},icon:{type:String,reflect:!0}}}},{key:"styles",get:function(){return o(l||(l=r(['\n :host {\n font-family: "Press Start 2P", sans-serif;\n text-align: center;\n display: inline-block;\n margin: 0px;\n padding: 0px;\n }\n\n .entireComponent {\n max-height: 48px;\n }\n\n .menuToggle {\n cursor: pointer;\n max-height: 48px;\n }\n\n .user-menu {\n display: none;\n }\n\n .user-menu.open {\n display: block;\n top: 50px;\n right: 0px;\n position: absolute;\n border: 1px solid var(--app-hax-accent-color);\n background-color: var(--app-hax-background-color);\n }\n\n .user-menu.open ::slotted(*) {\n display: block;\n width: 100%;\n margin: 0;\n font-size: 16px;\n text-align: left;\n font-family: "Press Start 2P", sans-serif;\n color: var(--app-hax-accent-color);\n background-color: var(--app-hax-background-color);\n }\n\n .user-menu.open .main-menu ::slotted(*:hover),\n .user-menu.open .main-menu ::slotted(*:active),\n .user-menu.open .main-menu ::slotted(*:focus) {\n background-color: var(--app-hax-background-color-active);\n color: var(--app-hax-background-color);\n }\n\n .user-menu ::slotted(button) {\n cursor: pointer;\n }\n\n .user-menu ::slotted(*) simple-icon-lite {\n padding-right: 16px;\n }\n '])))}}])}(s));customElements.define(p.tag,p)}}})); diff --git a/storybook/21634758.js b/storybook/0f04efa8.js similarity index 99% rename from storybook/21634758.js rename to storybook/0f04efa8.js index b2fe0ef7d..1e118c50e 100644 --- a/storybook/21634758.js +++ b/storybook/0f04efa8.js @@ -1 +1 @@ -System.register(["./2756a297.js"],(function(n){"use strict";var a,t,i,e,o,l,s,c,h,r,m,g,f;return{setters:[function(n){a=n._,t=n.a,i=n.K,e=n.m,o=n.c,l=n.d,s=n.i,c=n.b,h=n.e,r=n.f,m=n.g,g=n.x,f=n.s}],execute:function(){var b,y,d,p=function(n){function e(){var n,a=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return o(this,e),(n=l(this,e)).tag=e.tag,n._queue=[],n.template=globalThis.document.createElement("template"),n.attachShadow({mode:"open"}),a||n.render(),n}return a(e,n),t(e,[{key:"html",get:function(){return"\n\n
"}},{key:"connectedCallback",value:function(){globalThis.ShadyCSS&&globalThis.ShadyCSS.styleElement(this),this._queue.length&&this._processQueue()}},{key:"_copyAttribute",value:function(n,a){var t,e=this.shadowRoot.querySelectorAll(a),o=this.getAttribute(n),l=null==o?"removeAttribute":"setAttribute",s=i(e);try{for(s.s();!(t=s.n()).done;){t.value[l](n,o)}}catch(n){s.e(n)}finally{s.f()}}},{key:"_queueAction",value:function(n){this._queue.push(n)}},{key:"_processQueue",value:function(){var n=this;this._queue.forEach((function(a){n["_".concat(a.type)](a.data)})),this._queue=[]}},{key:"_setProperty",value:function(n){var a=n.name,t=n.value;this[a]=t}},{key:"render",value:function(){this.shadowRoot.innerHTML=null,this.template.innerHTML=this.html,globalThis.ShadyCSS&&globalThis.ShadyCSS.prepareTemplate(this.template,this.tag),this.shadowRoot.appendChild(this.template.content.cloneNode(!0))}}],[{key:"tag",get:function(){return"hex-a-gon"}}])}(e(HTMLElement));customElements.define(p.tag,p);var u=n("HexagonLoader",function(n){function i(){var n;return o(this,i),(n=l(this,i)).itemCount=37,n.items=[],n}return a(i,n),t(i,[{key:"render",value:function(){return g(b||(b=c(["
\n ","\n
"])),this.items.map((function(n){return g(y||(y=c([""])))})))}},{key:"updated",value:function(n){var a=this;n.forEach((function(n,t){if("color"==t&&a._colorChanged(a[t],n),"itemCount"==t){a.items=[];for(var i=0;i=e&&(l=o*(t+1),a.itemCount)})),a.style.setProperty("--hexagon-loader-height","".concat(l,"px"))}}))}},{key:"_colorChanged",value:function(n,a){n&&globalThis.ShadyCSS&&globalThis.ShadyCSS.styleSubtree(this,{"--hexagon-color":n})}}],[{key:"styles",get:function(){return[s(d||(d=c(['\n :host {\n display: none;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n :host([loading]) {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n margin: 0 auto;\n padding: 0 0 0 0 !important;\n width: var(--hexagon-loader-width, 255px);\n height: var(--hexagon-loader-height, 232.5px);\n }\n\n :host([size="small"]) {\n width: calc(0.5 * var(--hexagon-loader-width, 255px));\n height: calc(0.5 * var(--hexagon-loader-height, 232.5px));\n }\n\n :host([size="large"]) {\n width: calc(1.25 * var(--hexagon-loader-width, 255px));\n height: calc(1.25 * var(--hexagon-loader-height, 232.5px));\n }\n\n :host([size="epic"]) {\n width: calc(2.5 * var(--hexagon-loader-width, 255px));\n height: calc(2.5 * var(--hexagon-loader-height, 232.5px));\n }\n\n div {\n position: relative;\n margin: 0 auto;\n flex: 1 1 100%;\n width: 100%;\n }\n\n hex-a-gon {\n display: none;\n position: absolute;\n top: 9px;\n left: 15px;\n width: var(--hexagon-width, 30px);\n height: var(--hexagon-height, 18px);\n color: #9fb475;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n }\n\n :host([size="small"]) hex-a-gon {\n --hexagon-width: calc(0.5 * 30px);\n --hexagon-height: calc(0.5 * 18px);\n top: calc(0.1 * 9px);\n left: calc(0.5 * 15px);\n }\n\n :host([size="large"]) hex-a-gon {\n --hexagon-width: calc(1.25 * 30px);\n --hexagon-height: calc(1.25 * 18px);\n top: calc(1.5 * 9px);\n left: calc(1.25 * 15px);\n }\n\n :host([size="epic"]) hex-a-gon {\n --hexagon-width: calc(2.5 * 30px);\n --hexagon-height: calc(2.5 * 18px);\n top: calc(4 * 9px);\n left: calc(2.5 * 15px);\n }\n\n hex-a-gon:nth-of-type(1) {\n display: block;\n margin-left: calc(100% * 1.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(2) {\n display: block;\n margin-left: calc(100% * 2.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(3) {\n display: block;\n margin-left: calc(100% * 3.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(4) {\n display: block;\n margin-left: calc(100% * 4.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(5) {\n display: block;\n margin-left: calc(100% * 1 / 7);\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(6) {\n display: block;\n margin-left: calc(100% * 2 / 7);\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(7) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(8) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(9) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(10) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(11) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(12) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(13) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(14) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(15) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(16) {\n display: block;\n margin-left: 0%;\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(17) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(18) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(19) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(20) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(21) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(22) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 6 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.3s;\n animation-delay: 0.3s;\n }\n\n hex-a-gon:nth-of-type(23) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(24) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(25) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(26) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(27) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(28) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(29) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(30) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(31) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(32) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(33) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(34) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(35) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(36) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(37) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n :host([item-count="1"]) hex-a-gon:nth-of-type(1),\n :host([item-count="3"]) hex-a-gon:nth-of-type(2) {\n margin-left: calc(100% * 3 / 7);\n }\n\n :host([item-count="2"]) hex-a-gon:nth-of-type(1) {\n margin-left: calc(100% * 2.5 / 7);\n }\n\n :host([item-count="2"]) hex-a-gon:nth-of-type(2) {\n margin-left: calc(100% * 3.5 / 7);\n }\n\n :host([item-count="3"]) hex-a-gon:nth-of-type(1) {\n margin-left: calc(100% * 2 / 7);\n }\n\n :host([item-count="3"]) hex-a-gon:nth-of-type(3) {\n margin-left: calc(100% * 4 / 7);\n }\n\n @-webkit-keyframes scaleIt {\n 25%,\n 100% {\n -webkit-transform: scale(1) translate(-50%, -50%);\n transform: scale(1) translate(-50%, -50%);\n }\n\n 50% {\n -webkit-transform: scale(0) translate(-50%, -50%);\n transform: scale(0) translate(-50%, -50%);\n }\n }\n\n @keyframes scaleIt {\n 25%,\n 100% {\n -webkit-transform: scale(1) translate(-50%, -50%);\n transform: scale(1) translate(-50%, -50%);\n }\n\n 50% {\n -webkit-transform: scale(0) translate(-50%, -50%);\n transform: scale(0) translate(-50%, -50%);\n }\n }\n '])))]}},{key:"properties",get:function(){return h(h({},r(m(i),"properties",this)),{},{color:{name:"color",type:String,reflect:!0},size:{name:"size",type:String,reflect:!0},loading:{name:"loading",type:Boolean,reflect:!0},items:{name:"items",type:Array},itemCount:{name:"itemCount",type:Number,reflect:!0,attribute:"item-count"}})}},{key:"tag",get:function(){return"hexagon-loader"}}])}(f));customElements.define(u.tag,u)}}})); +System.register(["./b67b5c68.js"],(function(n){"use strict";var a,t,i,e,o,l,s,c,h,r,m,g,f;return{setters:[function(n){a=n._,t=n.a,i=n.K,e=n.m,o=n.c,l=n.d,s=n.i,c=n.b,h=n.e,r=n.f,m=n.g,g=n.x,f=n.s}],execute:function(){var b,y,d,p=function(n){function e(){var n,a=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return o(this,e),(n=l(this,e)).tag=e.tag,n._queue=[],n.template=globalThis.document.createElement("template"),n.attachShadow({mode:"open"}),a||n.render(),n}return a(e,n),t(e,[{key:"html",get:function(){return"\n\n
"}},{key:"connectedCallback",value:function(){globalThis.ShadyCSS&&globalThis.ShadyCSS.styleElement(this),this._queue.length&&this._processQueue()}},{key:"_copyAttribute",value:function(n,a){var t,e=this.shadowRoot.querySelectorAll(a),o=this.getAttribute(n),l=null==o?"removeAttribute":"setAttribute",s=i(e);try{for(s.s();!(t=s.n()).done;){t.value[l](n,o)}}catch(n){s.e(n)}finally{s.f()}}},{key:"_queueAction",value:function(n){this._queue.push(n)}},{key:"_processQueue",value:function(){var n=this;this._queue.forEach((function(a){n["_".concat(a.type)](a.data)})),this._queue=[]}},{key:"_setProperty",value:function(n){var a=n.name,t=n.value;this[a]=t}},{key:"render",value:function(){this.shadowRoot.innerHTML=null,this.template.innerHTML=this.html,globalThis.ShadyCSS&&globalThis.ShadyCSS.prepareTemplate(this.template,this.tag),this.shadowRoot.appendChild(this.template.content.cloneNode(!0))}}],[{key:"tag",get:function(){return"hex-a-gon"}}])}(e(HTMLElement));customElements.define(p.tag,p);var u=n("HexagonLoader",function(n){function i(){var n;return o(this,i),(n=l(this,i)).itemCount=37,n.items=[],n}return a(i,n),t(i,[{key:"render",value:function(){return g(b||(b=c(["
\n ","\n
"])),this.items.map((function(n){return g(y||(y=c([""])))})))}},{key:"updated",value:function(n){var a=this;n.forEach((function(n,t){if("color"==t&&a._colorChanged(a[t],n),"itemCount"==t){a.items=[];for(var i=0;i=e&&(l=o*(t+1),a.itemCount)})),a.style.setProperty("--hexagon-loader-height","".concat(l,"px"))}}))}},{key:"_colorChanged",value:function(n,a){n&&globalThis.ShadyCSS&&globalThis.ShadyCSS.styleSubtree(this,{"--hexagon-color":n})}}],[{key:"styles",get:function(){return[s(d||(d=c(['\n :host {\n display: none;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n :host([loading]) {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n margin: 0 auto;\n padding: 0 0 0 0 !important;\n width: var(--hexagon-loader-width, 255px);\n height: var(--hexagon-loader-height, 232.5px);\n }\n\n :host([size="small"]) {\n width: calc(0.5 * var(--hexagon-loader-width, 255px));\n height: calc(0.5 * var(--hexagon-loader-height, 232.5px));\n }\n\n :host([size="large"]) {\n width: calc(1.25 * var(--hexagon-loader-width, 255px));\n height: calc(1.25 * var(--hexagon-loader-height, 232.5px));\n }\n\n :host([size="epic"]) {\n width: calc(2.5 * var(--hexagon-loader-width, 255px));\n height: calc(2.5 * var(--hexagon-loader-height, 232.5px));\n }\n\n div {\n position: relative;\n margin: 0 auto;\n flex: 1 1 100%;\n width: 100%;\n }\n\n hex-a-gon {\n display: none;\n position: absolute;\n top: 9px;\n left: 15px;\n width: var(--hexagon-width, 30px);\n height: var(--hexagon-height, 18px);\n color: #9fb475;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n }\n\n :host([size="small"]) hex-a-gon {\n --hexagon-width: calc(0.5 * 30px);\n --hexagon-height: calc(0.5 * 18px);\n top: calc(0.1 * 9px);\n left: calc(0.5 * 15px);\n }\n\n :host([size="large"]) hex-a-gon {\n --hexagon-width: calc(1.25 * 30px);\n --hexagon-height: calc(1.25 * 18px);\n top: calc(1.5 * 9px);\n left: calc(1.25 * 15px);\n }\n\n :host([size="epic"]) hex-a-gon {\n --hexagon-width: calc(2.5 * 30px);\n --hexagon-height: calc(2.5 * 18px);\n top: calc(4 * 9px);\n left: calc(2.5 * 15px);\n }\n\n hex-a-gon:nth-of-type(1) {\n display: block;\n margin-left: calc(100% * 1.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(2) {\n display: block;\n margin-left: calc(100% * 2.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(3) {\n display: block;\n margin-left: calc(100% * 3.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(4) {\n display: block;\n margin-left: calc(100% * 4.5 / 7);\n margin-top: 0%;\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(5) {\n display: block;\n margin-left: calc(100% * 1 / 7);\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(6) {\n display: block;\n margin-left: calc(100% * 2 / 7);\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(7) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(8) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(9) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 1 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(10) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(11) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(12) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(13) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(14) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(15) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n margin-top: calc(100% * 2 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(16) {\n display: block;\n margin-left: 0%;\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(17) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(18) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(19) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(20) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(21) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(22) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 6 / 7));\n margin-top: calc(100% * 3 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.3s;\n animation-delay: 0.3s;\n }\n\n hex-a-gon:nth-of-type(23) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 0.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(24) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(25) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(26) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(27) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(28) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5.5 / 7));\n margin-top: calc(100% * 4 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.25s;\n animation-delay: 0.25s;\n }\n\n hex-a-gon:nth-of-type(29) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(30) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(31) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(32) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n hex-a-gon:nth-of-type(33) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 5 / 7));\n margin-top: calc(100% * 5 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s;\n }\n\n hex-a-gon:nth-of-type(34) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 1.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0s;\n animation-delay: 0s;\n }\n\n hex-a-gon:nth-of-type(35) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 2.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.05s;\n animation-delay: 0.05s;\n }\n\n hex-a-gon:nth-of-type(36) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 3.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n }\n\n hex-a-gon:nth-of-type(37) {\n display: block;\n margin-left: var(--hexagon-margin-left, calc(100% * 4.5 / 7));\n margin-top: calc(100% * 6 / 7);\n -webkit-animation: scaleIt 1.5s ease-in-out infinite both;\n animation: scaleIt 1.5s ease-in-out infinite both;\n -webkit-animation-delay: 0.15s;\n animation-delay: 0.15s;\n }\n\n :host([item-count="1"]) hex-a-gon:nth-of-type(1),\n :host([item-count="3"]) hex-a-gon:nth-of-type(2) {\n margin-left: calc(100% * 3 / 7);\n }\n\n :host([item-count="2"]) hex-a-gon:nth-of-type(1) {\n margin-left: calc(100% * 2.5 / 7);\n }\n\n :host([item-count="2"]) hex-a-gon:nth-of-type(2) {\n margin-left: calc(100% * 3.5 / 7);\n }\n\n :host([item-count="3"]) hex-a-gon:nth-of-type(1) {\n margin-left: calc(100% * 2 / 7);\n }\n\n :host([item-count="3"]) hex-a-gon:nth-of-type(3) {\n margin-left: calc(100% * 4 / 7);\n }\n\n @-webkit-keyframes scaleIt {\n 25%,\n 100% {\n -webkit-transform: scale(1) translate(-50%, -50%);\n transform: scale(1) translate(-50%, -50%);\n }\n\n 50% {\n -webkit-transform: scale(0) translate(-50%, -50%);\n transform: scale(0) translate(-50%, -50%);\n }\n }\n\n @keyframes scaleIt {\n 25%,\n 100% {\n -webkit-transform: scale(1) translate(-50%, -50%);\n transform: scale(1) translate(-50%, -50%);\n }\n\n 50% {\n -webkit-transform: scale(0) translate(-50%, -50%);\n transform: scale(0) translate(-50%, -50%);\n }\n }\n '])))]}},{key:"properties",get:function(){return h(h({},r(m(i),"properties",this)),{},{color:{name:"color",type:String,reflect:!0},size:{name:"size",type:String,reflect:!0},loading:{name:"loading",type:Boolean,reflect:!0},items:{name:"items",type:Array},itemCount:{name:"itemCount",type:Number,reflect:!0,attribute:"item-count"}})}},{key:"tag",get:function(){return"hexagon-loader"}}])}(f));customElements.define(u.tag,u)}}})); diff --git a/storybook/b41515cd.js b/storybook/16a8f8ac.js similarity index 98% rename from storybook/b41515cd.js rename to storybook/16a8f8ac.js index 964f0f7ad..26c8b5583 100644 --- a/storybook/b41515cd.js +++ b/storybook/16a8f8ac.js @@ -1 +1 @@ -System.register(["./2756a297.js"],(function(){"use strict";var t,i,s,e,o;return{setters:[function(n){t=n._,i=n.a,s=n.m,e=n.c,o=n.d}],execute:function(){!function(){var n=function(t,i){return Math.random()*(i-t)+t},h=[{front:"#52A7DD",back:"#2287BD"},{front:"#f07178",back:"#c04148"},{front:"#ffcb6b",back:"#cf9b3b"}];function a(t,i){var s,e,o,a,c;this.options=i,this.randomModifier=n(0,99),this.color=h[Math.floor(n(0,h.length))],this.dimensions={x:n(8,16),y:n(8,14)},this.position={x:n(t.width/2,t.width/2),y:n(t.height/2,t.height/2)},this.rotation=n(0,2*Math.PI),this.scale={x:1,y:1},this.velocity=(e=[6,11],o=n((s=[-9,9])[0],s[1]),a=e[1]-e[0]+1,(c=e[1]-Math.abs(n(0,a)+n(0,a)-a))>=e[1]-1&&(c+=Math.random()<.25?n(1,3):0),{x:o,y:-c})}function c(t,i){this.options=i,this.color=h[Math.floor(n(0,h.length))].back,this.radius=n(1,2),this.position={x:n(t.width/2,t.width/2),y:n(t.height/2,t.height/2)},this.velocity={x:n(-6,6),y:n(-8,-12)}}a.prototype.update=function(){this.velocity.x-=this.velocity.x*this.options.dragConfetti,this.velocity.y=Math.min(this.velocity.y+this.options.gravityConfetti,this.options.terminalVelocity),this.velocity.x+=Math.random()>.5?Math.random():-Math.random(),this.position.x+=this.velocity.x,this.position.y+=this.velocity.y,this.scale.y=Math.cos(.09*(this.position.y+this.randomModifier))},c.prototype.update=function(){this.velocity.x-=this.velocity.x*this.options.dragSequins,this.velocity.y=this.velocity.y+this.options.gravitySequins,this.position.x+=this.velocity.x,this.position.y+=this.velocity.y};var r=function(s){function n(){var t;return e(this,n),(t=o(this,n)).canvas=null,t.confetti=[],t.sequins=[],t.options={confettiCount:55,sequinCount:30,gravityConfetti:.25,gravitySequins:.35,dragConfetti:.025,dragSequins:.02,terminalVelocity:4},t}return t(n,s),i(n,[{key:"connectedCallback",value:function(){this.style="display: block; position: relative;",this.canvas=globalThis.document.createElement("canvas"),this.canvas.id="confetti-container-canvas-🎉",this.ctx=this.canvas.getContext("2d"),this.canvas.width=this.offsetWidth,this.canvas.height=this.offsetHeight,this.canvas.style="pointer-events: none; position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 1000; image-rendering: crisp-edges;",this.prepend(this.canvas)}},{key:"attributeChangedCallback",value:function(t,i,s){var e=globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;"popped"===t&&null===i&&!e?this.popConfetti():e&&this.removeAttribute("popped")}},{key:"popConfetti",value:function(){for(var t=0;t0?i.color.front:i.color.back,t.ctx.fillRect(-e/2,-o/2,e,o),t.ctx.setTransform(1,0,0,1,0,0)})),this.sequins.forEach((function(i,s){t.ctx.translate(i.position.x,i.position.y),i.update(),t.ctx.fillStyle=i.color,t.ctx.beginPath(),t.ctx.arc(0,0,i.radius,0,2*Math.PI),t.ctx.fill(),t.ctx.setTransform(1,0,0,1,0,0)})),this.confetti.forEach((function(i,s){i.position.y-25>=t.canvas.height&&t.confetti.splice(s,1)})),this.sequins.forEach((function(i,s){i.position.y-25>=t.canvas.height&&t.sequins.splice(s,1)})),this.sequins.length||this.confetti.length?globalThis.requestAnimationFrame(this.render.bind(this)):this.removeAttribute("popped")}}],[{key:"observedAttributes",get:function(){return["popped"]}}])}(s(HTMLElement));globalThis.customElements&&globalThis.customElements.define&&customElements.define("confetti-container",r)}()}}})); +System.register(["./b67b5c68.js"],(function(){"use strict";var t,i,s,e,o;return{setters:[function(n){t=n._,i=n.a,s=n.m,e=n.c,o=n.d}],execute:function(){!function(){var n=function(t,i){return Math.random()*(i-t)+t},h=[{front:"#52A7DD",back:"#2287BD"},{front:"#f07178",back:"#c04148"},{front:"#ffcb6b",back:"#cf9b3b"}];function a(t,i){var s,e,o,a,c;this.options=i,this.randomModifier=n(0,99),this.color=h[Math.floor(n(0,h.length))],this.dimensions={x:n(8,16),y:n(8,14)},this.position={x:n(t.width/2,t.width/2),y:n(t.height/2,t.height/2)},this.rotation=n(0,2*Math.PI),this.scale={x:1,y:1},this.velocity=(e=[6,11],o=n((s=[-9,9])[0],s[1]),a=e[1]-e[0]+1,(c=e[1]-Math.abs(n(0,a)+n(0,a)-a))>=e[1]-1&&(c+=Math.random()<.25?n(1,3):0),{x:o,y:-c})}function c(t,i){this.options=i,this.color=h[Math.floor(n(0,h.length))].back,this.radius=n(1,2),this.position={x:n(t.width/2,t.width/2),y:n(t.height/2,t.height/2)},this.velocity={x:n(-6,6),y:n(-8,-12)}}a.prototype.update=function(){this.velocity.x-=this.velocity.x*this.options.dragConfetti,this.velocity.y=Math.min(this.velocity.y+this.options.gravityConfetti,this.options.terminalVelocity),this.velocity.x+=Math.random()>.5?Math.random():-Math.random(),this.position.x+=this.velocity.x,this.position.y+=this.velocity.y,this.scale.y=Math.cos(.09*(this.position.y+this.randomModifier))},c.prototype.update=function(){this.velocity.x-=this.velocity.x*this.options.dragSequins,this.velocity.y=this.velocity.y+this.options.gravitySequins,this.position.x+=this.velocity.x,this.position.y+=this.velocity.y};var r=function(s){function n(){var t;return e(this,n),(t=o(this,n)).canvas=null,t.confetti=[],t.sequins=[],t.options={confettiCount:55,sequinCount:30,gravityConfetti:.25,gravitySequins:.35,dragConfetti:.025,dragSequins:.02,terminalVelocity:4},t}return t(n,s),i(n,[{key:"connectedCallback",value:function(){this.style="display: block; position: relative;",this.canvas=globalThis.document.createElement("canvas"),this.canvas.id="confetti-container-canvas-🎉",this.ctx=this.canvas.getContext("2d"),this.canvas.width=this.offsetWidth,this.canvas.height=this.offsetHeight,this.canvas.style="pointer-events: none; position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 1000; image-rendering: crisp-edges;",this.prepend(this.canvas)}},{key:"attributeChangedCallback",value:function(t,i,s){var e=globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;"popped"===t&&null===i&&!e?this.popConfetti():e&&this.removeAttribute("popped")}},{key:"popConfetti",value:function(){for(var t=0;t0?i.color.front:i.color.back,t.ctx.fillRect(-e/2,-o/2,e,o),t.ctx.setTransform(1,0,0,1,0,0)})),this.sequins.forEach((function(i,s){t.ctx.translate(i.position.x,i.position.y),i.update(),t.ctx.fillStyle=i.color,t.ctx.beginPath(),t.ctx.arc(0,0,i.radius,0,2*Math.PI),t.ctx.fill(),t.ctx.setTransform(1,0,0,1,0,0)})),this.confetti.forEach((function(i,s){i.position.y-25>=t.canvas.height&&t.confetti.splice(s,1)})),this.sequins.forEach((function(i,s){i.position.y-25>=t.canvas.height&&t.sequins.splice(s,1)})),this.sequins.length||this.confetti.length?globalThis.requestAnimationFrame(this.render.bind(this)):this.removeAttribute("popped")}}],[{key:"observedAttributes",get:function(){return["popped"]}}])}(s(HTMLElement));globalThis.customElements&&globalThis.customElements.define&&customElements.define("confetti-container",r)}()}}})); diff --git a/storybook/1d501598.js b/storybook/1d501598.js new file mode 100644 index 000000000..d805a7e3f --- /dev/null +++ b/storybook/1d501598.js @@ -0,0 +1 @@ +System.register(["./b67b5c68.js"],(function(e){"use strict";var n;return{setters:[function(t){n=t.a$,e({WebDialog:t.a$,getDialogCount:t.b0,setDialogCount:t.b1,traverseActiveElements:t.b2})}],execute:function(){e("openDialog",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.$content,o=e.$container,i=void 0===o?document.body:o,r=e.center,c=void 0!==r&&r,u=e.initialize,a=(void 0===u?function(){return new n}:u)();null!=c&&(a.center=c);null!=t&&("function"==typeof t?t(a):a.appendChild(t));var l=new Promise((function(e){a.addEventListener("close",(function(n){a.remove(),e(n.detail)}),{once:!0})}));return i.appendChild(a),a.show(),{$dialog:a,resolver:l}}))}}})); diff --git a/storybook/f296dd17.js b/storybook/226f6da3.js similarity index 98% rename from storybook/f296dd17.js rename to storybook/226f6da3.js index 8409aba0c..7ab7c503b 100644 --- a/storybook/f296dd17.js +++ b/storybook/226f6da3.js @@ -1 +1 @@ -System.register(["./2756a297.js","./a4229fba.js"],(function(n){"use strict";var t,e,o,a,i,s,r,l;return{setters:[function(n){t=n._,e=n.a,o=n.i,a=n.b,i=n.x,s=n.S,r=n.c,l=n.d},function(){}],execute:function(){var c,u,d,h={url:new URL("./elements/app-hax/lib/v1/app-hax-site-button.js",document.baseURI).href},p=new URL("../assets/images/PostIt.svg",h.url).href,v=n("AppHaxSiteButton",function(n){function s(){var n;return r(this,s),(n=l(this,s)).label=null,n.value=null,n.disabled=!1,n.elevation="3",n.active=!1,n.comingSoon=!1,n.addEventListener("click",n._handleClick),n.addEventListener("focus",n._handleFocus),n.addEventListener("blur",n._handleBlur),n.addEventListener("mouseover",n._handleFocus),n.addEventListener("mouseout",n._handleBlur),n}return t(s,n),e(s,[{key:"_handleFocus",value:function(){this.disabled||this.comingSoon||(this.active=!0,this.elevation="5")}},{key:"_handleBlur",value:function(){this.disabled||this.comingSoon||(this.active=!1,this.elevation="3")}},{key:"_handleClick",value:function(){this.disabled||this.comingSoon||this.shadowRoot.querySelector(".haxButton").blur()}},{key:"render",value:function(){return i(c||(c=a(["\n \n
\n '," \n ","\n
\n \n "])),this.elevation,this.disabled||this.comingSoon,this._handleClick,this.label,this.comingSoon?i(u||(u=a([''])),p):"")}}],[{key:"tag",get:function(){return"app-hax-site-button"}},{key:"properties",get:function(){return{label:{type:String},value:{type:String},disabled:{type:Boolean,reflect:!0},elevation:{type:Number},active:{type:Boolean,reflect:!0},comingSoon:{type:Boolean,reflect:!0,attribute:"coming-soon"}}}},{key:"styles",get:function(){return o(d||(d=a(['\n :host {\n --background-color: transparent;\n --background-color-active: white;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-family: "Press Start 2P", sans-serif;\n width: fit-content;\n margin: 20px 0;\n }\n :host([coming-soon]) .haxButton {\n pointer-events: none;\n background-color: var(--simple-colors-default-theme-grey-6);\n }\n @media (max-width: 800px) {\n :host {\n width: 320px;\n }\n }\n :host([active]) .haxButton {\n color: var(--app-hax-background-color, var(--background-color-active));\n background-color: var(--app-hax-accent-color, var(--accent-color));\n }\n .haxButton {\n background-color: var(\n --app-hax-background-color,\n var(--background-color)\n );\n color: var(--app-hax-accent-color, var(--accent-color));\n font-size: var(--app-hax-site-button-font-size, 26px);\n }\n .contents {\n display: flex;\n justify-content: right;\n }\n .label {\n width: var(--app-hax-site-button-width, auto);\n min-width: var(--app-hax-site-button-min-width, auto);\n height: var(--app-hax-site-button-height, auto);\n display: inline-flex;\n }\n .coming-soon {\n display: block;\n height: 90px;\n width: 110px;\n z-index: 1;\n position: absolute;\n margin-right: -25px;\n margin-top: -25px;\n }\n '])))}}])}(s));customElements.define(v.tag,v)}}})); +System.register(["./b67b5c68.js","./b3aa7e37.js"],(function(n){"use strict";var t,e,o,a,i,s,r,l;return{setters:[function(n){t=n._,e=n.a,o=n.i,a=n.b,i=n.x,s=n.S,r=n.c,l=n.d},function(){}],execute:function(){var c,u,d,h={url:new URL("./elements/app-hax/lib/v1/app-hax-site-button.js",document.baseURI).href},p=new URL("../assets/images/PostIt.svg",h.url).href,v=n("AppHaxSiteButton",function(n){function s(){var n;return r(this,s),(n=l(this,s)).label=null,n.value=null,n.disabled=!1,n.elevation="3",n.active=!1,n.comingSoon=!1,n.addEventListener("click",n._handleClick),n.addEventListener("focus",n._handleFocus),n.addEventListener("blur",n._handleBlur),n.addEventListener("mouseover",n._handleFocus),n.addEventListener("mouseout",n._handleBlur),n}return t(s,n),e(s,[{key:"_handleFocus",value:function(){this.disabled||this.comingSoon||(this.active=!0,this.elevation="5")}},{key:"_handleBlur",value:function(){this.disabled||this.comingSoon||(this.active=!1,this.elevation="3")}},{key:"_handleClick",value:function(){this.disabled||this.comingSoon||this.shadowRoot.querySelector(".haxButton").blur()}},{key:"render",value:function(){return i(c||(c=a(["\n \n
\n '," \n ","\n
\n \n "])),this.elevation,this.disabled||this.comingSoon,this._handleClick,this.label,this.comingSoon?i(u||(u=a([''])),p):"")}}],[{key:"tag",get:function(){return"app-hax-site-button"}},{key:"properties",get:function(){return{label:{type:String},value:{type:String},disabled:{type:Boolean,reflect:!0},elevation:{type:Number},active:{type:Boolean,reflect:!0},comingSoon:{type:Boolean,reflect:!0,attribute:"coming-soon"}}}},{key:"styles",get:function(){return o(d||(d=a(['\n :host {\n --background-color: transparent;\n --background-color-active: white;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n font-family: "Press Start 2P", sans-serif;\n width: fit-content;\n margin: 20px 0;\n }\n :host([coming-soon]) .haxButton {\n pointer-events: none;\n background-color: var(--simple-colors-default-theme-grey-6);\n }\n @media (max-width: 800px) {\n :host {\n width: 320px;\n }\n }\n :host([active]) .haxButton {\n color: var(--app-hax-background-color, var(--background-color-active));\n background-color: var(--app-hax-accent-color, var(--accent-color));\n }\n .haxButton {\n background-color: var(\n --app-hax-background-color,\n var(--background-color)\n );\n color: var(--app-hax-accent-color, var(--accent-color));\n font-size: var(--app-hax-site-button-font-size, 26px);\n }\n .contents {\n display: flex;\n justify-content: right;\n }\n .label {\n width: var(--app-hax-site-button-width, auto);\n min-width: var(--app-hax-site-button-min-width, auto);\n height: var(--app-hax-site-button-height, auto);\n display: inline-flex;\n }\n .coming-soon {\n display: block;\n height: 90px;\n width: 110px;\n z-index: 1;\n position: absolute;\n margin-right: -25px;\n margin-top: -25px;\n }\n '])))}}])}(s));customElements.define(v.tag,v)}}})); diff --git a/storybook/b0ef8269.js b/storybook/25c721f4.js similarity index 61% rename from storybook/b0ef8269.js rename to storybook/25c721f4.js index 413ec0c72..1c16996a1 100644 --- a/storybook/b0ef8269.js +++ b/storybook/25c721f4.js @@ -1 +1 @@ -System.register(["./2756a297.js"],(function(e){"use strict";var t,r,n,s,i,o,a;return{setters:[function(e){t=e._,r=e.a,n=e.x,s=e.b,i=e.s,o=e.c,a=e.d}],execute:function(){var u,h=e("RandomWord",function(e){function i(){var e;return o(this,i),(e=a(this,i)).key=null,e.phrases={},e.word=null,e}return t(i,e),r(i,[{key:"updated",value:function(e){var t=this;e.forEach((function(e,r){["key","phrases"].includes(r)&&t.getNewWord(),"word"===r&&t[r]&&(t.innerHTML="",t.innerHTML=t.word,t.dispatchEvent(new CustomEvent("word-changed",{detail:t.word})))}))}},{key:"getNewWord",value:function(){this.phrases&&this.key&&this.phrases[this.key]&&(this.word=this.phrases[this.key][Math.floor(Math.random()*this.phrases[this.key].length)])}},{key:"render",value:function(){return n(u||(u=s([""])))}}],[{key:"tag",get:function(){return"random-word"}},{key:"properties",get:function(){return{key:{type:String},phrases:{type:Object},word:{type:String}}}}])}(i));customElements.define(h.tag,h)}}})); +System.register(["./b67b5c68.js"],(function(e){"use strict";var t,r,n,s,i,o,u;return{setters:[function(e){t=e._,r=e.a,n=e.x,s=e.b,i=e.s,o=e.c,u=e.d}],execute:function(){var a,h=e("RandomWord",function(e){function i(){var e;return o(this,i),(e=u(this,i)).key=null,e.phrases={},e.word=null,e}return t(i,e),r(i,[{key:"updated",value:function(e){var t=this;e.forEach((function(e,r){["key","phrases"].includes(r)&&t.getNewWord(),"word"===r&&t[r]&&(t.innerHTML="",t.innerHTML=t.word,t.dispatchEvent(new CustomEvent("word-changed",{detail:t.word})))}))}},{key:"getNewWord",value:function(){this.phrases&&this.key&&this.phrases[this.key]&&(this.word=this.phrases[this.key][Math.floor(Math.random()*this.phrases[this.key].length)])}},{key:"render",value:function(){return n(a||(a=s([""])))}}],[{key:"tag",get:function(){return"random-word"}},{key:"properties",get:function(){return{key:{type:String},phrases:{type:Object},word:{type:String}}}}])}(i));customElements.define(h.tag,h)}}})); diff --git a/storybook/e8281e68.js b/storybook/27d44e5f.js similarity index 97% rename from storybook/e8281e68.js rename to storybook/27d44e5f.js index 2b8d80841..5b8b774cb 100644 --- a/storybook/e8281e68.js +++ b/storybook/27d44e5f.js @@ -1 +1 @@ -System.register(["./2756a297.js"],(function(e){"use strict";var t,n,r,o,i,s,a,u,d,c,h,l,p;return{setters:[function(e){t=e._,n=e.a,r=e.i,o=e.b,i=e.f,s=e.g,a=e.x,u=e.aZ,d=e.c,c=e.d,h=e.b4,l=e.j,p=e.k}],execute:function(){var k,m,y={url:new URL("./elements/runkit-embed/runkit-embed.js",document.baseURI).href},_=e("RunkitEmbed",function(e){function u(){var e;return d(this,u),(e=c(this,u)).__runkitloaded=!1,e.loading=!1,h.load("runkit","https://embed.runkit.com").then((function(){globalThis.RunKit&&(e.__runkitloaded=!0,e.buildRunKit())})),e.querySelector("template")?e.source=e.querySelector("template").content.textContent:e.source="",e.mode="endpoint",e.nodeVersion="18.x.x",e.__observer=new MutationObserver((function(t){e.querySelector("template")&&!e.loading&&(e.source=e.querySelector("template").content.textContent)})),e.__observer.observe(e,{attributes:!0,childList:!0,subtree:!0,characterData:!1}),e}return t(u,e),n(u,[{key:"updated",value:function(e){i(s(u.prototype),"updated",this)&&i(s(u.prototype),"updated",this).call(this,e),!this._haxstate&&!this.dataHaxActive&&this.__runkitloaded&&(e.has("source")||e.has("nodeVersion")||e.has("mode"))&&this.nodeVersion&&this.mode&&this.source&&this.buildRunKit()}},{key:"buildRunKit",value:function(){var e=this;this.__runkitloaded&&(this.__rkContainer&&this.__rkContainer.remove(),this.loading=!0,globalThis.RunKit.createNotebook({mode:this.mode,nodeVersion:this.nodeVersion,element:this,source:this.source,onLoad:function(t){e.__rkContainer=e.querySelector('[name="'.concat(t.name,'"]')).parentNode,e.loading=!1}}))}},{key:"render",value:function(){return a(k||(k=o([""])))}},{key:"haxHooks",value:function(){return{preProcessNodeToContent:"haxpreProcessNodeToContent",editModeChanged:"haxeditModeChanged"}}},{key:"haxeditModeChanged",value:function(e){this._haxstate=e,this._haxstate&&this.querySelector("div")&&this.querySelector("div").remove()}},{key:"haxpreProcessNodeToContent",value:(_=l(p().mark((function e(t){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.__runkitloaded=!1,this.loading=!1,this.__rkContainer&&this.__rkContainer.remove(),this._haxstate&&this.querySelector("div")&&this.querySelector("div").remove(),e.abrupt("return",t);case 5:case"end":return e.stop()}}),e,this)}))),function(e){return _.apply(this,arguments)})}],[{key:"tag",get:function(){return"runkit-embed"}},{key:"styles",get:function(){return[r(m||(m=o(["\n :host {\n display: block;\n min-height: 100px;\n }\n "])))]}},{key:"properties",get:function(){return{nodeVersion:{type:String,attribute:"node-version"},mode:{type:String},loading:{type:Boolean},source:{type:String},dataHaxActive:{type:String,reflect:!0,attribute:"data-hax-active"}}}},{key:"haxProperties",get:function(){return new URL("./lib/".concat(this.tag,".haxProperties.json"),y.url).href}}]);var _}(u));globalThis.customElements.define(_.tag,_)}}})); +System.register(["./b67b5c68.js"],(function(e){"use strict";var t,n,r,o,i,s,a,u,d,c,h,l,p;return{setters:[function(e){t=e._,n=e.a,r=e.i,o=e.b,i=e.f,s=e.g,a=e.x,u=e.aZ,d=e.c,c=e.d,h=e.b4,l=e.j,p=e.k}],execute:function(){var k,m,y={url:new URL("./elements/runkit-embed/runkit-embed.js",document.baseURI).href},_=e("RunkitEmbed",function(e){function u(){var e;return d(this,u),(e=c(this,u)).__runkitloaded=!1,e.loading=!1,h.load("runkit","https://embed.runkit.com").then((function(){globalThis.RunKit&&(e.__runkitloaded=!0,e.buildRunKit())})),e.querySelector("template")?e.source=e.querySelector("template").content.textContent:e.source="",e.mode="endpoint",e.nodeVersion="18.x.x",e.__observer=new MutationObserver((function(t){e.querySelector("template")&&!e.loading&&(e.source=e.querySelector("template").content.textContent)})),e.__observer.observe(e,{attributes:!0,childList:!0,subtree:!0,characterData:!1}),e}return t(u,e),n(u,[{key:"updated",value:function(e){i(s(u.prototype),"updated",this)&&i(s(u.prototype),"updated",this).call(this,e),!this._haxstate&&!this.dataHaxActive&&this.__runkitloaded&&(e.has("source")||e.has("nodeVersion")||e.has("mode"))&&this.nodeVersion&&this.mode&&this.source&&this.buildRunKit()}},{key:"buildRunKit",value:function(){var e=this;this.__runkitloaded&&(this.__rkContainer&&this.__rkContainer.remove(),this.loading=!0,globalThis.RunKit.createNotebook({mode:this.mode,nodeVersion:this.nodeVersion,element:this,source:this.source,onLoad:function(t){e.__rkContainer=e.querySelector('[name="'.concat(t.name,'"]')).parentNode,e.loading=!1}}))}},{key:"render",value:function(){return a(k||(k=o([""])))}},{key:"haxHooks",value:function(){return{preProcessNodeToContent:"haxpreProcessNodeToContent",editModeChanged:"haxeditModeChanged"}}},{key:"haxeditModeChanged",value:function(e){this._haxstate=e,this._haxstate&&this.querySelector("div")&&this.querySelector("div").remove()}},{key:"haxpreProcessNodeToContent",value:(_=l(p().mark((function e(t){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.__runkitloaded=!1,this.loading=!1,this.__rkContainer&&this.__rkContainer.remove(),this._haxstate&&this.querySelector("div")&&this.querySelector("div").remove(),e.abrupt("return",t);case 5:case"end":return e.stop()}}),e,this)}))),function(e){return _.apply(this,arguments)})}],[{key:"tag",get:function(){return"runkit-embed"}},{key:"styles",get:function(){return[r(m||(m=o(["\n :host {\n display: block;\n min-height: 100px;\n }\n "])))]}},{key:"properties",get:function(){return{nodeVersion:{type:String,attribute:"node-version"},mode:{type:String},loading:{type:Boolean},source:{type:String},dataHaxActive:{type:String,reflect:!0,attribute:"data-hax-active"}}}},{key:"haxProperties",get:function(){return new URL("./lib/".concat(this.tag,".haxProperties.json"),y.url).href}}]);var _}(u));globalThis.customElements.define(_.tag,_)}}})); diff --git a/storybook/952fd437.js b/storybook/330aa21d.js similarity index 99% rename from storybook/952fd437.js rename to storybook/330aa21d.js index d44f7c3e7..0830b25c4 100644 --- a/storybook/952fd437.js +++ b/storybook/330aa21d.js @@ -1 +1 @@ -System.register(["./2756a297.js","./f296dd17.js","./a4229fba.js"],(function(e,t){"use strict";var n,o,a,r,i,s,l,c,p,u,h,d,b,m,v,g,f,y,k,x,w,S,T,R,L;return{setters:[function(e){n=e._,o=e.a,a=e.l,r=e.m,i=e.c,s=e.d,l=e.f,c=e.g,p=e.i,u=e.b,h=e.e,d=e.x,b=e.s,m=e.j,v=e.k,g=e.n,f=e.h,y=e.S,k=e.o,x=e.t,w=e.r,S=e.p,T=e.q,R=e.u,L=e.M},function(){},function(){}],execute:function(){var z=document.createElement("template");z.innerHTML='
';var E,C,q,P=Symbol("vertical"),U=Symbol("horizontal"),F=[{key:P,name:"vertical",size:"height",o:"offsetHeight",l:"scrollHeight",position:"top",t:"scrollTop",i:"overflow-y",h:"clientY",v:"pageY"},{key:U,name:"horizontal",size:"width",o:"offsetWidth",l:"scrollWidth",position:"left",t:"scrollLeft",i:"overflow-x",h:"clientX",v:"pageX"}],B=function(e){function t(){var e;return i(this,t),(e=s(this,t)).u(),e.p(),e.g(),e}return n(t,e),o(t,[{key:"connectedCallback",value:function(){this.k(),this.m(),this.S()}},{key:"attributeChangedCallback",value:function(e,t,n){"scrollbar-visibility"===e?this.viewport.classList.toggle("scrollbar-visible","always"===n):"vertical-scrollbar-position"===e?this.elements[P].C.classList.toggle("left-position","left"===n):"horizontal-scrollbar-position"===e&&this.elements[U].C.classList.toggle("top-position","top"===n)}},{key:"u",value:function(){this.viewport,this.content,this.elements={},this.cache={},this.T={},this.$=null;for(var e=0,t=F;eMath.ceil(a.M)}}},{key:"m",value:function(){for(var e=0,t=F;e\n ',"\n \n "])),this.max,this.value,this.list&&this.showCount?d(C||(C=u([""," / ",""])),this.value,this.max):"")}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.loadingBar=this.shadowRoot.querySelector("progress")}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){["value","max"].includes(t)&&n.shadowRoot&&n.dispatchEvent(new CustomEvent("".concat(t,"-changed"),{detail:{value:n[t]}})),"list"==t&&n[t]&&n[t].length>0&&n.max!==n.value&&(n.canLoad=!0)}))}},{key:"process",value:(a=m(v().mark((function e(){var t,n,o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.list,!this.canLoad){e.next=8;break}return n=0,e.next=5,t.map(function(){var e=m(v().mark((function e(t){return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t().then((function(e){n+=1,a.value=Math.round(n/a.list.length*100),a.loadingBar.textContent="Loading ".concat(a.value," of ").concat(a.max),resolve(e)})).catch((function(e){reject(e)}));case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());case 5:return o=e.sent,e.next=8,Promise.allSettled(o).then((function(){a.loadingBar.textContent="Loading Finished",a.value=a.max,setTimeout((function(){a.dispatchEvent(new CustomEvent("promise-progress-finished",{detail:{value:!0}}))}),100)}));case 8:case"end":return e.stop()}}),e,this)}))),function(){return a.apply(this,arguments)})}],[{key:"tag",get:function(){return"promise-progress-lite"}},{key:"styles",get:function(){var e=[];return l(c(t),"styles",this)&&(e=l(c(t),"styles",this)),[e,p(q||(q=u(["\n :host {\n display: block;\n position: relative;\n }\n "])))]}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{max:{type:Number},value:{type:Number,reflect:!0},list:{type:Array},showCount:{type:Boolean,attribute:"show-count"},canLoad:{type:Boolean}})}}]);var a}(b);customElements.define(I.tag,I);var M,N,H=function(e){function t(){return i(this,t),s(this,t)}return n(t,e),o(t,[{key:"render",value:function(){return d(A||(A=u(['\n \n ',"\n \n "])),this.max,this.value,this.list&&this.showCount?d(j||(j=u([""," / ",""])),this.value,this.max):"")}}],[{key:"tag",get:function(){return"promise-progress"}}])}(g(I));customElements.define(H.tag,H);var _,D,W,O,V={url:new URL("./elements/app-hax/lib/v1/app-hax-hat-progress.js",document.baseURI).href},$=function(e){function t(){var e;return i(this,t),(e=s(this,t)).promises=[],e.max=100,k((function(){e.promises=x(f.newSitePromiseList)})),k((function(){e.dark=x(f.darkMode)})),e}return n(t,e),o(t,[{key:"process",value:function(){this.shadowRoot.querySelector("#progress2").process()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.dispatchEvent(new CustomEvent("progress-ready",{detail:!0})),setTimeout((function(){n.shadowRoot.querySelector("#progress2").addEventListener("value-changed",(function(e){n.shadowRoot.querySelector("#value").textContent=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("max-changed",(function(e){n.max=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("promise-progress-finished",(function(e){if(e.detail.value){n.shadowRoot.querySelector(".game")&&n.shadowRoot.querySelector(".game").remove();var t=f.AppHaxAPI.lastResponse.createSite.data,o=globalThis.document.createElement("button");n.shadowRoot.querySelector("#value").textContent=n.max,o.textContent="Let's go!",o.classList.add("game"),o.addEventListener("pointerdown",(function(){f.appEl.playSound("click")})),o.addEventListener("click",(function(){f.appEl.reset(),setTimeout((function(){globalThis.location=t.slug.replace("index.html","")}),0)})),n.shadowRoot.querySelector("#progress2").parentNode.appendChild(o),f.toast("".concat(t.title?t.title:""," ready!"),1500,{hat:"random"}),f.setPageTitle("".concat(t.title?t.title:""," ready!")),setTimeout((function(){f.toast("redirecting in 3..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 3.."),setTimeout((function(){f.toast("redirecting in 2..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 2.."),setTimeout((function(){f.toast("redirecting in 1..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 1.."),f.appEl.reset(),setTimeout((function(){f.setPageTitle("Enjoy!"),globalThis.location=t.slug.replace("index.html","")}),1e3)}),1e3)}),1e3)}),1800),n.dispatchEvent(new CustomEvent("promise-progress-finished",{composed:!0,bubbles:!0,cancelable:!0,detail:!0}))}}))}),0)}},{key:"render",value:function(){return d(M||(M=u(['\n \n \n
0%
\n '])),new URL("../assets/images/HatBlank.svg",V.url).href,this.dark,this.promises)}}],[{key:"tag",get:function(){return"app-hax-hat-progress"}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{promises:{type:Array}})}},{key:"styles",get:function(){return[l(c(t),"styles",this),p(N||(N=u(['\n :host {\n display: block;\n height: 400px;\n width: 400px;\n }\n img {\n width: 400px;\n height: 400px;\n pointer-events: none;\n }\n .progress {\n margin: -148px 0 0 10px;\n z-index: -1;\n }\n .progress::part(progress) {\n height: 100px;\n width: 338px;\n margin-top: -1px 0 0 -4px;\n }\n\n .progress::part(progress)::-moz-progress-bar {\n background-color: red;\n height: 50px;\n margin: 24px 0 0 0;\n border: none;\n }\n\n .count {\n color: var(--simple-colors-default-theme-grey-1, white);\n font-family: "Press Start 2P", sans-serif;\n width: 350px;\n text-align: center;\n position: relative;\n display: block;\n font-size: 30px;\n margin-top: -250px;\n margin-left: 30px;\n }\n .game {\n font-family: "Press Start 2P", sans-serif;\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n width: 310px;\n background-color: var(--simple-colors-default-theme-red-7, red);\n color: var(--simple-colors-default-theme-grey-1, white);\n border: 0px;\n height: 54px;\n display: block;\n position: relative;\n margin: 138px 0px 0px 52px;\n padding: 0;\n box-sizing: border-box;\n }\n .game:focus,\n .game:hover {\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-red-8);\n color: var(--simple-colors-default-theme-grey-2);\n }\n .game:active {\n cursor: progress;\n background-color: var(--simple-colors-default-theme-red-10);\n color: var(--simple-colors-default-theme-grey-5);\n }\n '])))]}}])}(y);customElements.define($.tag,$);var G,X,Y,K,J,Q,Z,ee,te,ne,oe,ae,re,ie={url:new URL("./elements/app-hax/lib/v1/app-hax-button.js",document.baseURI).href},se=new URL("../assets/images/PostIt.svg",ie.url).href,le=new URL("../assets/images/BetaPostIt.svg",ie.url).href,ce=function(e){function t(){var e;return i(this,t),(e=s(this,t)).icon="save",e.type=null,e.value=null,e.disabled=!1,e.elevation=2,e.active=!1,e.comingSoon=!1,e.prompt=null,e.callback=null,e.param=null,e.beta=!1,e.addEventListener("click",e._handleClick),e.addEventListener("click",e._handleClick),e.addEventListener("focus",e._handleFocus),e.addEventListener("blur",e._handleBlur),e.addEventListener("mouseover",e._handleFocus),e.addEventListener("mouseout",e._handleBlur),e}return n(t,e),o(t,[{key:"_handleFocus",value:function(){this.disabled||this.comingSoon||(this.active=!0,this.elevation="4")}},{key:"_handleBlur",value:function(){this.disabled||this.comingSoon||(this.active=!1,this.elevation="2")}},{key:"_handleClick",value:function(){this.disabled||this.comingSoon||this.shadowRoot.querySelector(".haxButton").blur()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),e.forEach((function(e,t){if("type"===t)switch(n.type){case"technology":n.icon="hardware:desktop-mac",n.value="technology";break;case"business":n.icon="maps:local-atm",n.value="business";break;case"art":n.icon="image:palette",n.value="art";break;case"6w":n.icon="hax:messages-6",n.value="6 Week";break;case"15w":n.icon="social:school",n.value="15 Week";break;case"training":n.icon="hax:bricks",n.value="Training";break;case"docx import":case"docx":n.icon="hax:file-docx",n.value="docx";break;case"evolution":n.icon="communication:business",n.value="evo";break;case"pressbooks":n.icon="hax:wordpress",n.value="pressbooks";break;case"gitbook":n.icon="mdi-social:github-circle",n.value="gitbook";break;case"elms:ln":n.icon="lrn:network",n.value="elmsln";break;case"haxcms":n.icon="hax:hax2022",n.value="haxcms";break;case"notion":n.icon="book",n.value="notion";break;case"html":n.icon="icons:code",n.value="HTML";break;case"Blog":n.icon="social:public",n.value="Blog";break;default:n.icon="image:photo-filter",n.value="own",n.type="Create Your Own"}}))}},{key:"render",value:function(){return d(_||(_=u(["\n \n
\n \n
',"
\n
\n ","\n ","\n \n "])),this.elevation,this.disabled||this.comingSoon,this.icon,this.type,this.comingSoon?d(D||(D=u([''])),se):"",this.beta?d(W||(W=u([''])),le):"")}}],[{key:"tag",get:function(){return"app-hax-button"}},{key:"properties",get:function(){return{icon:{type:String},type:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},elevation:{type:Number},active:{type:Boolean,reflect:!0},comingSoon:{type:Boolean,reflect:!0,attribute:"coming-soon"},beta:{type:Boolean,reflect:!0},prompt:{type:String},callback:{type:String},param:{type:String}}}},{key:"styles",get:function(){return[p(O||(O=u(['\n :host {\n display: block;\n --background-color: transparent;\n --background-color-active: white;\n font-family: "Press Start 2P", sans-serif;\n }\n :host([coming-soon]) .haxButton {\n pointer-events: none;\n background-color: var(--simple-colors-default-theme-grey-6);\n }\n :host([active]) .haxButton {\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n background-color: var(--app-hax-accent-color, var(--accent-color));\n }\n :host([active]) simple-icon-lite {\n --simple-icon-color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n :host([active]) .type {\n background-color: var(--app-hax-accent-color, var(--accent-color));\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n\n #container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n width: 132px;\n height: 112px;\n }\n .coming-soon {\n display: block;\n height: 114px;\n width: 140px;\n z-index: 1;\n position: absolute;\n margin-top: -75px;\n }\n .beta {\n display: block;\n height: 100px;\n width: 120px;\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n margin-left: -50px;\n margin-top: -10px;\n }\n .haxButton {\n background-color: var(\n --app-hax-background-color,\n var(--background-color)\n );\n color: var(--app-hax-accent-color, var(--accent-color));\n display: inline-flex;\n }\n simple-icon-lite {\n --simple-icon-width: 60px;\n --simple-icon-height: 60px;\n --simple-icon-color: var(--app-hax-accent-color, var(--accent-color));\n }\n .type {\n font-size: 10px;\n color: var(--app-hax-accent-color, var(--accent-color));\n }\n @media (max-width: 800px) {\n #container {\n width: 100px;\n height: 75px;\n }\n\n .beta,\n .coming-soon {\n margin-top: -50px;\n height: 114px;\n width: 100px;\n }\n }\n '])))]}}])}(b);customElements.define(ce.tag,ce);var pe={url:new URL("./elements/app-hax/lib/v1/app-hax-steps.js",document.baseURI).href},ue=new URL("../assets/images/Home.svg",pe.url).href,he=new URL("../assets/images/DisabledCircle.svg",pe.url).href,de=new URL("../assets/images/TransparentCircle.svg",pe.url).href,be=new URL("../assets/images/EnabledCircle.svg",pe.url).href,me={collection:["collections-theme","bootstrap-theme"],blog:["haxor-slevin"],course:["clean-one","clean-two","learn-two-theme"],website:["polaris-theme"],training:["training-theme"],import:["clean-one","clean-two","learn-two-theme"]},ve=e("AppHaxSteps",function(e){function a(){var e;return i(this,a),(e=s(this,a)).unlockComingSoon=!1,e.unlockTerrible=!1,e.windowControllers=new AbortController,e.nameTyped="",e.stepRoutes=[],e._progressReady=!1,e.step=null,e.loaded=!1,e.themeNames=[],e.appSettings={},k((function(){e.appSettings=x(f.appSettings);var t=x(f.site.structure);e.themeNames=Object.keys(e.appSettings.themes).filter((function(e){return t&&me[t]&&me[t].includes(e)}))})),k((function(){e.dark=x(f.darkMode)})),k((function(){T("app-hax-step",x(f.step))})),k((function(){T("app-hax-site",x(f.site)),e.step=f.stepTest(e.step)})),k((function(){x(f.createSiteSteps)&&x(f.location)&&(e.step=f.stepTest(e.step))})),k((function(){var t=x(f.routes);e.stepRoutes=t.filter((function(e){return e.step}))})),e}return n(a,e),o(a,[{key:"chooseStructure",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.structure=t,"course"===t&&(f.site.type="own",f.site.theme="clean-one"),"blog"===t&&(f.site.type="own",f.site.theme="haxor-slevin"),"collection"===t&&(f.site.type="own",f.site.theme="collections-theme"),"website"===t&&(f.site.type="own",f.site.theme="polaris-theme"),"training"===t&&(f.site.type="own",f.site.theme="training-theme"),f.appEl.playSound("click2")}}},{key:"chooseType",value:function(e){if(!e.target.comingSoon){var t=e.target.type;f.site.type=t,f.appEl.playSound("click2")}}},{key:"docxImport",value:(E=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./6243deeb.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("docx");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/docxToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".docx","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return E.apply(this,arguments)})},{key:"evoImport",value:(z=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./2756a297.js").then((function(e){return e.be})).then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("zip");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/evolutionToSite",i,null,null,"?jwt="+x(f.AppHaxAPI.jwt));case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,a.nameTyped=s.data.filename.replace(".zip","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return z.apply(this,arguments)})},{key:"gbImport",value:(y=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Gitbook repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/gitbookToSite",{md:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return y.apply(this,arguments)})},{key:"importFromURL",value:(g=m(v().mark((function e(t){var n,o,a,r,i,s,l,c,p=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.target,o=n.type,a=n.prompt,r=n.callback,i=n.param,t.target.comingSoon){e.next=12;break}return s=globalThis.prompt(a),R(["haxcms"]),this.setProcessingVisual(),(l={})[i]=s,e.next=9,L.call(r,l);case 9:c=e.sent,f.toast("Processed!",300),200==c.status&&c.data&&""!=c.data.contents?(f.items=c.data.items,c.data.files&&(f.itemFiles=c.data.files),this.nameTyped=c.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){p.shadowRoot.querySelector("#sitename").value=p.nameTyped,p.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 12:case"end":return e.stop()}}),e,this)}))),function(e){return g.apply(this,arguments)})},{key:"notionImport",value:(b=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Github Notion repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/notionToSite",{repoUrl:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return b.apply(this,arguments)})},{key:"pressbooksImport",value:(r=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./6243deeb.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("html");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/pressbooksToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".html","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return r.apply(this,arguments)})},{key:"setProcessingVisual",value:function(){var e=globalThis.document.createElement("simple-icon-lite");e.icon="hax:loading",e.style.setProperty("--simple-icon-height","40px"),e.style.setProperty("--simple-icon-width","40px"),e.style.height="150px",e.style.marginLeft="8px",f.toast("Processing",6e4,{hat:"construction",slot:e})}},{key:"chooseTheme",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.theme=t,f.appEl.playSound("click2")}}},{key:"chooseName",value:function(){if(""!==this.nameTyped){var e=this.shadowRoot.querySelector("#sitename").value;f.site.name=e,f.appEl.playSound("click2")}}},{key:"progressReady",value:function(e){var t=this;e.detail&&(this._progressReady=!0,5===this.step&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),300))}},{key:"updated",value:function(e){var t=this;l(c(a.prototype),"updated",this)&&l(c(a.prototype),"updated",this).call(this,e),e.forEach((function(e,n){if(4===t.step&&"step"===n&&t.shadowRoot&&(t.shadowRoot.querySelector("#sitename").value=x(f.site.name)),5===t.step&&"step"===n&&t.shadowRoot&&t._progressReady&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),600),"step"===n&&(f.step=t.step),"unlockTerrible"===n&&t[n]){Object.keys(me).forEach((function(e){me[e]=[].concat(S(me[e]),["terrible-themes","terrible-productionz-themes","terrible-outlet-themes","terrible-best-themes","terrible-resume-themes"])}));var o=x(f.site.structure);t.themeNames=Object.keys(t.appSettings.themes).filter((function(e){return o&&me[o]&&me[o].includes(e)}))}}))}},{key:"connectedCallback",value:function(){l(c(a.prototype),"connectedCallback",this).call(this),globalThis.addEventListener("resize",this.maintainScroll.bind(this),{signal:this.windowControllers.signal}),globalThis.addEventListener("popstate",this.popstateListener.bind(this),{signal:this.windowControllers.signal})}},{key:"disconnectedCallback",value:function(){this.windowControllers.abort(),l(c(a.prototype),"disconnectedCallback",this).call(this)}},{key:"popstateListener",value:function(e){var t=this;if("popstate"===e.type&&null===e.state)try{setTimeout((function(){var n=e.target.document.location.pathname.split("/").pop();if(n.includes("createSite")){var o=parseInt(n.replace("createSite-step-",""));of.stepTest(o)&&(f.toast("Please select an option"),t.step=f.stepTest(o),t.shadowRoot.querySelector("#link-step-"+t.step).click())}}),0)}catch(e){}}},{key:"maintainScroll",value:function(){var e=this;this.shadowRoot&&this.step&&(this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}),setTimeout((function(){e.scrollToThing("#step-".concat(e.step),{behavior:"instant",block:"start",inline:"nearest"})}),100))}},{key:"firstUpdated",value:function(e){var t=this;l(c(a.prototype),"firstUpdated",this)&&l(c(a.prototype),"firstUpdated",this).call(this,e),setTimeout((function(){null===t.step&&(t.step=1),t.scrollToThing("#step-".concat(t.step),{behavior:"instant",block:"start",inline:"nearest"})}),100),k((function(){if(x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.location);e.route&&e.route.step&&e.route.name&&setTimeout((function(){t.scrollToThing("#".concat(e.route.name),{behavior:"smooth",block:"start",inline:"nearest"}),4===e.route.step&&4===f.stepTest(4)&&setTimeout((function(){t.shadowRoot.querySelector("#sitename").focus(),t.scrollToThing("#step-4",{behavior:"instant",block:"start",inline:"nearest"})}),800)}),300)}})),k((function(){if(t.shadowRoot&&x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.activeItem);e&&e.name&&e.step&&!t.__overrideProgression&&t.shadowRoot.querySelector("#link-".concat(e.name)).click()}}))}},{key:"scrollToThing",value:function(e,t){var n=void 0!==globalThis.safari;this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step")&&this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step").classList.remove("active-step"),n?this.shadowRoot.querySelector(e).scrollIntoView():this.shadowRoot.querySelector(e).scrollIntoView(t),this.shadowRoot.querySelector(e).classList.add("active-step")}},{key:"progressFinished",value:function(e){e.detail&&(this.loaded=!0,f.appEl.playSound("success"),e.target.shadowRoot.querySelector(".game").focus(),this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}))}},{key:"typeKey",value:function(){this.nameTyped=this.shadowRoot.querySelector("#sitename").value}},{key:"keydown",value:function(e){[" ","/","\\","&","#","?","+","=","{","}","|","^","~","[","]","`",'"',"'"].includes(e.key)?(f.appEl.playSound("error"),f.toast('"'.concat(e.key,'" is not allowed. Use - or _')),e.preventDefault()):"Enter"===e.key?this.chooseName():["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(e.key)||f.appEl.playSound("click")}},{key:"stepLinkClick",value:function(e){var t=parseInt(e.target.getAttribute("data-step"),10);this.stept&&(this.nameTyped="",f.siteReady=!1,1===t?(f.site.structure=null,f.site.type=null,f.site.theme=null,f.site.name=null):2===t?(f.site.type=null,f.site.theme=null,f.site.name=null):3===t?(f.site.theme=null,f.site.name=null):4===t&&(f.site.name=null),this.step=t)}},{key:"renderTypes",value:function(e){var t=x(f.site.structure),n=d(G||(G=u([""])));switch(t){case"collection":n=d(X||(X=u([' \n \n \n '])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon);break;default:case"course":n=d(Y||(Y=u([' \n '])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType);break;case"website":n=d(K||(K=u([' '])),2!==e?"-1":"",this.chooseType);break;case"training":n=d(J||(J=u([' '])),2!==e?"-1":"",this.chooseType);break;case"blog":n=d(Q||(Q=u([' '])),2!==e?"-1":"",this.chooseType);break;case"import":n=d(Z||(Z=u([' \n \n \n \n \n \n \n '])),2!==e?"-1":"",this.docxImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.evoImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.pressbooksImport)}return n}},{key:"render",value:function(){var e=this;return d(ee||(ee=u(['\n
\n \n \n \n \n
\n '])),x(f.isNewUser)?d(ne||(ne=u([""]))):d(te||(te=u(['\n \n \n \n Site list\n '])),ue,this.stepLinkClick),this.stepRoutes.map((function(t,n){return d(oe||(oe=u(['\n ','\n Step ',": ","\n "])),e.step\n \n
',"
\n \n "])),e.appSettings.themes[t].name,t,e.chooseTheme,3!==e.step?"-1":"",e.appSettings.themes[t].thumbnail,e.appSettings.themes[t].name)})):"",this.typeKey,this.keydown,x(f.site.structure),4!==this.step?"-1":"",4!==this.step?"-1":"",this.chooseName,""===this.nameTyped,this.progressReady,this.progressFinished,5!==this.step?"-1":"")}}],[{key:"tag",get:function(){return"app-hax-steps"}},{key:"properties",get:function(){return h(h({},l(c(a),"properties",this)),{},{step:{type:Number,reflect:!0},stepRoutes:{type:Array},themeNames:{type:Array},unlockComingSoon:{type:Boolean,reflect:!0,attribute:"unlock-coming-soon"},unlockTerrible:{type:Boolean,reflect:!0,attribute:"unlock-terrible"},loaded:{type:Boolean,reflect:!0},appSettings:{type:Object},nameTyped:{type:String}})}},{key:"styles",get:function(){return[l(c(a),"styles",this),p(re||(re=u(['\n :host {\n display: block;\n }\n scrollable-component {\n --scrollbar-width: 0px;\n --scrollbar-height: 0px;\n --scrollbar-padding: 0;\n --viewport-overflow-x: hidden;\n overflow: hidden;\n }\n #grid-container {\n display: grid;\n grid-template-columns: 200px 200px 200px;\n background: transparent;\n }\n .carousel-with-snapping-track {\n display: grid;\n grid-auto-flow: column;\n grid-gap: 30px;\n }\n .carousel-with-snapping-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: normal;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n scrollbar-gutter: stable;\n width: var(--viewport-width);\n font-size: 1.5rem;\n text-align: center;\n overflow-x: hidden;\n max-height: 60vh;\n padding-top: 1vh;\n }\n #step-links {\n padding: 0;\n margin: 0;\n }\n ul,\n li {\n list-style: none;\n }\n li {\n vertical-align: middle;\n display: inline-flex;\n margin: 5px;\n }\n li.step {\n border-radius: 50%;\n background-color: transparent;\n }\n li a {\n font-size: 12px;\n color: var(--simple-colors-default-theme-grey-12, white);\n text-decoration: none;\n padding: 5px;\n width: 20px;\n height: 20px;\n line-height: 20px;\n margin: 0;\n display: block;\n border: 0;\n border-radius: 50%;\n background-repeat: no-repeat;\n background-size: 30px 30px;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n background-image: url("','");\n transition:\n 0.3s ease-in-out background,\n 0.3s ease-in-out color;\n transition-delay: 0.6s, 0.3s;\n }\n li a[disabled] {\n background-image: url("','");\n pointer-events: none;\n color: var(--simple-colors-default-theme-grey-7, grey);\n user-select: none;\n }\n li[disabled] {\n background-color: grey;\n }\n li.active-step a {\n background-color: orange;\n background-image: url("','");\n }\n app-hax-button {\n padding: 10px 0px 10px 0px;\n background: transparent;\n }\n #theme-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n img {\n pointer-events: none;\n }\n #themeContainer {\n width: 70vw;\n height: 55vh;\n }\n .theme-button {\n background-color: transparent;\n color: var(--simple-colors-default-theme-grey-12, white);\n border: none;\n margin: 8px;\n padding: 8px;\n width: 245px;\n }\n\n .theme-button div {\n font-family: "Press Start 2P", sans-serif;\n font-size: 14px;\n margin-top: 12px;\n }\n .theme-button:focus,\n .theme-button:hover {\n outline: 4px solid var(--app-hax-accent-color, var(--accent-color));\n outline-offset: 4px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n }\n #sitename {\n font-family: "Press Start 2P", sans-serif;\n font-size: 32px;\n padding: 8px;\n width: 40vw;\n }\n #homebtn {\n --simple-icon-height: 30px;\n --simple-icon-width: 30px;\n border-radius: 50%;\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n }\n .homelnk {\n background-image: none;\n display: flex;\n padding: 0;\n margin: 0;\n height: 30px;\n width: 30px;\n }\n app-hax-site-button {\n justify-content: center;\n --app-hax-site-button-width: 35vw;\n --app-hax-site-button-min-width: 240px;\n }\n app-hax-hat-progress {\n height: 400px;\n width: 400px;\n display: block;\n }\n\n @media (max-width: 800px) {\n .theme-button {\n width: unset;\n padding: 0;\n }\n .theme-button div {\n font-size: 12px;\n margin-top: 8px;\n }\n .theme-button img {\n height: 70px;\n }\n app-hax-site-button {\n width: 320px;\n max-width: 60vw;\n --app-hax-site-button-font-size: 2.5vw;\n }\n #sitename {\n width: 70vw;\n font-size: 20px;\n }\n #grid-container {\n grid-template-columns: 150px 150px 150px;\n }\n }\n @media (max-height: 600px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 57vh;\n }\n #sitename {\n width: 40vw;\n font-size: 14px;\n }\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -18vh;\n }\n }\n @media (max-width: 500px) {\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -15vh;\n }\n }\n @media (max-height: 400px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 40vh;\n }\n app-hax-hat-progress {\n transform: scale(0.3);\n }\n .carousel-with-snapping-item.active-step app-hax-hat-progress {\n position: fixed;\n top: 20%;\n left: 20%;\n }\n }\n '])),w(be),w(he),w(de))]}}]);var r,b,g,y,z,E}(y));customElements.define(ve.tag,ve)}}})); +System.register(["./b67b5c68.js","./226f6da3.js","./b3aa7e37.js"],(function(e,t){"use strict";var n,o,a,r,i,s,l,c,p,u,h,d,b,m,v,g,f,y,k,x,w,S,T,R,L;return{setters:[function(e){n=e._,o=e.a,a=e.l,r=e.m,i=e.c,s=e.d,l=e.f,c=e.g,p=e.i,u=e.b,h=e.e,d=e.x,b=e.s,m=e.j,v=e.k,g=e.n,f=e.h,y=e.S,k=e.o,x=e.t,w=e.r,S=e.p,T=e.q,R=e.u,L=e.M},function(){},function(){}],execute:function(){var z=document.createElement("template");z.innerHTML='
';var E,C,q,P=Symbol("vertical"),U=Symbol("horizontal"),F=[{key:P,name:"vertical",size:"height",o:"offsetHeight",l:"scrollHeight",position:"top",t:"scrollTop",i:"overflow-y",h:"clientY",v:"pageY"},{key:U,name:"horizontal",size:"width",o:"offsetWidth",l:"scrollWidth",position:"left",t:"scrollLeft",i:"overflow-x",h:"clientX",v:"pageX"}],B=function(e){function t(){var e;return i(this,t),(e=s(this,t)).u(),e.p(),e.g(),e}return n(t,e),o(t,[{key:"connectedCallback",value:function(){this.k(),this.m(),this.S()}},{key:"attributeChangedCallback",value:function(e,t,n){"scrollbar-visibility"===e?this.viewport.classList.toggle("scrollbar-visible","always"===n):"vertical-scrollbar-position"===e?this.elements[P].C.classList.toggle("left-position","left"===n):"horizontal-scrollbar-position"===e&&this.elements[U].C.classList.toggle("top-position","top"===n)}},{key:"u",value:function(){this.viewport,this.content,this.elements={},this.cache={},this.T={},this.$=null;for(var e=0,t=F;eMath.ceil(a.M)}}},{key:"m",value:function(){for(var e=0,t=F;e\n ',"\n \n "])),this.max,this.value,this.list&&this.showCount?d(C||(C=u([""," / ",""])),this.value,this.max):"")}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.loadingBar=this.shadowRoot.querySelector("progress")}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){["value","max"].includes(t)&&n.shadowRoot&&n.dispatchEvent(new CustomEvent("".concat(t,"-changed"),{detail:{value:n[t]}})),"list"==t&&n[t]&&n[t].length>0&&n.max!==n.value&&(n.canLoad=!0)}))}},{key:"process",value:(a=m(v().mark((function e(){var t,n,o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=this.list,!this.canLoad){e.next=8;break}return n=0,e.next=5,t.map(function(){var e=m(v().mark((function e(t){return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t().then((function(e){n+=1,a.value=Math.round(n/a.list.length*100),a.loadingBar.textContent="Loading ".concat(a.value," of ").concat(a.max),resolve(e)})).catch((function(e){reject(e)}));case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());case 5:return o=e.sent,e.next=8,Promise.allSettled(o).then((function(){a.loadingBar.textContent="Loading Finished",a.value=a.max,setTimeout((function(){a.dispatchEvent(new CustomEvent("promise-progress-finished",{detail:{value:!0}}))}),100)}));case 8:case"end":return e.stop()}}),e,this)}))),function(){return a.apply(this,arguments)})}],[{key:"tag",get:function(){return"promise-progress-lite"}},{key:"styles",get:function(){var e=[];return l(c(t),"styles",this)&&(e=l(c(t),"styles",this)),[e,p(q||(q=u(["\n :host {\n display: block;\n position: relative;\n }\n "])))]}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{max:{type:Number},value:{type:Number,reflect:!0},list:{type:Array},showCount:{type:Boolean,attribute:"show-count"},canLoad:{type:Boolean}})}}]);var a}(b);customElements.define(I.tag,I);var M,N,H=function(e){function t(){return i(this,t),s(this,t)}return n(t,e),o(t,[{key:"render",value:function(){return d(A||(A=u(['\n \n ',"\n \n "])),this.max,this.value,this.list&&this.showCount?d(j||(j=u([""," / ",""])),this.value,this.max):"")}}],[{key:"tag",get:function(){return"promise-progress"}}])}(g(I));customElements.define(H.tag,H);var _,D,W,O,V={url:new URL("./elements/app-hax/lib/v1/app-hax-hat-progress.js",document.baseURI).href},$=function(e){function t(){var e;return i(this,t),(e=s(this,t)).promises=[],e.max=100,k((function(){e.promises=x(f.newSitePromiseList)})),k((function(){e.dark=x(f.darkMode)})),e}return n(t,e),o(t,[{key:"process",value:function(){this.shadowRoot.querySelector("#progress2").process()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.dispatchEvent(new CustomEvent("progress-ready",{detail:!0})),setTimeout((function(){n.shadowRoot.querySelector("#progress2").addEventListener("value-changed",(function(e){n.shadowRoot.querySelector("#value").textContent=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("max-changed",(function(e){n.max=e.detail.value})),n.shadowRoot.querySelector("#progress2").addEventListener("promise-progress-finished",(function(e){if(e.detail.value){n.shadowRoot.querySelector(".game")&&n.shadowRoot.querySelector(".game").remove();var t=f.AppHaxAPI.lastResponse.createSite.data,o=globalThis.document.createElement("button");n.shadowRoot.querySelector("#value").textContent=n.max,o.textContent="Let's go!",o.classList.add("game"),o.addEventListener("pointerdown",(function(){f.appEl.playSound("click")})),o.addEventListener("click",(function(){f.appEl.reset(),setTimeout((function(){globalThis.location=t.slug.replace("index.html","")}),0)})),n.shadowRoot.querySelector("#progress2").parentNode.appendChild(o),f.toast("".concat(t.title?t.title:""," ready!"),1500,{hat:"random"}),f.setPageTitle("".concat(t.title?t.title:""," ready!")),setTimeout((function(){f.toast("redirecting in 3..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 3.."),setTimeout((function(){f.toast("redirecting in 2..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 2.."),setTimeout((function(){f.toast("redirecting in 1..",1e4,{hat:"random",walking:!0}),f.setPageTitle("Redirecting in 1.."),f.appEl.reset(),setTimeout((function(){f.setPageTitle("Enjoy!"),globalThis.location=t.slug.replace("index.html","")}),1e3)}),1e3)}),1e3)}),1800),n.dispatchEvent(new CustomEvent("promise-progress-finished",{composed:!0,bubbles:!0,cancelable:!0,detail:!0}))}}))}),0)}},{key:"render",value:function(){return d(M||(M=u(['\n \n \n
0%
\n '])),new URL("../assets/images/HatBlank.svg",V.url).href,this.dark,this.promises)}}],[{key:"tag",get:function(){return"app-hax-hat-progress"}},{key:"properties",get:function(){return h(h({},l(c(t),"properties",this)),{},{promises:{type:Array}})}},{key:"styles",get:function(){return[l(c(t),"styles",this),p(N||(N=u(['\n :host {\n display: block;\n height: 400px;\n width: 400px;\n }\n img {\n width: 400px;\n height: 400px;\n pointer-events: none;\n }\n .progress {\n margin: -148px 0 0 10px;\n z-index: -1;\n }\n .progress::part(progress) {\n height: 100px;\n width: 338px;\n margin-top: -1px 0 0 -4px;\n }\n\n .progress::part(progress)::-moz-progress-bar {\n background-color: red;\n height: 50px;\n margin: 24px 0 0 0;\n border: none;\n }\n\n .count {\n color: var(--simple-colors-default-theme-grey-1, white);\n font-family: "Press Start 2P", sans-serif;\n width: 350px;\n text-align: center;\n position: relative;\n display: block;\n font-size: 30px;\n margin-top: -250px;\n margin-left: 30px;\n }\n .game {\n font-family: "Press Start 2P", sans-serif;\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n width: 310px;\n background-color: var(--simple-colors-default-theme-red-7, red);\n color: var(--simple-colors-default-theme-grey-1, white);\n border: 0px;\n height: 54px;\n display: block;\n position: relative;\n margin: 138px 0px 0px 52px;\n padding: 0;\n box-sizing: border-box;\n }\n .game:focus,\n .game:hover {\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-red-8);\n color: var(--simple-colors-default-theme-grey-2);\n }\n .game:active {\n cursor: progress;\n background-color: var(--simple-colors-default-theme-red-10);\n color: var(--simple-colors-default-theme-grey-5);\n }\n '])))]}}])}(y);customElements.define($.tag,$);var G,X,Y,K,J,Q,Z,ee,te,ne,oe,ae,re,ie={url:new URL("./elements/app-hax/lib/v1/app-hax-button.js",document.baseURI).href},se=new URL("../assets/images/PostIt.svg",ie.url).href,le=new URL("../assets/images/BetaPostIt.svg",ie.url).href,ce=function(e){function t(){var e;return i(this,t),(e=s(this,t)).icon="save",e.type=null,e.value=null,e.disabled=!1,e.elevation=2,e.active=!1,e.comingSoon=!1,e.prompt=null,e.callback=null,e.param=null,e.beta=!1,e.addEventListener("click",e._handleClick),e.addEventListener("click",e._handleClick),e.addEventListener("focus",e._handleFocus),e.addEventListener("blur",e._handleBlur),e.addEventListener("mouseover",e._handleFocus),e.addEventListener("mouseout",e._handleBlur),e}return n(t,e),o(t,[{key:"_handleFocus",value:function(){this.disabled||this.comingSoon||(this.active=!0,this.elevation="4")}},{key:"_handleBlur",value:function(){this.disabled||this.comingSoon||(this.active=!1,this.elevation="2")}},{key:"_handleClick",value:function(){this.disabled||this.comingSoon||this.shadowRoot.querySelector(".haxButton").blur()}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),e.forEach((function(e,t){if("type"===t)switch(n.type){case"technology":n.icon="hardware:desktop-mac",n.value="technology";break;case"business":n.icon="maps:local-atm",n.value="business";break;case"art":n.icon="image:palette",n.value="art";break;case"6w":n.icon="hax:messages-6",n.value="6 Week";break;case"15w":n.icon="social:school",n.value="15 Week";break;case"training":n.icon="hax:bricks",n.value="Training";break;case"docx import":case"docx":n.icon="hax:file-docx",n.value="docx";break;case"evolution":n.icon="communication:business",n.value="evo";break;case"pressbooks":n.icon="hax:wordpress",n.value="pressbooks";break;case"gitbook":n.icon="mdi-social:github-circle",n.value="gitbook";break;case"elms:ln":n.icon="lrn:network",n.value="elmsln";break;case"haxcms":n.icon="hax:hax2022",n.value="haxcms";break;case"notion":n.icon="book",n.value="notion";break;case"html":n.icon="icons:code",n.value="HTML";break;case"Blog":n.icon="social:public",n.value="Blog";break;default:n.icon="image:photo-filter",n.value="own",n.type="Create Your Own"}}))}},{key:"render",value:function(){return d(_||(_=u(["\n \n
\n \n
',"
\n
\n ","\n ","\n \n "])),this.elevation,this.disabled||this.comingSoon,this.icon,this.type,this.comingSoon?d(D||(D=u([''])),se):"",this.beta?d(W||(W=u([''])),le):"")}}],[{key:"tag",get:function(){return"app-hax-button"}},{key:"properties",get:function(){return{icon:{type:String},type:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},elevation:{type:Number},active:{type:Boolean,reflect:!0},comingSoon:{type:Boolean,reflect:!0,attribute:"coming-soon"},beta:{type:Boolean,reflect:!0},prompt:{type:String},callback:{type:String},param:{type:String}}}},{key:"styles",get:function(){return[p(O||(O=u(['\n :host {\n display: block;\n --background-color: transparent;\n --background-color-active: white;\n font-family: "Press Start 2P", sans-serif;\n }\n :host([coming-soon]) .haxButton {\n pointer-events: none;\n background-color: var(--simple-colors-default-theme-grey-6);\n }\n :host([active]) .haxButton {\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n background-color: var(--app-hax-accent-color, var(--accent-color));\n }\n :host([active]) simple-icon-lite {\n --simple-icon-color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n :host([active]) .type {\n background-color: var(--app-hax-accent-color, var(--accent-color));\n color: var(\n --app-hax-background-color,\n var(--background-color-active)\n );\n }\n\n #container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n width: 132px;\n height: 112px;\n }\n .coming-soon {\n display: block;\n height: 114px;\n width: 140px;\n z-index: 1;\n position: absolute;\n margin-top: -75px;\n }\n .beta {\n display: block;\n height: 100px;\n width: 120px;\n z-index: 1;\n position: absolute;\n top: 0;\n left: 0;\n margin-left: -50px;\n margin-top: -10px;\n }\n .haxButton {\n background-color: var(\n --app-hax-background-color,\n var(--background-color)\n );\n color: var(--app-hax-accent-color, var(--accent-color));\n display: inline-flex;\n }\n simple-icon-lite {\n --simple-icon-width: 60px;\n --simple-icon-height: 60px;\n --simple-icon-color: var(--app-hax-accent-color, var(--accent-color));\n }\n .type {\n font-size: 10px;\n color: var(--app-hax-accent-color, var(--accent-color));\n }\n @media (max-width: 800px) {\n #container {\n width: 100px;\n height: 75px;\n }\n\n .beta,\n .coming-soon {\n margin-top: -50px;\n height: 114px;\n width: 100px;\n }\n }\n '])))]}}])}(b);customElements.define(ce.tag,ce);var pe={url:new URL("./elements/app-hax/lib/v1/app-hax-steps.js",document.baseURI).href},ue=new URL("../assets/images/Home.svg",pe.url).href,he=new URL("../assets/images/DisabledCircle.svg",pe.url).href,de=new URL("../assets/images/TransparentCircle.svg",pe.url).href,be=new URL("../assets/images/EnabledCircle.svg",pe.url).href,me={collection:["collections-theme","bootstrap-theme"],blog:["haxor-slevin"],course:["clean-one","clean-two","learn-two-theme"],website:["polaris-theme"],training:["training-theme"],import:["clean-one","clean-two","learn-two-theme"]},ve=e("AppHaxSteps",function(e){function a(){var e;return i(this,a),(e=s(this,a)).unlockComingSoon=!1,e.unlockTerrible=!1,e.windowControllers=new AbortController,e.nameTyped="",e.stepRoutes=[],e._progressReady=!1,e.step=null,e.loaded=!1,e.themeNames=[],e.appSettings={},k((function(){e.appSettings=x(f.appSettings);var t=x(f.site.structure);e.themeNames=Object.keys(e.appSettings.themes).filter((function(e){return t&&me[t]&&me[t].includes(e)}))})),k((function(){e.dark=x(f.darkMode)})),k((function(){T("app-hax-step",x(f.step))})),k((function(){T("app-hax-site",x(f.site)),e.step=f.stepTest(e.step)})),k((function(){x(f.createSiteSteps)&&x(f.location)&&(e.step=f.stepTest(e.step))})),k((function(){var t=x(f.routes);e.stepRoutes=t.filter((function(e){return e.step}))})),e}return n(a,e),o(a,[{key:"chooseStructure",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.structure=t,"course"===t&&(f.site.type="own",f.site.theme="clean-one"),"blog"===t&&(f.site.type="own",f.site.theme="haxor-slevin"),"collection"===t&&(f.site.type="own",f.site.theme="collections-theme"),"website"===t&&(f.site.type="own",f.site.theme="polaris-theme"),"training"===t&&(f.site.type="own",f.site.theme="training-theme"),f.appEl.playSound("click2")}}},{key:"chooseType",value:function(e){if(!e.target.comingSoon){var t=e.target.type;f.site.type=t,f.appEl.playSound("click2")}}},{key:"docxImport",value:(E=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./f6676c36.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("docx");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/docxToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".docx","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return E.apply(this,arguments)})},{key:"evoImport",value:(z=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./b67b5c68.js").then((function(e){return e.be})).then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("zip");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/evolutionToSite",i,null,null,"?jwt="+x(f.AppHaxAPI.jwt));case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,a.nameTyped=s.data.filename.replace(".zip","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return z.apply(this,arguments)})},{key:"gbImport",value:(y=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Gitbook repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/gitbookToSite",{md:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return y.apply(this,arguments)})},{key:"importFromURL",value:(g=m(v().mark((function e(t){var n,o,a,r,i,s,l,c,p=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t.target,o=n.type,a=n.prompt,r=n.callback,i=n.param,t.target.comingSoon){e.next=12;break}return s=globalThis.prompt(a),R(["haxcms"]),this.setProcessingVisual(),(l={})[i]=s,e.next=9,L.call(r,l);case 9:c=e.sent,f.toast("Processed!",300),200==c.status&&c.data&&""!=c.data.contents?(f.items=c.data.items,c.data.files&&(f.itemFiles=c.data.files),this.nameTyped=c.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){p.shadowRoot.querySelector("#sitename").value=p.nameTyped,p.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 12:case"end":return e.stop()}}),e,this)}))),function(e){return g.apply(this,arguments)})},{key:"notionImport",value:(b=m(v().mark((function e(t){var n,o,a,r=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.target.comingSoon){e.next=10;break}return n=t.target.type,o=globalThis.prompt("URL for the Github Notion repo"),R(["haxcms"]),this.setProcessingVisual(),e.next=7,L.call("@haxcms/notionToSite",{repoUrl:o});case 7:a=e.sent,f.toast("Processed!",300),200==a.status&&a.data&&""!=a.data.contents?(f.items=a.data.items,a.data.files&&(f.itemFiles=a.data.files),this.nameTyped=a.data.filename.replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){r.shadowRoot.querySelector("#sitename").value=r.nameTyped,r.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=n,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("Repo did not return valid structure"));case 10:case"end":return e.stop()}}),e,this)}))),function(e){return b.apply(this,arguments)})},{key:"pressbooksImport",value:(r=m(v().mark((function e(n){var o,a=this;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.target.comingSoon||(o=n.target.type,t.import("./f6676c36.js").then(function(){var e=m(v().mark((function e(t){var n,r,i,s;return v().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return R(["haxcms"]),n=globalThis.FileSystemBroker.requestAvailability(),e.next=4,n.loadFile("html");case 4:return r=e.sent,(i=new FormData).append("method","site"),i.append("type",x(f.site.structure)),i.append("upload",r),a.setProcessingVisual(),e.next=12,L.call("@haxcms/pressbooksToSite",i);case 12:s=e.sent,f.toast("Processed!",300),200==s.status&&s.data&&""!=s.data.contents?(f.items=s.data.items,s.data.files&&(f.itemFiles=s.data.files),a.nameTyped=s.data.filename.replace(".html","").replace("outline","").replace(/\s/g,"").replace(/-/g,"").toLowerCase(),setTimeout((function(){a.shadowRoot.querySelector("#sitename").value=a.nameTyped,a.shadowRoot.querySelector("#sitename").select()}),800),f.site.type=o,f.site.theme="clean-one",f.appEl.playSound("click2")):(f.appEl.playSound("error"),f.toast("File did not return valid HTML structure"));case 15:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()));case 1:case"end":return e.stop()}}),e)}))),function(e){return r.apply(this,arguments)})},{key:"setProcessingVisual",value:function(){var e=globalThis.document.createElement("simple-icon-lite");e.icon="hax:loading",e.style.setProperty("--simple-icon-height","40px"),e.style.setProperty("--simple-icon-width","40px"),e.style.height="150px",e.style.marginLeft="8px",f.toast("Processing",6e4,{hat:"construction",slot:e})}},{key:"chooseTheme",value:function(e){if(!e.target.comingSoon){var t=e.target.value;f.site.theme=t,f.appEl.playSound("click2")}}},{key:"chooseName",value:function(){if(""!==this.nameTyped){var e=this.shadowRoot.querySelector("#sitename").value;f.site.name=e,f.appEl.playSound("click2")}}},{key:"progressReady",value:function(e){var t=this;e.detail&&(this._progressReady=!0,5===this.step&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),300))}},{key:"updated",value:function(e){var t=this;l(c(a.prototype),"updated",this)&&l(c(a.prototype),"updated",this).call(this,e),e.forEach((function(e,n){if(4===t.step&&"step"===n&&t.shadowRoot&&(t.shadowRoot.querySelector("#sitename").value=x(f.site.name)),5===t.step&&"step"===n&&t.shadowRoot&&t._progressReady&&setTimeout((function(){t.shadowRoot.querySelector("app-hax-hat-progress").process()}),600),"step"===n&&(f.step=t.step),"unlockTerrible"===n&&t[n]){Object.keys(me).forEach((function(e){me[e]=[].concat(S(me[e]),["terrible-themes","terrible-productionz-themes","terrible-outlet-themes","terrible-best-themes","terrible-resume-themes"])}));var o=x(f.site.structure);t.themeNames=Object.keys(t.appSettings.themes).filter((function(e){return o&&me[o]&&me[o].includes(e)}))}}))}},{key:"connectedCallback",value:function(){l(c(a.prototype),"connectedCallback",this).call(this),globalThis.addEventListener("resize",this.maintainScroll.bind(this),{signal:this.windowControllers.signal}),globalThis.addEventListener("popstate",this.popstateListener.bind(this),{signal:this.windowControllers.signal})}},{key:"disconnectedCallback",value:function(){this.windowControllers.abort(),l(c(a.prototype),"disconnectedCallback",this).call(this)}},{key:"popstateListener",value:function(e){var t=this;if("popstate"===e.type&&null===e.state)try{setTimeout((function(){var n=e.target.document.location.pathname.split("/").pop();if(n.includes("createSite")){var o=parseInt(n.replace("createSite-step-",""));of.stepTest(o)&&(f.toast("Please select an option"),t.step=f.stepTest(o),t.shadowRoot.querySelector("#link-step-"+t.step).click())}}),0)}catch(e){}}},{key:"maintainScroll",value:function(){var e=this;this.shadowRoot&&this.step&&(this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}),setTimeout((function(){e.scrollToThing("#step-".concat(e.step),{behavior:"instant",block:"start",inline:"nearest"})}),100))}},{key:"firstUpdated",value:function(e){var t=this;l(c(a.prototype),"firstUpdated",this)&&l(c(a.prototype),"firstUpdated",this).call(this,e),setTimeout((function(){null===t.step&&(t.step=1),t.scrollToThing("#step-".concat(t.step),{behavior:"instant",block:"start",inline:"nearest"})}),100),k((function(){if(x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.location);e.route&&e.route.step&&e.route.name&&setTimeout((function(){t.scrollToThing("#".concat(e.route.name),{behavior:"smooth",block:"start",inline:"nearest"}),4===e.route.step&&4===f.stepTest(4)&&setTimeout((function(){t.shadowRoot.querySelector("#sitename").focus(),t.scrollToThing("#step-4",{behavior:"instant",block:"start",inline:"nearest"})}),800)}),300)}})),k((function(){if(t.shadowRoot&&x(f.createSiteSteps)&&x(f.appReady)){var e=x(f.activeItem);e&&e.name&&e.step&&!t.__overrideProgression&&t.shadowRoot.querySelector("#link-".concat(e.name)).click()}}))}},{key:"scrollToThing",value:function(e,t){var n=void 0!==globalThis.safari;this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step")&&this.shadowRoot.querySelector(".carousel-with-snapping-item.active-step").classList.remove("active-step"),n?this.shadowRoot.querySelector(e).scrollIntoView():this.shadowRoot.querySelector(e).scrollIntoView(t),this.shadowRoot.querySelector(e).classList.add("active-step")}},{key:"progressFinished",value:function(e){e.detail&&(this.loaded=!0,f.appEl.playSound("success"),e.target.shadowRoot.querySelector(".game").focus(),this.scrollToThing("#step-".concat(this.step),{behavior:"instant",block:"start",inline:"nearest"}))}},{key:"typeKey",value:function(){this.nameTyped=this.shadowRoot.querySelector("#sitename").value}},{key:"keydown",value:function(e){[" ","/","\\","&","#","?","+","=","{","}","|","^","~","[","]","`",'"',"'"].includes(e.key)?(f.appEl.playSound("error"),f.toast('"'.concat(e.key,'" is not allowed. Use - or _')),e.preventDefault()):"Enter"===e.key?this.chooseName():["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(e.key)||f.appEl.playSound("click")}},{key:"stepLinkClick",value:function(e){var t=parseInt(e.target.getAttribute("data-step"),10);this.stept&&(this.nameTyped="",f.siteReady=!1,1===t?(f.site.structure=null,f.site.type=null,f.site.theme=null,f.site.name=null):2===t?(f.site.type=null,f.site.theme=null,f.site.name=null):3===t?(f.site.theme=null,f.site.name=null):4===t&&(f.site.name=null),this.step=t)}},{key:"renderTypes",value:function(e){var t=x(f.site.structure),n=d(G||(G=u([""])));switch(t){case"collection":n=d(X||(X=u([' \n \n \n '])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon,2!==e?"-1":"",this.chooseType,!this.unlockComingSoon);break;default:case"course":n=d(Y||(Y=u([' \n '])),2!==e?"-1":"",this.chooseType,2!==e?"-1":"",this.chooseType);break;case"website":n=d(K||(K=u([' '])),2!==e?"-1":"",this.chooseType);break;case"training":n=d(J||(J=u([' '])),2!==e?"-1":"",this.chooseType);break;case"blog":n=d(Q||(Q=u([' '])),2!==e?"-1":"",this.chooseType);break;case"import":n=d(Z||(Z=u([' \n \n \n \n \n \n \n '])),2!==e?"-1":"",this.docxImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.evoImport,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.importFromURL,2!==e?"-1":"",this.pressbooksImport)}return n}},{key:"render",value:function(){var e=this;return d(ee||(ee=u(['\n
\n \n \n \n \n
\n '])),x(f.isNewUser)?d(ne||(ne=u([""]))):d(te||(te=u(['\n \n \n \n Site list\n '])),ue,this.stepLinkClick),this.stepRoutes.map((function(t,n){return d(oe||(oe=u(['\n ','\n Step ',": ","\n "])),e.step\n \n
',"
\n \n "])),e.appSettings.themes[t].name,t,e.chooseTheme,3!==e.step?"-1":"",e.appSettings.themes[t].thumbnail,e.appSettings.themes[t].name)})):"",this.typeKey,this.keydown,x(f.site.structure),4!==this.step?"-1":"",4!==this.step?"-1":"",this.chooseName,""===this.nameTyped,this.progressReady,this.progressFinished,5!==this.step?"-1":"")}}],[{key:"tag",get:function(){return"app-hax-steps"}},{key:"properties",get:function(){return h(h({},l(c(a),"properties",this)),{},{step:{type:Number,reflect:!0},stepRoutes:{type:Array},themeNames:{type:Array},unlockComingSoon:{type:Boolean,reflect:!0,attribute:"unlock-coming-soon"},unlockTerrible:{type:Boolean,reflect:!0,attribute:"unlock-terrible"},loaded:{type:Boolean,reflect:!0},appSettings:{type:Object},nameTyped:{type:String}})}},{key:"styles",get:function(){return[l(c(a),"styles",this),p(re||(re=u(['\n :host {\n display: block;\n }\n scrollable-component {\n --scrollbar-width: 0px;\n --scrollbar-height: 0px;\n --scrollbar-padding: 0;\n --viewport-overflow-x: hidden;\n overflow: hidden;\n }\n #grid-container {\n display: grid;\n grid-template-columns: 200px 200px 200px;\n background: transparent;\n }\n .carousel-with-snapping-track {\n display: grid;\n grid-auto-flow: column;\n grid-gap: 30px;\n }\n .carousel-with-snapping-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: normal;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n scrollbar-gutter: stable;\n width: var(--viewport-width);\n font-size: 1.5rem;\n text-align: center;\n overflow-x: hidden;\n max-height: 60vh;\n padding-top: 1vh;\n }\n #step-links {\n padding: 0;\n margin: 0;\n }\n ul,\n li {\n list-style: none;\n }\n li {\n vertical-align: middle;\n display: inline-flex;\n margin: 5px;\n }\n li.step {\n border-radius: 50%;\n background-color: transparent;\n }\n li a {\n font-size: 12px;\n color: var(--simple-colors-default-theme-grey-12, white);\n text-decoration: none;\n padding: 5px;\n width: 20px;\n height: 20px;\n line-height: 20px;\n margin: 0;\n display: block;\n border: 0;\n border-radius: 50%;\n background-repeat: no-repeat;\n background-size: 30px 30px;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n background-image: url("','");\n transition:\n 0.3s ease-in-out background,\n 0.3s ease-in-out color;\n transition-delay: 0.6s, 0.3s;\n }\n li a[disabled] {\n background-image: url("','");\n pointer-events: none;\n color: var(--simple-colors-default-theme-grey-7, grey);\n user-select: none;\n }\n li[disabled] {\n background-color: grey;\n }\n li.active-step a {\n background-color: orange;\n background-image: url("','");\n }\n app-hax-button {\n padding: 10px 0px 10px 0px;\n background: transparent;\n }\n #theme-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n img {\n pointer-events: none;\n }\n #themeContainer {\n width: 70vw;\n height: 55vh;\n }\n .theme-button {\n background-color: transparent;\n color: var(--simple-colors-default-theme-grey-12, white);\n border: none;\n margin: 8px;\n padding: 8px;\n width: 245px;\n }\n\n .theme-button div {\n font-family: "Press Start 2P", sans-serif;\n font-size: 14px;\n margin-top: 12px;\n }\n .theme-button:focus,\n .theme-button:hover {\n outline: 4px solid var(--app-hax-accent-color, var(--accent-color));\n outline-offset: 4px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n }\n #sitename {\n font-family: "Press Start 2P", sans-serif;\n font-size: 32px;\n padding: 8px;\n width: 40vw;\n }\n #homebtn {\n --simple-icon-height: 30px;\n --simple-icon-width: 30px;\n border-radius: 50%;\n cursor: pointer;\n background-color: var(--simple-colors-default-theme-grey-1, white);\n }\n .homelnk {\n background-image: none;\n display: flex;\n padding: 0;\n margin: 0;\n height: 30px;\n width: 30px;\n }\n app-hax-site-button {\n justify-content: center;\n --app-hax-site-button-width: 35vw;\n --app-hax-site-button-min-width: 240px;\n }\n app-hax-hat-progress {\n height: 400px;\n width: 400px;\n display: block;\n }\n\n @media (max-width: 800px) {\n .theme-button {\n width: unset;\n padding: 0;\n }\n .theme-button div {\n font-size: 12px;\n margin-top: 8px;\n }\n .theme-button img {\n height: 70px;\n }\n app-hax-site-button {\n width: 320px;\n max-width: 60vw;\n --app-hax-site-button-font-size: 2.5vw;\n }\n #sitename {\n width: 70vw;\n font-size: 20px;\n }\n #grid-container {\n grid-template-columns: 150px 150px 150px;\n }\n }\n @media (max-height: 600px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 57vh;\n }\n #sitename {\n width: 40vw;\n font-size: 14px;\n }\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -18vh;\n }\n }\n @media (max-width: 500px) {\n app-hax-hat-progress {\n transform: scale(0.5);\n margin-top: -15vh;\n }\n }\n @media (max-height: 400px) {\n .carousel-with-snapping-item {\n padding-top: 4px;\n max-height: 40vh;\n }\n app-hax-hat-progress {\n transform: scale(0.3);\n }\n .carousel-with-snapping-item.active-step app-hax-hat-progress {\n position: fixed;\n top: 20%;\n left: 20%;\n }\n }\n '])),w(be),w(he),w(de))]}}]);var r,b,g,y,z,E}(y));customElements.define(ve.tag,ve)}}})); diff --git a/storybook/fe3cbb74.js b/storybook/388b3f2f.js similarity index 99% rename from storybook/fe3cbb74.js rename to storybook/388b3f2f.js index aa1afaa63..1ae1e9b7d 100644 --- a/storybook/fe3cbb74.js +++ b/storybook/388b3f2f.js @@ -1 +1 @@ -System.register(["./2756a297.js","./eb16de87.js","./eefd85cc.js"],(function(t,n){"use strict";var o,i,a,r,s,l,c,d,u,h,m,v,g,f,b,y,x,A,k,w,E,_,T,S,N,C,L,B,M,z,P,O,H,R,D,F,I,U,q,j,G,V,W,X,Y,Q,K,J,Z,$,ee,te,ne,oe,ie,ae,re,se,le,ce,de,ue,he,pe,me,ve,ge,fe,be,ye,xe,Ae,ke,we,Ee,_e,Te,Se,Ne;return{setters:[function(e){o=e._,i=e.a,a=e.x,r=e.b,s=e.e,l=e.f,c=e.g,d=e.c,u=e.d,h=e.s,m=e.p,v=e.R,g=e.i,f=e.P,b=e.o,y=e.t,x=e.Q,A=e.U,k=e.V,w=e.j,E=e.k,_=e.X,T=e.Y,S=e.Z,N=e.$,C=e.a0,L=e.a1,B=e.r,M=e.a2,z=e.a3,P=e.a4,O=e.a5,H=e.a6,R=e.v,D=e.a7,F=e.a8,I=e.S,U=e.a9,q=e.aa,j=e.K,G=e.ab,V=e.ac,W=e.ad,X=e.ae,Y=e.m,Q=e.af,K=e.ag,J=e.ah,Z=e.ai,$=e.aj,ee=e.ak,te=e.al,ne=e.am,oe=e.an,ie=e.ao,ae=e.ap,re=e.aq,se=e.ar,le=e.as,ce=e.at,de=e.M,ue=e.au,he=e.av,pe=e.aw,me=e.q,ve=e.ax,ge=e.l,fe=e.J,be=e.ay},function(e){ye=e.H,xe=e.a,Ae=e.b,ke=e.c,we=e.d},function(e){Ee=e.H,_e=e.a,Te=e.b,Se=e.c,Ne=e.d}],execute:function(){var Ce,Le=function(e){return function(e){function t(){var e;return d(this,t),(e=u(this,t)).__StackDebounce,e.undoStackLimit=20,e.undoStackTimer=300,e.undoStackIgnore=!1,e.undoStackObserver=null,e.undoStackObserverProps={attributes:!0,attributeOldValue:!0,childList:!0,characterData:!0,characterDataOldValue:!0,subtree:!0},e.undoStackInitialValue=e.innerHTML,e.undoStackPrevValue=e.undoStackInitialValue,e}return o(t,e),i(t,[{key:"connectedCallback",value:function(){var e=this;this.undoStackObserver=new MutationObserver((function(t){clearTimeout(e.__StackDebounce),e.__StackDebounce=setTimeout((function(){e.undoStackIgnore?e.undoStackIgnore=!1:e.undoManagerStackLogic(t)}),e.undoStackTimer)})),this.undoStackObserver.observe(this,this.undoStackObserverProps),this.undoManagerStackLogic({}),l(c(t.prototype),"connectedCallback",this).call(this)}},{key:"undoManagerStackLogic",value:function(e){var t=this.innerHTML;this.undoStack&&""!=t&&t!=this.undoStackPrevValue&&this.undoStackInitialValue!=t&&(this.undoStack.execute(new Oe(this,this.undoStackPrevValue,t)),this.undoStackPrevValue=t,this.dispatchEvent(new CustomEvent("stack-changed",{detail:{value:this.undoStack},bubbles:!0,composed:!0})))}},{key:"disconnectedCallback",value:function(){this.undoStackObserver&&this.undoStackObserver.disconnect(),l(c(t.prototype),"disconnectedCallback",this).call(this)}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.undoStack=new Pe,this.undoStack.undoStackLimit=this.undoStackLimit,this.undoStack.undoStackPosition=-1,this.undoStack.commands=[],this.undoStack.changed=function(e){n.canRedo=n.undoStack.canRedo(),n.canUndo=n.undoStack.canUndo()},this.undoStack.changed()}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"canUndo"==t&&n.dispatchEvent(new CustomEvent("can-undo-changed",{detail:{value:n[t]},bubbles:!0,composed:!0})),"canRedo"==t&&n.dispatchEvent(new CustomEvent("can-redo-changed",{detail:{value:n[t]},bubbles:!0,composed:!0}))}))}},{key:"undo",value:function(){return this.undoStack.undo()}},{key:"redo",value:function(){return this.undoStack.redo()}},{key:"commands",value:function(){return this.undoStack.commands}}],[{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{canUndo:{type:Boolean,attribute:"can-undo"},canRedo:{type:Boolean,attribute:"can-redo"},undoStackObserverProps:{type:Object},target:{type:Object},stack:{type:Object}})}}])}(e)},Be=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"render",value:function(){return a(Ce||(Ce=r([""])))}}],[{key:"tag",get:function(){return"undo-manager"}}])}(Le(h));customElements.define("undo-manager",Be);var Me,ze,Pe=function(){return i((function e(){d(this,e),this.commands=[],this.undoStackPosition=-1,this.undoStackLimit=20}),[{key:"execute",value:function(e){this._clearRedo(),e.execute(),this.undoStackLimit==this.commands.length?this.commands.splice(Math.round(this.commands.length/3),1):this.undoStackPosition++,this.commands.push(e),this.changed()}},{key:"undo",value:function(){this.commands[this.undoStackPosition]&&(this.commands[this.undoStackPosition].undo(),this.undoStackPosition--,this.changed())}},{key:"canUndo",value:function(){return this.undoStackPosition>=0}},{key:"redo",value:function(){this.commands[this.undoStackPosition+1]&&(this.undoStackPosition++,this.commands[this.undoStackPosition].redo(),this.changed())}},{key:"canRedo",value:function(){return this.undoStackPosition0&&"".concat(m(e.targetedNode.children||[]).filter(":not([slot])").join("\n"))})),n}},{key:"setToggled",value:function(){this.toggled=!!this.value}},{key:"tagClickCallback",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.detail&&this.open(e.detail);var t=this.__highlight.innerHTML;this.__highlight.innerHTML="",this.__highlight.innerHTML=t}},{key:"updateSelection",value:function(){var e=this,t=globalThis.document.createElement(this.tagsList),n="";this.fields.forEach((function(o){o.property&&"innerHTML"!==o.property&&"innerText"!==o.property&&(t[o.property]=e.value[o.property]),o.slot&&e.value[o.slot]&&(n+="<".concat(e.getSlotWrapper(o)).concat(Object.keys(o.slotAttributes||{}).map((function(e){return" ".concat(e,'="').concat(o.slotAttributes[e],'"')})),">\n ").concat(e.value[slot],"\n "))})),this.value&&0!==Object.keys(this.value).length||(this.value={innerHTML:this.__highlight.innerHTML}),n+=this.value.innerHTML||"",this.__highlight.innerHTML="",this.__highlight.parentNode.insertBefore(t,this.__highlight),this.__highlight.unwrap(),t.innerHTML=n}},{key:"getSlotWrapper",value:function(e){var t=e.slotWrapper,n=e.allowedSlotWrappers,o=e.excludedSlotWrappers||[],i=["span","div","p"].filter((function(e){return!o.includes(e)}));return t||(n&&n[0]?n[0]:i)}}],[{key:"tag",get:function(){return"hax-text-editor-button"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{element:{type:Object}})}}])}(v(h));customElements.define(He.tag,He);var Re,De,Fe=function(e){return function(e){function t(){var e;return d(this,t),(e=u(this,t)).viewSource=!1,b((function(){e.hasSelectedText=y(ye.haxSelectedText).length>0})),b((function(){y(ye.editMode);var t=y(ye.activeNode);if(e.sourceView=!1,t&&t.tagName){var n=ye.haxSchemaFromTag(t.tagName);e.parentSchema=t&&t.parentNode?ye.haxSchemaFromTag(t.parentNode.tagName):void 0,e.sourceView=n.canEditSource}})),e}return o(t,e),i(t,[{key:"render",value:function(){return a(Me||(Me=r([" "])))}},{key:"slotSchema",get:function(){var e={};if(this.activeNode&&this.parentSchema){var t=this.activeNode.slot||"";this.activeNode&&this.activeNode.parentNode||(e=ye.schemaBySlotId(this.activeNode.parentNode,t))}return e}},{key:"layoutElement",get:function(){return this.activeNode&&ye.isLayoutElement(this.activeNode)?this.activeNode:this.activeNode&&this.activeNode.parentNode&&ye.isLayoutElement(this.activeNode.parentNode)?this.activeNode.parentNode:void 0}},{key:"layoutParent",get:function(){return this.layoutElement&&this.layoutElement.parentNode&&ye.isLayoutElement(this.layoutElement.parentNode)&&this.layoutElement.parentNode.tagName&&"HAX-BODY"!==this.layoutElement.parentNode.tagName?this.layoutElement.parentNode:void 0}},{key:"slottedItems",get:function(){if(!this.activeNode)return[];var e=ye.slottedContentByNode(this.layoutElement)||{};return Object.keys(e).map((function(t){return e[t]}))}},{key:"elementIcon",value:function(e){var t=e&&this.elementGizmo(e)?this.elementGizmo(e):void 0;return t?t.icon:void 0}},{key:"elementLabel",value:function(e){var t=e&&this.elementGizmo(e)?this.elementGizmo(e):void 0;return t?t.title||t.tag:e&&e.tagName?e.tagName.toLowerCase():""}},{key:"elementGizmo",value:function(e){var t=e&&e.tagName?ye.haxSchemaFromTag(e.tagName):void 0;return t&&t.gizmo?t.gizmo:void 0}},{key:"getFilteredBlocks",value:function(){var e=this;return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).filter((function(t){if(t.tag){var n=t.tag||"",o=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.slotWrapper?e.slotSchema.slotWrapper:void 0,i=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.allowedSlotWrappers?e.slotSchema.allowedSlotWrappers:void 0,a=e.slotSchema&&e.slotSchema.slotWrapper&&e.slotSchema.excludedSlotWrappers?e.slotSchema.excludedSlotWrappers:void 0,r=!e.slotSchema||!i,s=!!o&&o===n||!!i&&i.includes(n);return!(!!a&&a.includes(n))&&(r||s)}}))}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"activeNode"===t&&n.activeNode!==e&&n.setTarget(n.activeNode)}))}},{key:"setTarget",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;l(c(t.prototype),"setTarget",this)&&l(c(t.prototype),"setTarget",this).call(this,e),this.parentSchema=e&&e.parentNode?ye.haxSchemaFromTag(e.parentNode.tagName):void 0}}],[{key:"styles",get:function(){return[g(ze||(ze=r(["\n :host {\n display: block;\n --hax-ui-spacing-sm: 1px;\n max-width: 100%;\n }\n :host [hidden] {\n display: none;\n }\n .selected-buttons {\n transition: 0.1s all ease-in-out;\n width: 0;\n }\n :host([has-selected-text]) .selected-buttons {\n width: 100%;\n }\n :host(.hax-context-pin-top) #toolbar {\n position: fixed;\n top: 0px;\n }\n :host(:hover),\n :host(:focus-within) {\n z-index: var(--hax-ui-focus-z-index) !important;\n }\n .group {\n padding: 0;\n background-color: var(--hax-ui-background-color);\n }\n hax-toolbar {\n flex: 0 1 auto;\n }\n hax-toolbar::part(morebutton) {\n border: 1px solid\n var(\n --simple-toolbar-group-border-width,\n var(--simple-toolbar-border-width, 1px)\n ) !important;\n }\n hax-toolbar[collapse-disabled]::part(morebutton) {\n display: none !important;\n }\n hax-toolbar *[hidden] {\n display: none !important;\n }\n hax-toolbar[collapse-disabled]::part(morebutton) {\n display: none !important;\n }\n "])))]}},{key:"tag",get:function(){return"hax-context-behaviors"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{activeNode:{type:Object},parentSchema:{type:Object},realSelectedValue:{type:String},sourceView:{type:Boolean},viewSource:{type:Boolean}})}}])}(f(e))},Ie=function(e){function t(){var e;return d(this,t),(e=u(this,t)).command="paste",e.icon="content-paste",e.label="Paste Clipboard",e}return o(t,e),i(t,[{key:"render",value:function(){return l(c(t.prototype),"render",this).call(this)}},{key:"sendCommand",value:function(e){navigator&&globalThis.navigator.clipboard&&ye._onPaste(s(s({},e),{},{clipboardData:globalThis.navigator.clipboard}))}}],[{key:"tag",get:function(){return"hax-text-editor-paste-button"}},{key:"properties",get:function(){return s({},l(c(t),"properties",this))}}])}(x(h));customElements.define(Ie.tag,Ie);var Ue,qe,je,Ge,Ve=function(e){function t(){var e;return d(this,t),(e=u(this,t)).tag=t.tag,e.t={undoButton:"Undo",redoButton:"Redo",formatButton:"Format",blockP:"Paragraph",blockH1:"Heading 1",blockH2:"Heading 2",blockH3:"Heading 3",blockH4:"Heading 4",blockH5:"Heading 5",blockH6:"Heading 6",blockPre:"Preformatted",italicButton:"Italic",boldButton:"Bold",underlineButton:"Underline",strikethroughButton:"Cross out",codeButton:"Code",markButton:"Highlight",abbrButton:"Abbreviation",removeFormatButton:"Remove format",linkButton:"Link",unlinkButton:"Remove Link",cutButton:"Cut",copyButton:"Copy",pasteButton:"Paste Clipboard",subscriptButton:"Subscript",superscriptButton:"Superscript",symbolButton:"Insert Symbol",emojiButton:"Insert Emoticon",imageButton:"Insert Image",orderedListButton:"Numbered list",unorderedListButton:"Bulleted list",blockquoteButton:"Blockquote",indentButton:"Indent",outdentButton:"Outdent",textEditorToolbarTour:"Change how the text is structured and visualized in the page."},e.registerLocalization({context:e,namespace:"hax"}),e.sourceView=!1,e.haxUIElement=!0,e.tourName="hax",globalThis.HaxTextEditorToolbarConfig=globalThis.HaxTextEditorToolbarConfig||{},globalThis.HaxTextEditorToolbarConfig.inlineGizmos=globalThis.HaxTextEditorToolbarConfig.inlineGizmos||{},globalThis.HaxTextEditorToolbarConfig.default=window.HaxTextEditorToolbarConfig.default||m(e.defaultConfig),e.config=globalThis.HaxTextEditorToolbarConfig.default,e.sticky=!1,e.__updated=!1,e.setTarget(void 0),globalThis.addEventListener("hax-store-ready",e._handleHaxStoreReady.bind(e)),globalThis.addEventListener("hax-register-properties",e._handleElementRegister.bind(e)),e}return o(t,e),i(t,[{key:"tourTemplate",get:function(){return a(Re||(Re=r(['
\n ',"\n
"])),this.t.textEditorToolbarTour)}},{key:"render",value:function(){return l(c(t.prototype),"toolbarTemplate",this)}},{key:"undoButton",get:function(){return s(s({},l(c(t.prototype),"undoButton",this)),{},{label:this.t.undoButton})}},{key:"redoButton",get:function(){return s(s({},l(c(t.prototype),"redoButton",this)),{},{label:this.t.redoButton})}},{key:"formatButton",get:function(){return s(s({},l(c(t.prototype),"formatButton",this)),{},{label:this.t.formatButton,blocks:this.formatBlocks})}},{key:"formatBlocks",get:function(){return[{label:this.t.blockP,tag:"p"},{label:this.t.blockquoteButton,tag:"blockquote"},{label:this.t.blockH2,tag:"h2"},{label:this.t.blockH3,tag:"h3"},{label:this.t.blockH4,tag:"h4"},{label:this.t.blockH5,tag:"h5"},{label:this.t.blockH6,tag:"h6"},{label:this.t.blockPre,tag:"pre"}]}},{key:"boldButton",get:function(){return s(s({},l(c(t.prototype),"boldButton",this)),{},{label:this.t.boldButton})}},{key:"italicButton",get:function(){return s(s({},l(c(t.prototype),"italicButton",this)),{},{label:this.t.italicButton})}},{key:"underlineButton",get:function(){return s(s({},l(c(t.prototype),"underlineButton",this)),{},{label:this.t.underlineButton})}},{key:"strikethroughButton",get:function(){return s(s({},l(c(t.prototype),"strikethroughButton",this)),{},{label:this.t.strikethroughButton})}},{key:"codeButton",get:function(){return s(s({},l(c(t.prototype),"codeButton",this)),{},{icon:"hax:html-code",label:this.t.codeButton})}},{key:"markButton",get:function(){return s(s({},l(c(t.prototype),"markButton",this)),{},{icon:"editor:highlight",label:this.t.markButton})}},{key:"abbrButton",get:function(){return s(s({},l(c(t.prototype),"abbrButton",this)),{},{icon:"hax:abbr",label:this.t.abbrButton})}},{key:"removeFormatButton",get:function(){return s(s({},l(c(t.prototype),"removeFormatButton",this)),{},{label:this.t.removeFormatButton})}},{key:"advancedInlineButtonGroup",get:function(){return{type:"button-group",subtype:"advanced-inline-button-group",buttons:[this.strikethroughButton,this.markButton,this.abbrButton,this.codeButton,this.underlineButton]}}},{key:"linkButton",get:function(){return s(s({},l(c(t.prototype),"linkButton",this)),{},{label:this.t.linkButton,allowTarget:!0})}},{key:"unlinkButton",get:function(){return s(s({},l(c(t.prototype),"unlinkButton",this)),{},{label:this.t.unlinkButton})}},{key:"cutButton",get:function(){return s(s({},l(c(t.prototype),"cutButton",this)),{},{label:this.t.cutButton})}},{key:"copyButton",get:function(){return s(s({},l(c(t.prototype),"copyButton",this)),{},{label:this.t.copyButton})}},{key:"pasteButton",get:function(){return s(s({},l(c(t.prototype),"pasteButton",this)),{},{label:this.t.pasteButton,shortcutKeys:void 0,type:"hax-text-editor-paste-button"})}},{key:"subscriptButton",get:function(){return s(s({},l(c(t.prototype),"subscriptButton",this)),{},{label:this.t.subscriptButton})}},{key:"superscriptButton",get:function(){return s(s({},l(c(t.prototype),"superscriptButton",this)),{},{label:this.t.superscriptButton})}},{key:"symbolButton",get:function(){return s(s({},l(c(t.prototype),"symbolButton",this)),{},{label:this.t.symbolButton})}},{key:"emojiButton",get:function(){return s(s({},l(c(t.prototype),"emojiButton",this)),{},{label:this.t.emojiButton})}},{key:"imageButton",get:function(){return s(s({},l(c(t.prototype),"imageButton",this)),{},{label:this.t.imageButton})}},{key:"orderedListButton",get:function(){return s(s({},l(c(t.prototype),"orderedListButton",this)),{},{label:this.t.orderedListButton})}},{key:"unorderedListButton",get:function(){return s(s({},l(c(t.prototype),"unorderedListButton",this)),{},{label:this.t.unorderedListButton})}},{key:"blockquoteButton",get:function(){return{}}},{key:"indentButton",get:function(){return s(s({},l(c(t.prototype),"indentButton",this)),{},{label:this.t.indentButton})}},{key:"outdentButton",get:function(){return s(s({},l(c(t.prototype),"outdentButton",this)),{},{label:this.t.outdentButton})}},{key:"sourceButton",get:function(){return s({},l(c(t.prototype),"sourceButton",this))}},{key:"haxSymbolInsertButtonGroup",get:function(){return{type:"button-group",subtype:"hax-symbol-insert-button-group",buttons:[this.symbolButton,this.emojiButton]}}},{key:"iconButton",get:function(){return{}}},{key:"defaultConfig",get:function(){return[this.basicInlineButtonGroup,this.linkButtonGroup,this.listIndentButtonGroup,this.scriptButtonGroup,this.haxSymbolInsertButtonGroup,this.advancedInlineButtonGroup]}},{key:"filteredBlocks",get:function(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"formatButtonElement",get:function(){return this.formatButton.type?this.querySelector(this.formatButton.type):void 0}},{key:"isRangeInScope",get:function(){return this.range&&this.target&&this.rangeNodeOrParentNode(this.range)&&(this.range.commonAncestorContainer===this.target||this.target.contains(this.range.commonAncestorContainer))}},{key:"targetHandlers",value:function(e){var n=l(c(t.prototype),"targetHandlers",this).call(this,e);return delete n.paste,n}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),this.__ready&&e.forEach((function(e,t){"parentSchema"!==t&&"target"!==t||n.updateBlocks(),"activeNode"===t&&n.activeNode!==e&&n.setTarget(n.activeNode),"t"===t&&n.t!==e&&n.updateToolbarElements()}))}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.config=this.updateToolbarElements(),this.__prompt.haxUIElement=!0,this.__prompt.classList.add("ignore-activation"),this.addEventListener("keypress",this.trapKeys.bind(this)),this.__prompt.addEventListener("keypress",this.trapKeys.bind(this)),this.__prompt.addEventListener("paste",this._handlePaste.bind(this))}},{key:"_handlePaste",value:function(e){e.stopPropagation()}},{key:"trapKeys",value:function(e){e.stopPropagation()}},{key:"updateBlocks",value:function(){var e=this.filteredBlocks;this.formatButtonElement&&this.formatButtonElement.blocks!==e&&(this.formatButtonElement.blocks=e,e.length<2?this.formatButtonElement.setAttribute("disabled","disabled"):this.formatButtonElement.removeAttribute("disabled"))}},{key:"getRange",value:function(){var e=ye.getRange();return!e||e.rangeCount<1?void 0:ye.getRange()}},{key:"getSelection",value:function(){return ye.getSelection()}},{key:"positionByTarget",value:function(e){}},{key:"_handleElementRegister",value:function(e){var t=e.detail||{},n=t.tag||{},o=t.properties||{};this._setInlineElement(n,o)}},{key:"_handleHaxStoreReady",value:function(e){var t=this;this.__ready=!0;var n=ye.elementList||{};Object.keys(n).forEach((function(e){return t._setInlineElement(e,elemets[e])}))}},{key:"_setInlineElement",value:(n=w(E().mark((function e(t,n){var o,i,a,r,l,c,d,u,h,p=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t&&n&&!globalThis.HaxTextEditorToolbarConfig.inlineGizmos[t]&&!(t.indexOf("-")<0)){e.next=2;break}return e.abrupt("return");case 2:o=s({},n),i=n.gizmo||{},a=t.replace(/-./g,(function(e){return e.toUpperCase()[1]})),r=t.split("-").length>1,l=i.meta||{},c=l.inlineOnly,d=i.handles||[],u=d.filter((function(e){return"inline"===e.type})).length>1,h=r&&(c||u),o.gizmo.title||(o.gizmo.title=a),h&&(globalThis.HaxTextEditorToolbarConfig.inlineGizmos[t]={element:o,type:"hax-text-editor-button"},this.__updated=!1,setTimeout((function(e){return p.config=p.updateToolbarElements()}),500));case 5:case"end":return e.stop()}}),e,this)}))),function(e,t){return n.apply(this,arguments)})},{key:"updateToolbarElements",value:function(){if(!this.__updated){this.__updated=!0;var e=Object.keys(globalThis.HaxTextEditorToolbarConfig.inlineGizmos||{}).map((function(e){return globalThis.HaxTextEditorToolbarConfig.inlineGizmos[e]}));return 0===e.length?m(this.defaultConfig||[]):[].concat(m(this.defaultConfig||[]),[{type:"button-group",subtype:"hax-insert-button-group",buttons:e}])}}}],[{key:"styles",get:function(){return[].concat(m(l(c(t),"baseStyles",this)),m(l(c(t),"stickyStyles",this)),[g(De||(De=r(["\n :host {\n --rich-text-editor-button-color: var(--hax-ui-color);\n --rich-text-editor-button-bg: var(--hax-ui-background-color);\n --rich-text-editor-button-border-color: transparent;\n --rich-text-editor-button-hover-color: var(--hax-ui-color);\n --rich-text-editor-button-hover-bg: var(\n --hax-ui-background-color-secondary\n );\n --rich-text-editor-button-toggled-color: var(--hax-ui-color-accent);\n --rich-text-editor-button-toggled-bg: var(--hax-ui-background-color);\n --rich-text-editor-button-toggled-border-color: var(\n --hax-ui-color-accent\n );\n --rich-text-editor-button-disabled-opacity: 1;\n --rich-text-editor-button-disabled-color: var(\n --hax-ui-disabled-color\n );\n --rich-text-editor-button-disabled-bg: var(--hax-ui-background-color);\n --rich-text-editor-button-disabled-border-color: transparent;\n }\n #morebutton {\n align-self: flex-end;\n }\n ::slotted([icon-position]:hover) {\n --rich-text-editor-button-toggled-bg: var(\n --hax-ui-background-color-accent\n );\n }\n ::slotted(.group) {\n flex: 0 0 auto;\n justify-content: center;\n border-width: 1px;\n margin: -1px;\n padding: 0px;\n --simple-toolbar-button-width: 26px;\n --simple-toolbar-button-height: 26px;\n }\n ::slotted(.list-indent-button-group) {\n line-height: 20px;\n }\n ::slotted(.group),\n ::slotted([icon-position]) {\n z-index: 1;\n }\n ::slotted([icon-position]),\n :host([collapsed]) ::slotted(.group) {\n flex: 0 0 auto;\n }\n :host ::slotted(*:focus),\n :host ::slotted(*:focus-within) {\n z-index: 2 !important;\n }\n :host ::slotted(*:hover) {\n z-index: 3 !important;\n }\n div {\n --simple-toolbar-button-width: 26px;\n --simple-toolbar-button-height: 26px;\n line-height: 30px;\n height: 30px;\n }\n rich-text-editor-button {\n height: 32px;\n --simple-toolbar-button-width: 26px;\n --simple-toolbar-button-height: 26px;\n line-height: 32px;\n }\n "])))])}},{key:"properties",get:function(){return{__updated:{type:Boolean}}}},{key:"tag",get:function(){return"hax-text-editor-toolbar"}}]);var n}(A(k(Fe(h))));customElements.define("hax-text-editor-toolbar",Ve);var We=function(e){return function(e){function t(){var e;return d(this,t),(e=u(this,t)).danger=!1,e.feature=!1,e.menu=!1,e}return o(t,e),i(t,[{key:"buttonTemplate",get:function(){return this.radio?a(Ue||(Ue=r([' \n ',"\n \n ",""])),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.isCurrentItem?1:-1,this.buttonInnerTemplate,this.tooltipTemplate):this.toggles?a(qe||(qe=r([' \n ',"\n \n ",""])),this.isToggled?"true":"false",this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.isCurrentItem?1:-1,this.buttonInnerTemplate,this.tooltipTemplate):a(je||(je=r([' \n ',"\n \n ",""])),this.disabled,this.controls,this._handleClick,this._handleKeys,this._handleMousedown,this.isCurrentItem?1:-1,this.buttonInnerTemplate,this.tooltipTemplate)}},{key:"_handleClick",value:function(e){}},{key:"_handleKeys",value:function(e){}},{key:"_handleMousedown",value:function(e){}}],[{key:"tag",get:function(){return"hax-toolbar-item"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{danger:{type:Boolean,reflect:!0},eventName:{type:String,reflect:!0,attribute:"event-name"},feature:{type:Boolean,reflect:!0},toggledTooltip:{type:String},tooltip:{type:String}})}},{key:"simpleButtonThemeStyles",get:function(){return Ee}},{key:"simpleButtonCoreStyles",get:function(){return l(c(t),"simpleButtonCoreStyles",this)}},{key:"simpleButtonLayoutStyles",get:function(){return l(c(t),"simpleButtonLayoutStyles",this)}},{key:"styles",get:function(){return[l(c(t),"styles",this),g(Ge||(Ge=r(["\n :host(:hover),\n :host(:focus-within) {\n z-index: var(--hax-ui-focus-z-index, 1001) !important;\n }\n :host {\n font-family: var(--ddd-font-navigation);\n --simple-toolbar-button-width: 26px;\n --simple-toolbar-button-height: 26px;\n }\n "])))]}}])}(_(e))},Xe=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t)}(We(h));customElements.define(Xe.tag,Xe);var Ye,Qe=function(e){function t(){var e;return d(this,t),(e=u(this,t)).haxUIElement=!0,e.action=!1,e.more=!1,e.eventName="button",e.inputMethod=null,e.propertyToBind=null,e.slotToBind=null,e.value="",e}return o(t,e),i(t,[{key:"_handleMousedown",value:function(e){this.disabled||(ye._tmpSelection=ye.getSelection())}},{key:"_handleClick",value:function(e){this.disabled||this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:this,eventName:this.eventName,value:this.value}}))}}],[{key:"tag",get:function(){return"hax-context-item"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{more:{type:Boolean},action:{type:Boolean},label:{type:String,reflect:!0},inputMethod:{type:String,reflect:!0,attribute:"input-method"},propertyToBind:{type:String,reflect:!0,attribute:"property-to-bind"},slotToBind:{type:String,reflect:!0,attribute:"slot-to-bind"},description:{type:String,reflect:!0},default:{type:Boolean},value:{type:String}})}}])}(We(h));customElements.define(Qe.tag,Qe);var Ke,Je=function(e){function t(){var e;return d(this,t),(e=u(this,t))._blockEvent=!1,e}return o(t,e),i(t,null,[{key:"styles",get:function(){return m(l(c(t),"styles",this))}},{key:"simpleButtonThemeStyles",get:function(){return Ee}},{key:"simpleButtonCoreStyles",get:function(){return[].concat(m(l(c(t),"simpleButtonCoreStyles",this)),[g(Ye||(Ye=r(['\n ::slotted([slot="menuitem"]) {\n --simple-toolbar-button-justify: flex-start;\n --simple-toolbar-button-label-white-space: nowrap;\n }\n '])))])}},{key:"tag",get:function(){return"hax-toolbar-menu"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{_blockEvent:{type:Boolean},eventName:{type:String,attribute:"event-name"}})}}])}(T(h));customElements.define(Je.tag,Je);var Ze,$e,et,tt,nt,ot,it=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t)}(function(e){function t(){var e;return d(this,t),(e=u(this,t)).selected=!1,e.inline=!1,e}return o(t,e),i(t,null,[{key:"styles",get:function(){return[l(c(t),"styles",this),g(Ke||(Ke=r(["\n :host {\n --hax-ui-border-radius: 0px;\n }\n .selected-buttons {\n transition: 0.1s all ease-in-out;\n width: 0;\n }\n :host([has-selected-text]) .selected-buttons {\n width: 100%;\n }\n ::slotted(*) {\n pointer-events: all;\n }\n ::slotted(.group) {\n border: none;\n }\n "])))]}},{key:"tag",get:function(){return"hax-toolbar"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{selected:{type:Boolean,reflect:!0},inline:{type:Boolean,reflect:!0}})}}])}(S(h)));customElements.define(it.tag,it);var at,rt,st,lt=function(e){function t(){var e;return d(this,t),(e=u(this,t)).disableOps=!1,e.disableItemOps=!1,e.insertAbove=!0,e.disableDuplicate=!1,e.hasActiveEditingElement=!1,e.haxUIElement=!0,e.t={edit:"Edit",dragHandle:"Drag handle",moveUp:"Move up",moveDown:"Move down",addColumn:"Add column",removeColumn:"Remove column",remove:"Remove",duplicate:"Duplicate",confirmDelete:"Confirm delete",changeTo:"Change to",editElement:"Edit Mode",modifyHTMLSource:"Modify HTML source",regions:"Available regions",insertItemAbove:"Insert item above",insertItemAboveOrBelow:"Insert item above or below",insertItemBelow:"Insert item below",selectLayout:"Select Layout Element"},e.registerLocalization({context:e,namespace:"hax"}),e.ceButtons=[],e.activeTagName="",e.activeTagIcon="hax:paragraph",e.addEventListener("hax-context-item-selected",e.handleCECustomEvent.bind(e)),e}return o(t,e),i(t,[{key:"render",value:function(){var e=this;return a(Ze||(Ze=r(['\n \n
\n \n \n \n \n \n \n \n ','\n
\n Click the drag handle once to show a menu to just move up or down\n one item in the content OR click and drag to place the item\n exactly where you want it to go.\n
\n \n \n \n \n \n \n \n \n ','\n \n \n \n \n \n \n \n \n \n \n ','\n \n \n
\n Duplicate the active piece of content and place it below the\n current item.\n
\n \n
\n
\n\n \n
\n Delete the current item. You can always use the undo arrow to\n bring this back.\n
\n \n \n
\n Add a column to split the current column into two pieces. This can\n be done up to six pieces columns. For differnet layouts see Grid\n settings panel.\n
\n \n \n
\n Remove a column from the split column layout. If at two columns\n and removing it will remove the layout split and make it 100%\n width.\n
\n \n ','\n \n
\n \n
\n \n \n \n
\n
\n '])),this.hasActiveEditingElement||!this.canMoveElement||this.viewSource,this.t.dragHandle,!this.canMoveElement,this.hasActiveEditingElement,this.t.moveUp,this.hasActiveEditingElement,this.t.moveDown,this.activeNode&&this.activeNode.parentNode&&ye.isLayoutElement(this.activeNode.parentNode)?(this.slottedItems||[]).map((function(t,n){return a($e||($e=r(['\n \n \n \n \n '])),n<1?"first-slot":"",e.viewSource,t.label,t.slot)})):"",this.viewSource||this.disableOps||(!this.layoutParent||this.activeNode!==this.layoutElement)&&!this.layoutElement,this.t.selectLayout,!this.layoutParent||this.activeNode!==this.layoutElement,this.elementIcon(this.layoutParent),this.elementLabel(this.layoutParent),this.layoutParent,this.activeNode===this.layoutElement,!this.layoutElement,this.elementIcon(this.layoutElement),this.elementLabel(this.layoutElement),this.layoutElement,(this.slottedItems||[]).map((function(t,n){return(t.items||[]).map((function(o,i){return a(et||(et=r(['\n \n \n \n \n '])),n<1&&i<1?"first-slot":"",e.viewSource||e.activeNode===o,t.title||t.id,t.items.length>1?" (".concat(i+1,")"):"",{target:o,grid:t.grid,slot:t.slot,index:i,editMode:t.editMode})}))})),this.t.insertItemAboveOrBelow,this.viewSource,this.__dblClickFireInsert,!this.insertAbove,this.t.insertItemAbove,this.t.insertItemBelow,this.viewSource,ye.isLayoutElement(this.activeNode)?(this.slottedItems||[]).map((function(t,n){return a(tt||(tt=r(['\n \n \n \n \n '])),n<1?"first-slot":"",e.viewSource,t.label,t.slot)})):"",this.hasActiveEditingElement||this.viewSource||this.disableOps||this.disableDuplicate,this.t.duplicate,this.hasActiveEditingElement||this.viewSource||this.disableOps,this.t.remove,this.t.addColumn,this.hasActiveEditingElement||this.viewSource||this.disableOps,this.t.removeColumn,this.hasActiveEditingElement||this.viewSource||this.disableOps,!this.activeNode,this.ceButtons.map((function(t){return a(nt||(nt=r([' '])),t.icon,t.label,t.callback,t.disabled||e.disableItemOps)})),this.t.editElement,this.viewSource||this.disableOps,!this.editElementProperty,{target:this.activeNode,editMode:this.editElementProperty},this.editElementToggled,this.t.modifyHTMLSource,!this.sourceView||this.disableOps||this.editElementToggled,this.viewSource)}},{key:"filteredBlocks",get:function(){return this.getFilteredBlocks(this.formatBlocks)}},{key:"__updatePlatePosition",value:function(e){var t=this.shadowRoot.querySelector("#right"),n=this.shadowRoot.querySelector("#rightremove");t.disabled=!1,n.disabled=!1,e&&"GRID-PLATE"==e.tagName?"1-1-1-1"==e.layout&&(t.disabled=!0):n.disabled=!0}},{key:"__dblClickFireInsert",value:function(e){this.dispatchEvent(new CustomEvent("hax-context-item-selected",{bubbles:!0,cancelable:!0,composed:!0,detail:{target:e.target,eventName:"insert-below-active"}}))}},{key:"handleCECustomEvent",value:function(e){var t=e.detail;if("hax-ce-custom-button"===t.eventName)this.activeNode&&"function"==typeof this.activeNode[t.value]&&this.activeNode[t.value](e)&&ye.refreshActiveNodeForm()}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"onScreen"===t&&n.onScreen&&n._resetCEMenu(),"activeNode"!==t&&"activeEditingElement"!==t||(n.activeSchema=ye.activeSchema(),n.editElementProperty=!(!n.activeSchema||!n.activeSchema.editElement)&&n.activeSchema.editElement,n.editElementToggled=n.activeNode&&n.editElementProperty&&!!n.activeNode[n.editElementProperty])}))}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this).call(this,e),b((function(){n.activeNode=y(ye.activeNode),n.activeNode&&n.activeNode.classList&&n._resetCEMenu(),n.activeNode&&y(ye.editMode)&&setTimeout((function(){n.__updatePlatePosition(n.activeNode)}),0)})),b((function(){y(ye.activeEditingElement)?n.hasActiveEditingElement=!0:n.hasActiveEditingElement=!1})),this.shadowRoot.querySelector("#drag").addEventListener("dragstart",this._dragStart),this.shadowRoot.querySelector("#drag").addEventListener("dragend",this._dragEnd)}},{key:"_dragEnd",value:function(e){var t=N(e)?N(e)[0]:void 0;t&&t.close(!0),ye._lockContextPosition=!1}},{key:"_dragStart",value:function(e){var t=y(ye.activeNode),n=N(e)?N(e)[0]:void 0;n&&n.close(!0),ye.__dragTarget=t,ye._lockContextPosition=!0,ye.activeHaxBody.__activeHover=null,ye.activeHaxBody._hideContextMenu(ye.activeHaxBody.contextMenus.add),e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move",e.dataTransfer.setDragImage(t,-20,-20)),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"_resetCEMenu",value:(n=w(E().mark((function e(){var t;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.shadowRoot&&C(this,"*"),this.ceButtons=[],ye.activeHaxBody&&null!=this.activeNode?(t=ye.haxSchemaFromTag(this.activeNode.tagName),this.sourceView=t.canEditSource,ye.activeGizmo&&(this.activeTagName=ye.activeGizmo.title,this.activeTagIcon=ye.activeGizmo.icon)):ye.activeGizmo?(this.activeTagName=ye.activeGizmo.title,this.activeTagIcon=ye.activeGizmo.icon):(this.activeTagName="",this.activeTagIcon=""),e.next=5,ye.runHook(this.activeNode,"inlineContextMenu",[this]);case 5:case"end":return e.stop()}}),e,this)}))),function(){return n.apply(this,arguments)})}],[{key:"tag",get:function(){return"hax-plate-context"}},{key:"styles",get:function(){return[l(c(t),"styles",this),g(ot||(ot=r(["\n :host {\n width: calc(100% - 2px);\n min-width: 375px;\n align-items: stretch;\n }\n hax-toolbar::part(morebutton) {\n --simple-toolbar-button-color: var(--hax-ui-color);\n --simple-toolbar-button-bg: var(--hax-ui-background-color);\n --simple-toolbar-button-border-color: var(--hax-ui-border-color);\n --simple-toolbar-button-border-width: 1px;\n --simple-toolbar-button-hover-color: var(--hax-ui-color);\n --simple-toolbar-button-hover-bg: var(\n --hax-ui-background-color-secondary\n );\n --simple-toolbar-button-toggled-color: var(--hax-ui-color-accent);\n --simple-toolbar-button-toggled-bg: var(--hax-ui-background-color);\n --simple-toolbar-button-toggled-border-color: var(\n --hax-ui-color-accent\n );\n --simple-toolbar-button-disabled-opacity: 1;\n --simple-toolbar-button-disabled-color: var(--hax-ui-disabled-color);\n --simple-toolbar-button-disabled-bg: var(--hax-ui-background-color);\n --simple-toolbar-button-disabled-border-color: unset;\n --simple-toolbar-border-radius: 0;\n align-self: flex-end;\n justify-self: stretch;\n margin: 0px -2px 0px 2px;\n }\n #remove {\n max-width: 44px;\n overflow: visible;\n }\n hax-toolbar {\n max-width: calc(100% - 2px);\n display: flex;\n align-items: stretch;\n justify-content: flex-start;\n }\n .group {\n display: flex;\n align-items: stretch;\n flex: 0 0 auto;\n justify-content: center;\n border: 1px solid var(--rich-text-editor-border-color, #ddd);\n padding: 0;\n }\n .group,\n .group > * {\n z-index: 1;\n }\n .group:empty {\n display: none;\n }\n .group > *,\n :host([collapsed]) .group {\n flex: 0 0 auto;\n }\n .group *:not([toggled])::part(button) {\n border-color: transparent;\n }\n :host .group:focus,\n :host .group:focus-within,\n :host .group > *:focus,\n :host .group > *:focus-within {\n z-index: 2;\n }\n :host .group:hover,\n :host .group > *:hover {\n z-index: 3;\n }\n .first-slot:not(:first-child) {\n border-top: 1px solid black;\n }\n hax-toolbar-menu,\n hax-context-item {\n line-height: 30px;\n }\n hax-context-item {\n --simple-toolbar-button-width: 26px;\n --simple-toolbar-button-height: 26px;\n }\n "])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{activeTagIcon:{type:String},activeSchema:{type:Object},editElementProperty:{type:String},editElementToggled:{type:Boolean},activeTagName:{type:String},disableOps:{type:Boolean},disableItemOps:{type:Boolean},insertAbove:{type:Boolean},disableDuplicate:{type:Boolean},canMoveElement:{type:Boolean},ceButtons:{type:Array},hasActiveEditingElement:{type:Boolean},onScreen:{type:Boolean,attribute:"on-screen",reflect:!0},sourceView:{type:Boolean}})}}]);var n}(k(Fe(h)));customElements.define(lt.tag,lt);var ct={url:new URL("./elements/hax-body/hax-body.js",document.baseURI).href};Element.prototype.replaceWith||(Element.prototype.replaceWith=L),CharacterData.prototype.replaceWith||(CharacterData.prototype.replaceWith=L),DocumentType.prototype.replaceWith||(DocumentType.prototype.replaceWith=L),String.prototype.replaceAll||(String.prototype.replaceAll=function(e,t){return this.split(e).join(t)});var dt=null,ut=25,ht=200,pt=function(e){function t(){var e;if(d(this,t),(e=u(this,t))._useristyping=!1,e.__ignoreActive=!1,e.__dragMoving=!1,e.___moveLock=!1,e.viewSourceToggle=!1,e.editMode=!1,e.haxMover=!1,e.activeNode=null,e.__lockIconPath=F.getIcon("icons:lock"),e.part="hax-body",e.t={addContent:"Add Content"},e.timesClickedArrowDown=0,e.timesClickedArrowUp=0,e.registerLocalization({context:e,namespace:"hax"}),!globalThis.HaxUiStyles){globalThis.HaxUiStyles=globalThis.document.createElement("div");var n=globalThis.document.createElement("style"),o=_e.map((function(e){return e.cssText})).join("");n.setAttribute("data-hax",!0),n.setAttribute("type","text/css"),n.styleSheet?n.styleSheet.cssText=o:n.appendChild(document.createTextNode(o)),globalThis.document.body.appendChild(n)}return e.polyfillSafe=ye.computePolyfillSafe(),e.addEventListener("place-holder-replace",e.replacePlaceholder.bind(e)),e.addEventListener("focusin",e._focusIn.bind(e)),e.addEventListener("mousemove",e._mouseMove.bind(e)),e.addEventListener("mouseleave",e._mouseLeave.bind(e)),e.addEventListener("touchstart",e._mouseMove.bind(e),{passive:!0}),e.addEventListener("mousedown",e._mouseDown.bind(e)),e.addEventListener("mouseup",e._mouseUp.bind(e)),e.addEventListener("dragenter",e.dragEnterBody.bind(e)),e.addEventListener("dragend",e.dragEndBody.bind(e)),e.addEventListener("drop",e.dropEvent.bind(e)),b((function(){e.editMode=y(ye.editMode)})),b((function(){e.elementAlign=y(ye.elementAlign)})),b((function(){e.trayStatus=y(ye.trayStatus),e.trayDetail=y(ye.trayDetail)})),b((function(){e.activeNode=y(ye.activeNode),e.activeNode&&e.activeNode.setAttribute&&e.activeNode.setAttribute("data-hax-active","data-hax-active")})),b((function(){y(ye.activeEditingElement)})),e}return o(t,e),i(t,[{key:"isGridActive",get:function(){return ye.isGridPlateElement(activeNode)}},{key:"dragEndBody",value:function(e){this.__manageFakeEndCap(!1),ye._lockContextPosition=!1,this.querySelectorAll(".hax-hovered").forEach((function(e){e.classList.remove("hax-hovered")}))}},{key:"_mouseLeave",value:function(e){this.editMode&&ye.ready&&(clearTimeout(this.__mouseQuickTimer),clearTimeout(this.__mouseTimer),this.__activeHover=null)}},{key:"_mouseMove",value:function(e){var t=this;if(this.editMode&&ye.ready){var n=N(e);clearTimeout(this.__mouseQuickTimer),this.__mouseQuickTimer=setTimeout((function(){t.__activeHover&&t.__activeHover!=n[0].closest("[data-hax-ray]:not(li)")&&(t.__activeHover=null)}),300),clearTimeout(this.__mouseTimer),this.__mouseTimer=setTimeout((function(){var e=n[0].closest("[data-hax-ray]:not(li)");if(e)t.__activeHover=e;else if(n[0].closest("[data-move-order]")&&n[3]&&n[3].closest("[data-hax-layout]"))if(n[0].closest("[data-move-order]:not(.has-nodes")){if(t.__addAbove=!1,t.__slot=n[0].closest("[data-move-order]").getAttribute("id").replace("col","col-"),0==n[0].closest("[data-move-order]").parentNode.parentNode.host.children.length){var o=globalThis.document.createElement("p");n[0].closest("[data-move-order]").parentNode.parentNode.host.appendChild(o)}t.__activeHover=n[0].closest("[data-move-order]").parentNode.parentNode.host.children[0]}else t.__activeHover=n[0].closest("[data-move-order]").parentNode.parentNode.host;else n[0].closest("#bodycontainer")&&(t.__activeHover=null)}),400)}}},{key:"_mouseDown",value:function(e){if(this.editMode){this.__mouseDown=!0;var t=e.target;t.closest("[draggable]")?t=t.closest("[draggable]"):t.closest("[slot]")?t=t.closest("[slot]"):t.closest("[data-hax-ray]")?t=t.closest("[data-hax-ray]"):t.closest("[contenteditable]")?t=t.closest("[contenteditable]"):ye.validTagList.includes(t.tagName.toLowerCase())||"HAX-BODY"===t.tagName||t.haxUIElement||console.warn(t),!t.haxUIElement&&this.__focusLogic(t)&&(ye.haxTray.trayDetail="content-edit",e.stopPropagation(),e.stopImmediatePropagation())}}},{key:"_mouseUp",value:function(e){var t=this;setTimeout((function(){t.__mouseDown=!1}),0),this._useristyping=!1,clearTimeout(dt),this.__manageFakeEndCap(!1)}},{key:"scrollerFixclickEvent",value:function(e){this._useristyping=!1,this.positionContextMenus(),clearTimeout(dt)}},{key:"blurEvent",value:function(e){this.editMode&&ye.activeEditingElement}},{key:"__manageFakeEndCap",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(e&&!this.__fakeEndCap){var t=globalThis.document.createElement("fake-hax-body-end");t.style.width="100%",t.style.height="20px",t.style.zIndex="2",t.style.display="block",this.__fakeEndCap=t,this.haxMover=!0,this.appendChild(this.__fakeEndCap),this.__applyNodeEditableState(this.__fakeEndCap,!0)}else!e&&this.__fakeEndCap&&(this.__fakeEndCap.remove(),this.haxMover=!1,this.__fakeEndCap=null)}},{key:"dragEnterBody",value:function(e){this.hideContextMenus(),this._useristyping=!1,this.__manageFakeEndCap(!0)}},{key:"revealMenuIfHidden",value:function(e){this._useristyping=!1,this.positionContextMenus()}},{key:"render",value:function(){return a(at||(at=r(['\n \n \n \n \n \n
\n \n \n \n
\n \n '])),this.elementAlign||"left",this.activeNode?this.viewSourceToggle?this.activeNode.parentNode.tagName:this.activeNode.tagName:"",this.activeNode?this.viewSourceToggle?this.activeNode.parentNode:this.activeNode:globalThis.document.body,this.trayStatus,!this.activeNode,this.revealMenuIfHidden,this.activeNode,this.trayDetail,this.trayStatus,this.viewSourceToggle,this.canMoveElement,this.calcClasses(this.activeNode),this.activeNode)}},{key:"calcClasses",value:function(e){var t="not-text";return e&&e.getAttribute&&!e.getAttribute("data-hax-lock")&&e.parentNode&&e.parentNode.getAttribute&&!e.parentNode.getAttribute("data-hax-lock")&&ye.isTextElement(e)&&!ye.isSingleSlotElement(e)&&(t="is-text"),t}},{key:"HAXBODYStyleSheetContent",value:function(){var e=[];return e.push(g(rt||(rt=r(['\n :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n background-image: url("','");\n }\n '])),B(this.__lockIconPath))),e}},{key:"firstUpdated",value:function(e){var n=this;M(this.HAXBODYStyleSheetContent(),this.shadowRoot.querySelector("#hax-body-style-element")),this.dispatchEvent(new CustomEvent("hax-register-body",{bubbles:!0,cancelable:!0,composed:!0,detail:this}));try{globalThis.document.execCommand("enableObjectResizing",!1,!1),globalThis.document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.warn(e)}this.contextMenus={text:this.shadowRoot.querySelector("#textcontextmenu"),plate:this.shadowRoot.querySelector("#platecontextmenu"),parent:this.shadowRoot.querySelector("#topcontext")},this.shadowRoot.querySelector("slot").addEventListener("mouseup",(function(e){n.editMode&&setTimeout((function(){var e=ye.getSelection();ye._tmpSelection=e,ye.haxSelectedText=e.toString();try{var t=ye.getRange();t.cloneRange&&(ye._tmpRange=t.cloneRange())}catch(e){console.warn(e)}}),10)})),this.editMode=ye.editMode,this.__tabTrap=!1,this.ready=!0,l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e)}},{key:"updated",value:(I=w(E().mark((function e(n){var o=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,n),n.forEach(function(){var e=w(E().mark((function e(t,n){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("editMode"==n&&void 0!==t&&setTimeout(w(E().mark((function e(){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o.__ignoreActive=!0,e.next=3,o._editModeChanged(o[n],t);case 3:setTimeout((function(){o.__ignoreActive=!1}),100);case 4:case"end":return e.stop()}}),e)}))),0),"_useristyping"==n&&o[n]&&o.hideContextMenus(),"activeNode"!=n||!o.ready||void 0===t){e.next=5;break}return e.next=5,o._activeNodeChanged(o[n],t);case 5:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}());case 2:case"end":return e.stop()}}),e,this)}))),function(e){return I.apply(this,arguments)})},{key:"_toggleNodeLocking",value:function(e){e.detail.lock?(this.contextMenus.plate.disableDuplicate=!0,this.contextMenus.plate.disableOps=!0,this.contextMenus.plate.disableItemOps=!0,this.contextMenus.plate.canMoveElement=!1,e.detail.node.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")):(this.contextMenus.plate.disableDuplicate=!1,this.contextMenus.plate.disableOps=!1,this.contextMenus.plate.disableItemOps=!1,this.contextMenus.plate.canMoveElement=this.canMoveElement,e.detail.node.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)),this.requestUpdate()}},{key:"_keepContextVisible",value:function(){var e=this;this.editMode&&(clearTimeout(this.__contextVisibleLock),this.__contextVisibleLock=setTimeout((function(){var t=!1;e.contextMenus.plate.classList.contains("hax-context-visible")&&(t=e.contextMenus.plate),t&&e.positionContextMenus()}),100))}},{key:"_onKeyUp",value:function(e){var t=this;if(["ArrowUp","ArrowDown"].includes(e.key)&&this.activeNode&&ye.isTextElement(this.activeNode)&&!z.opened){var n=e.key;if(this["timesClicked".concat(n)]++,this["timesClicked".concat(n)]>=2&&this.activeNode===this.prevKeyActiveNode)if("ArrowUp"===n){if(this.activeNode.previousElementSibling&&"PAGE-BREAK"===this.activeNode.previousElementSibling.tagName)this.haxInsert("p","",{},this.activeNode.previousElementSibling);else if(this.activeNode.parentNode!==this&&this.activeNode.parentNode.previousElementSibling&&"PAGE-BREAK"===this.activeNode.parentNode.previousElementSibling.tagName)this.haxInsert("p","",{},this.activeNode.parentNode.previousElementSibling);else if(!this.activeNode.previousElementSibling&&this.activeNode.parentNode===this){var o=globalThis.document.createElement("p");this.insertBefore(o,this.activeNode)}}else this.activeNode.nextElementSibling||this.children[this.children.length-1]!==this.activeNode?this.activeNode.parentNode&&this.activeNode.parentNode!==this&&!this.activeNode.parentNode.nextElementSibling&&this.children[this.children.length-1]===this.activeNode.parentNode&&this.haxInsert("p","",{},this.activeNode.parentNode):this.haxInsert("p","",{}),this["timesClicked".concat(n)]=0,this.prevKeyActiveNode=null;else this.prevKeyActiveNode=this.activeNode;setTimeout((function(){t["timesClicked".concat(n)]=0,t.prevKeyActiveNode=null}),200)}}},{key:"_onKeyDown",value:function(e){var t=this;if(this.editMode&&"HAX-TRAY"!==globalThis.document.activeElement.tagName&&"BODY"!==globalThis.document.activeElement.tagName&&"SIMPLE-MODAL"!==globalThis.document.activeElement.tagName&&(this.getAttribute("contenteditable")&&(this.__dropActiveVisible(),this.__manageFakeEndCap(!1),null!=ye.getSelection().anchorNode)))switch(e.key){case"Z":case"z":e.ctrlKey&&(e.shiftKey?this.redo():this.undo(),e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation());break;case"Tab":this._useristyping=!0,ye.isTextElement(this.activeNode)&&(e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),e.shiftKey?this._tabBackKeyPressed():this._tabKeyPressed());break;case"Enter":if(this._useristyping=!0,this.activeNode&&(this.__slot=this.activeNode.getAttribute("slot")),this.activeNode&&"P"===this.activeNode.tagName&&["1","#","`",">","-"].includes(this.activeNode.textContent[0])){var n=this.activeNode.textContent.replaceAll(/ /g," ");this.keyboardShortCutProcess(n)}break;case"Backspace":case"Delete":this.activeNode&&""==this.activeNode.textContent&&this.activeNode.previousElementSibling&&this.activeNode.previousElementSibling.tagName&&(["TABLE","EDITABLE-TABLE","IFRAME-LOADER","IFRAME","WEBVIEW"].includes(this.activeNode.previousElementSibling.tagName)||"PAGE-BREAK"===this.activeNode.previousElementSibling.tagName&&2===this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}).length&&this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0})[1]===this.activeNode)&&e.preventDefault(),this._useristyping=!0,this.__delHit=!0,this.querySelectorAll("[data-hax-active]").forEach((function(e){return e.classList.remove})),setTimeout((function(){var e=ye.getSelection();ye._tmpSelection=e,ye.haxSelectedText=e.toString();var n=ye.getRange();n.commonAncestorContainer&&t.activeNode!==n.commonAncestorContainer&&"function"==typeof n.commonAncestorContainer.focus?"HAX-BODY"!==n.commonAncestorContainer.tagName&&t.__focusLogic(n.commonAncestorContainer,!1):n.commonAncestorContainer&&n.commonAncestorContainer.parentNode&&t.activeNode!==n.commonAncestorContainer.parentNode&&"function"==typeof n.commonAncestorContainer.parentNode.focus&&("HAX-BODY"!==n.commonAncestorContainer.parentNode.tagName?t.__focusLogic(n.commonAncestorContainer.parentNode,!1):t.__focusLogic(n.commonAncestorContainer,!1))}),100);break;case"Escape":this._useristyping=!0;break;case"/":var o=ye.getRange();this.activeNode&&ye.isTextElement(this.activeNode)&&""==o.commonAncestorContainer.textContent.trim()&&(e.preventDefault(),z.mini=!0,z.activeRange=o,z.activeSelection=ye.getSelection(),z.activeNode=o.commonAncestorContainer,z.runProgram(o.commonAncestorContainer.textContent.trim(),"*"),z.open());break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":this._useristyping=!0,this.querySelectorAll("[data-hax-active]").forEach((function(e){return e.classList.remove})),setTimeout((function(){var e=ye.getSelection();ye._tmpSelection=e,ye.haxSelectedText=e.toString();var n=ye.getRange();n.commonAncestorContainer&&t.activeNode!==n.commonAncestorContainer&&"function"==typeof n.commonAncestorContainer.focus?"HAX-BODY"!==n.commonAncestorContainer.tagName&&t.__focusLogic(n.commonAncestorContainer,!1):n.commonAncestorContainer&&n.commonAncestorContainer.parentNode&&t.activeNode!==n.commonAncestorContainer.parentNode&&"function"==typeof n.commonAncestorContainer.parentNode.focus&&("HAX-BODY"!==n.commonAncestorContainer.parentNode.tagName?t.__focusLogic(n.commonAncestorContainer.parentNode,!1):t.__focusLogic(n.commonAncestorContainer,!1))}),0);break;default:this._useristyping=!0,setTimeout((function(){if(t.activeNode&&"P"===t.activeNode.tagName&&["1","#","`",">","-"].includes(t.activeNode.textContent[0])){var e=t.activeNode.textContent.replaceAll(/ /g," ");" "===e[e.length-1]&&t.keyboardShortCutProcess(e)}}),0)}}},{key:"keyboardShortCutProcess",value:function(e){if(ye.keyboardShortcuts[e.replace(" ","")]){var t=P(ye.keyboardShortcuts[e.replace(" ","")]);this.haxReplaceNode(this.activeNode,t),this.__focusLogic(t),"HR"===t.tagName&&this.haxInsert("p","",{})}}},{key:"setActiveNode",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e&&this.editMode&&this.activeNode&&(ye.isTextElement(this.activeNode)||n)&&(ye.activeNode=e,clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout((function(){t.__addActiveVisible(),t.positionContextMenus()}),2e3))}},{key:"elementMidViewport",value:function(){var e=this.activeNode.getBoundingClientRect().y;return e<0&&e>-1*this.activeNode.offsetHeight+140}},{key:"replacePlaceholder",value:function(e){if("text"===e.detail){var t=globalThis.document.createElement("p");this.haxReplaceNode(this.activeNode,t),this.__focusLogic(t),this.activeNode.parentNode&&this.activeNode.parentNode.setAttribute("contenteditable",!0)}else this.replaceElementWorkflow()}},{key:"canTansformNode",value:(L=w(E().mark((function e(){var t,n=arguments;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=n.length>0&&void 0!==n[0]?n[0]:null,e.next=3,this.replaceElementWorkflow(t,!0).length;case 3:if(e.t0=e.sent,!(e.t0>0)){e.next=8;break}e.t1=!0,e.next=9;break;case 8:e.t1=!1;case 9:return e.abrupt("return",e.t1);case 10:case"end":return e.stop()}}),e,this)}))),function(){return L.apply(this,arguments)})},{key:"insertElementWorkflow",value:(S=w(E().mark((function e(){return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case 2:case"end":return e.stop()}}),e)}))),function(){return S.apply(this,arguments)})},{key:"primitiveTextBlocks",get:function(){return["p","div","pre","h1","h2","h3","h4","h5","h6"]}},{key:"getAllSlotConfig",value:function(e){if(e){var t=this.getParentGrid(e);return t&&t.tag?this.getSlotConfig(ye.elementList[t.tag],slot):void 0}}},{key:"getParentGrid",value:function(e){return((e=e||this.activeNode)?e.slot:void 0)?O(e.parentNode):void 0}},{key:"getSlotConfig",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).settings,n=t?Object.keys(t||{}).map((function(n){return t[n].filter((function(t){return!(!t.slot||e&&t.slot!==e)}))})).flat():void 0;return n&&n.length>0?n[0]:void 0}},{key:"replaceElementWorkflow",value:(T=w(E().mark((function e(){var t,n,o,i,a,r,s,l,c,d,u,h,p,m,v,g,f=arguments;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=f.length>1&&void 0!==f[1]&&f[1],null==(t=f.length>0&&void 0!==f[0]?f[0]:null)&&(t=this.activeNode),e.next=5,O(t,null);case 5:if(o=e.sent){e.next=8;break}return e.abrupt("return");case 8:if(i=!1,a=(t||{}).slot,r=this.getParentGrid(t),this.primitiveTextBlocks.includes(o.tag)&&(i=!0),s=o.content?{innerHTML:o.content}:{},"undefined"!==R(ye.elementList[o.tag])&&!1!==ye.elementList[o.tag].gizmo&&"undefined"!==R(ye.elementList[o.tag].gizmo.handles)&&ye.elementList[o.tag].gizmo.handles.length>0)for(l=ye.elementList[o.tag].gizmo,c=0;c0?(v=t.tagName.toLowerCase(),g=v.replace("-"," "),"undefined"!==R(ye.elementList[v])&&!1!==ye.elementList[v].gizmo&&(g=ye.elementList[v].gizmo.title),n||(ye.activePlaceHolder=this.activeNode,ye.haxAppPicker.presentOptions(u,"__convert","Change ".concat(g," to..."),"gizmo"))):n||ye.toast("Sorry, this can not be transformed!",5e3),e.abrupt("return",u);case 22:case"end":return e.stop()}}),e,this)}))),function(){return T.apply(this,arguments)})},{key:"haxClearBody",value:function(){var e=!0;(!(arguments.length>0&&void 0!==arguments[0])||arguments[0])&&(e=prompt("Are you sure you want to delete all content?")),e&&C(this)}},{key:"haxInsert",value:function(e,t){var n=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.activeNode,a=globalThis.document.createElement(e);a.innerHTML=t;var r=a.cloneNode(!0);for(var s in o){var l=H(s);""!=l&&o.hasOwnProperty(s)&&(!0===o[s]?r.setAttribute(l,l):!1===o[s]?r.removeAttribute(l):null!=o[s]&&o[s].constructor===Array||null!=o[s]&&o[s].constructor===Object?r.properties&&r.properties[s].readOnly||(r.set?r.set(l,o[s]):r[l]=o[s]):r.setAttribute(l,o[s]))}return null!==ye.activePlaceHolder&&"undefined"!==R(ye.activePlaceHolder.style)?(r.style.width=ye.activePlaceHolder.style.width,r.style.float=ye.activePlaceHolder.style.float,r.style.margin=ye.activePlaceHolder.style.margin,r.style.display=ye.activePlaceHolder.style.display,this.haxReplaceNode(ye.activePlaceHolder,r),ye.activePlaceHolder=null):i&&i.parentNode?this.__isLayout(i.parentNode)?(null!=i.getAttribute("slot")&&r.setAttribute("slot",i.getAttribute("slot")),this.__addAbove?i.parentNode.insertBefore(r,i):i.parentNode.insertBefore(r,i.nextElementSibling)):i.parentNode&&i.parentNode.nextElementSibling?i.parentNode.nextElementSibling.parentNode.insertBefore(r,i.parentNode.nextElementSibling):i.parentNode&&i.nextElementSibling?this.__addAbove?i.parentNode.insertBefore(r,i):i.parentNode.insertBefore(r,i.nextElementSibling):i.parentNode&&i.parentNode.children[i.parentNode.children.length-1]===i?this.__addAbove?i.parentNode.insertBefore(r,i):i.parentNode.appendChild(r):i.parentNode?i.parentNode.insertBefore(r,i):this.appendChild(r):this.appendChild(r),this.contextMenus.text.hasSelectedText=!1,setTimeout((function(){n.__focusLogic(r),n.scrollHere(r)}),0),r}},{key:"haxToContent",value:(_=w(E().mark((function e(){var t,n,o,i,a,r,s,l,c;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:this.hideContextMenus(),t=this.activeNode,ye.activeNode=null,n="slot"===this.shadowRoot.querySelector("#body").localName?this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[],o="",i=0;case 6:if(!(i0&&void 0!==arguments[0])||arguments[0];clearTimeout(dt),clearTimeout(this.__contextVisibleLock),clearTimeout(this.__positionContextTimer),this._hideContextMenu(this.contextMenus.text),this.__activeHover=null,e&&this._hideContextMenu(this.contextMenus.plate)}},{key:"positionContextMenus",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.activeNode;if(t&&t.tagName&&this.ready&&!this._useristyping){var n=t.tagName.toLowerCase();ye.elementList&&ye.elementList[n]&&ye.elementList[n].contentEditable&&null===t.getAttribute("data-hax-lock")&&t.parentNode&&null===t.parentNode.getAttribute("data-hax-lock")?t.setAttribute("contenteditable",!0):t.removeAttribute("contenteditable"),clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout((function(){if(!ye._lockContextPosition){var n=t.tagName.toLowerCase();ye._isSandboxed&&"webview"===n&&(n="iframe"),t&&"PAGE-BREAK"!==t.tagName?e._showContextMenu(e.contextMenus.plate):e._hideContextMenu(e.contextMenus.plate);var o=ye.elementList[n];"undefined"===R(o)||ye.isTextElement(t)?e._showContextMenu(e.contextMenus.text):(e._hideContextMenu(e.contextMenus.text),o.element=t),(o||{}).gizmo;var i=o&&o.gizmo&&(o.gizmo.handles||[]).filter((function(e){return"inline"===(e||{}).type})).length>0;o&&"core"!=o.editingElement?setTimeout((function(){(t&&t.parentNode||!i)&&(e.canMoveElement=!0)}),250):e.activeNode&&("LI"===e.activeNode.tagName||e._HTMLInlineTextDecorationTest(e.activeNode))?e.canMoveElement=!1:e.canMoveElement=!0}e.contextMenus.parent.setPosition()}),50)}}},{key:"__addActiveVisible",value:function(){for(var e in this.contextMenus)("add"!=e||this.__activeHover)&&this.contextMenus[e].classList.add("hax-context-menu-active")}},{key:"__dropActiveVisible",value:function(){for(var e in this.contextMenus)this.contextMenus[e].classList.remove("hax-context-menu-active");this.__activeHover=null}},{key:"haxMoveGridPlate",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.___moveLock=!0;var o=e?e.parentNode:void 0,i=n>0?e.nextElementSibling:e.previousElementSibling,a=this.__layoutSlots(o)||[],r=e.getAttribute("slot"),s=r?a.indexOf(r):-1,l=a[s+n];return i&&(!r||i.getAttribute("slot")),!i||r&&r!==i.getAttribute("slot")?l?e.setAttribute("slot",l):e&&o&&o!==this&&(i=n>0?o.nextElementSibling:o,l=o.getAttribute("slot"),i&&(o.parentNode.insertBefore(e,i),l&&e.setAttribute("slot",l))):o.insertBefore(e,n>0?i.nextElementSibling:i),setTimeout((function(){ye.activeNode=e,t.scrollHere(e),t.__focusLogic(e)}),100),!0}},{key:"haxGridPlateOps",value:(A=w(E().mark((function e(){var t,n,o,i,a,r,s,l,c,d=arguments;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=!(d.length>0&&void 0!==d[0])||d[0],n=d.length>1&&void 0!==d[1]?d[1]:"right","GRID-PLATE"!==(o=d.length>2&&void 0!==d[2]?d[2]:this.activeNode).tagName&&"GRID-PLATE"===o.parentNode.tagName&&(o=o.parentNode),i=!1,"GRID-PLATE"!==o.tagName){e.next=60;break}if(!t){e.next=36;break}e.t0=o.layout,e.next="2-1"===e.t0?10:"1-2"===e.t0?13:"3-1"===e.t0?16:"1-3"===e.t0?19:"2-1-1"===e.t0||"1-2-1"===e.t0||"1-1-2"===e.t0?22:"1"===e.t0?25:"1-1"===e.t0?28:"1-1-1"===e.t0?31:34;break;case 10:return o.layout="2-1-1",i=!0,e.abrupt("break",34);case 13:return o.layout="1-2-1",i=!0,e.abrupt("break",34);case 16:return o.layout="2-1-1",i=!0,e.abrupt("break",34);case 19:return o.layout="1-1-2",i=!0,e.abrupt("break",34);case 22:return o.layout="1-1-1-1",i=!0,e.abrupt("break",34);case 25:return o.layout="1-1",i=!0,e.abrupt("break",34);case 28:return o.layout="1-1-1",i=!0,e.abrupt("break",34);case 31:return o.layout="1-1-1-1",i=!0,e.abrupt("break",34);case 34:e.next=57;break;case 36:e.t1=o.layout,e.next="2-1"===e.t1||"1-2"===e.t1||"1-3"===e.t1||"3-1"===e.t1||"1-1"===e.t1||"1"===e.t1?39:"1-1-1"===e.t1?45:"1-1-1-1"===e.t1?48:"2-1-1"===e.t1?51:"1-2-1"===e.t1||"1-1-2"===e.t1?54:57;break;case 39:return e.next=41,o.childNodes.forEach((function(e){e.tagName&&(a=e.cloneNode(!0),o.getAttribute("slot")?a.setAttribute("slot",o.getAttribute("slot")):a.removeAttribute("slot"),o.parentNode.insertBefore(a,o))}));case 41:return ye.activeNode=a,setTimeout((function(){o.remove()}),0),i=!0,e.abrupt("break",57);case 45:return o.layout="1-1",i=!0,e.abrupt("break",57);case 48:return o.layout="1-1-1",i=!0,e.abrupt("break",57);case 51:return o.layout="2-1",i=!0,e.abrupt("break",57);case 54:return o.layout="1-2",i=!0,e.abrupt("break",57);case 57:i&&(r=this.contextMenus.plate.shadowRoot.querySelector("#right"),s=this.contextMenus.plate.shadowRoot.querySelector("#rightremove"),r.disabled=!1,s.disabled=!1,"1-1-1-1"==o.layout&&(r.disabled=!0),"left"==n&&o.childNodes.forEach((function(e){if(e.tagName){var t=parseInt(e.getAttribute("slot").replace("col-",""),10)+1;e.setAttribute("slot","col-".concat(t))}}))),e.next=69;break;case 60:(l=globalThis.document.createElement("grid-plate")).layout="1-2-1",l.disableResponsive=!0,o.getAttribute("slot")&&l.setAttribute("slot",o.getAttribute("slot")),(c=o.cloneNode(!0)).setAttribute("slot","col-2"),l.appendChild(c),o.parentNode.insertBefore(l,o),setTimeout((function(){o.remove()}),0);case 69:return e.next=71,ye.refreshActiveNodeForm();case 71:case"end":return e.stop()}}),e,this)}))),function(){return A.apply(this,arguments)})},{key:"haxReplaceNode",value:function(e,t){try{null==e&&(e=this.__oldActiveNode),!e.replaceWith&&ye._tmpRange&&(e=ye._tmpRange,ye._tmpRange=null),e&&e.getAttribute&&null!=e.getAttribute("slot")&&t.setAttribute("slot",e.getAttribute("slot")),e.replaceWith(t)}catch(e){console.warn(e)}return t}},{key:"haxChangeTagName",value:function(e,t){for(var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=globalThis.document.createElement(t),i=0,a=e.attributes.length;i"==o.innerHTML?o.innerHTML="

  • ":"ul"!=e.tagName.toLowerCase()&&"ol"!=e.tagName.toLowerCase()&&(o.innerHTML="
  • "+e.innerHTML.trim().replace(//g,"
  • \n
  • ").replace(/
    /g,"
  • \n
  • ")+"
  • "):"ul"!=e.tagName.toLowerCase()&&"ol"!=e.tagName.toLowerCase()||(o.innerHTML=o.innerHTML.replace(/
      /g,"").replace(/<\/ul>/g,"").replace(/
    • <\/li>/g,"").replace(/
    • /g,"").replace(/<\/li>/g,"
      "));try{e.replaceWith(o),n&&setTimeout((function(){var e=o.children;e[0]&&e.tagName?e[0].focus():o.focus()}),10)}catch(t){console.warn(t),console.warn(o),console.warn(e)}return o}},{key:"haxDeleteNode",value:function(e){if(e.previousElementSibling)ye.activeNode=e.previousElementSibling;else if(e.nextElementSibling)ye.activeNode=e.nextElementSibling;else{this.haxInsert("p","",{});try{var t=globalThis.document.createRange(),n=ye.getSelection();t.setStart(this.activeNode,0),t.collapse(!0),n.removeAllRanges(),n.addRange(t),this.activeNode.focus()}catch(e){console.warn(e)}}try{return e.remove()}catch(e){console.warn(e)}}},{key:"importContent",value:function(e){var t=this;(!(arguments.length>1&&void 0!==arguments[1])||arguments[1])&&C(this,"*"),setTimeout((function(){e=D(e);var n=globalThis.document.createElement("div");for(n.insertAdjacentHTML("beforeend",e);null!==n.firstChild;)if("undefined"!==R(n.firstChild.tagName))if(ye._isSandboxed&&"iframe"===n.firstChild.tagName.toLowerCase()){for(var o=globalThis.document.createElement("webview"),i=0,a=n.firstChild.attributes.length;i0&&void 0!==arguments[0]?arguments[0]:this.activeNode,t=ye.haxSchemaFromTag(e.tagName);if("grid"===t.type){var n="GRID-PLATE"===e.tagName?e.layout.split("-").map((function(e,t){return"col-".concat(t)})):ye.slotsFromSchema(t).map((function(e){return e.slot}));n.reverse().forEach((function(t,n){0==n?e.querySelectorAll("[slot=".concat(t,"]")).forEach((function(t){return e.append(t)})):m(e.querySelectorAll("[slot=".concat(t,"]"))).reverse().forEach((function(t){return e.insertBefore(t,e.firstChild)}))}))}}},{key:"_haxContextOperation",value:(x=w(E().mark((function e(t){var o,i,a,r,s,l,c,d,u,h,v,g,f,b,y,x,A,k,w,_,T,S,C=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=t.detail,i=N(t),a=i&&i[0]?i[0].getAttribute("data-slot"):void 0,e.t0=o.eventName,e.next="insert-above-active"===e.t0?4:"insert-below-active"===e.t0?6:"move-to-slot"===e.t0?8:"insert-into-active"===e.t0?10:"hax-select-grid"===e.t0?12:"hax-select-grid-item"===e.t0?14:"hax-edit-element-toggle"===e.t0?16:"hax-source-view-toggle"===e.t0?18:"hax-full-text-editor-toggle"===e.t0?54:"text-tag"===e.t0?71:"text-tag-ul"===e.t0?74:"text-tag-ol"===e.t0?78:"hax-plate-create-right"===e.t0?82:"hax-plate-remove-right"===e.t0?84:"hax-plate-duplicate"===e.t0?86:"hax-plate-delete"===e.t0?88:"hax-plate-up"===e.t0?90:"hax-plate-down"===e.t0?92:"content-edit"===e.t0?94:"super-daemon"===e.t0?97:"hide-context-menus"===e.t0?107:109;break;case 4:return this.activeNode&&this.activeNode.previousElementSibling?this.haxInsert("p","",{},this.activeNode.previousElementSibling):this.activeNode?(r=globalThis.document.createElement("p"),this.activeNode.getAttribute("slot")&&r.setAttribute("slot",this.activeNode.getAttribute("slot")),this.activeNode.parentNode.insertBefore(r,this.activeNode)):this.appendChild(p),e.abrupt("break",109);case 6:return this.haxInsert("p","",{}),e.abrupt("break",109);case 8:return a&&this.activeNode&&ye.isGridPlateElement(this.activeNode.parentNode)&&(this.activeNode.slot=a,this.sortGridSlots(this.activeNode.parentNode)),e.abrupt("break",109);case 10:return a&&this.activeNode&&ye.isGridPlateElement(this.activeNode)&&((s=globalThis.document.createElement("p")).slot=a,this.activeNode.append(s),this.haxInsert("p","",{slot:a},s),s.remove(),this.sortGridSlots()),e.abrupt("break",109);case 12:return i[0]&&i[0].eventData&&(l=i[0].eventData,this.setActiveNode(l,!0),this.positionContextMenus(l)),e.abrupt("break",109);case 14:return i[0]&&i[0].eventData&&(c=i[0].eventData,d=c.target,u=c.slot,h=c.index,v=c.grid,g=c.editMode,f=c.invisible,b=f?v:m(v.children).filter((function(e){return u&&""!==u?e.slot===u:!e.slot||""===e.slot}))[h]||d,v&&g?this.setSlotEditMode(v,g,b):(this.setActiveNode(node,!0),this.positionContextMenus(node))),e.abrupt("break",109);case 16:return i[0]&&i[0].eventData&&(y=i[0].eventData)&&y.target&&y.editMode&&this.toggleElementEditMode(y.target,y.editMode),e.abrupt("break",109);case 18:if(this.activeNode.__haxSourceView){e.next=41;break}if(this.activeNode.__haxSourceView=!0,ye.activeEditingElement=globalThis.document.createElement("code-editor"),ye.activeEditingElement.language="html",ye.activeEditingElement.title="",ye.activeEditingElement.theme="vs",ye.activeEditingElement.fontSize=12,ye.activeEditingElement.wordWrap=!0,this.viewSourceToggle=!0,n.import("./2756a297.js").then((function(e){return e.bc})),this.activeNode.getAttribute&&null!=this.activeNode.getAttribute("slot")&&ye.activeEditingElement.setAttribute("slot",this.activeNode.getAttribute("slot")),this.__ignoreActive=!0,this.activeNode.removeAttribute("contenteditable"),this.__applyDragDropState(this.activeNode,!1),this.activeNode.removeAttribute("data-hax-active"),!ye.testHook(this.activeNode,"preProcessNodeToContent")){e.next=37;break}return e.next=36,ye.runHook(this.activeNode,"preProcessNodeToContent",[this.activeNode]);case 36:ye.activeNode=e.sent;case 37:q(this.activeNode,ye.activeEditingElement),ye.activeEditingElement.focus(),e.next=53;break;case 41:return this.activeNode.__haxSourceView=!1,e.next=44,ye.runHook(ye.activeEditingElement,"activeElementChanged",[this.activeNode,!1]);case 44:if(x=e.sent,A={},this.activeNode&&this.activeNode.tagName?A=ye.haxSchemaFromTag(this.activeNode.tagName.toLowerCase()):this.activeNode.parentElement&&this.activeNode.parentElement.tagName&&(A=ye.haxSchemaFromTag(this.activeNode.parentElement.tagName.toLowerCase())),this.activeNode&&this.activeNode.getAttribute&&null!=this.activeNode.getAttribute("slot")&&x.setAttribute("slot",this.activeNode.getAttribute("slot")),A.saveOptions&&A.saveOptions.unsetAttributes&&A.saveOptions.unsetAttributes.length)for(k in A.saveOptions.unsetAttributes)x.removeAttribute(A.saveOptions.unsetAttributes[k]);this.__applyNodeEditableState(x,this.editMode),U(ye.activeEditingElement),ye.activeEditingElement=null,this.viewSourceToggle=!1;case 53:return e.abrupt("break",109);case 54:if(this.activeNode.__haxSourceView){e.next=59;break}this.activeNode.__haxSourceView=!0,n.import("./2756a297.js").then((function(e){return e.bd})).then((function(){ye.activeEditingElement=globalThis.document.createElement("rich-text-editor"),ye.activeEditingElement.type="rich-text-editor-toolbar-full",C.activeNode.getAttribute&&null!=C.activeNode.getAttribute("slot")&&ye.activeEditingElement.setAttribute("slot",C.activeNode.getAttribute("slot")),C.__ignoreActive=!0,C.activeNode.removeAttribute("contenteditable"),C.__applyDragDropState(C.activeNode,!1),C.activeNode.removeAttribute("data-hax-active"),q(C.activeNode,ye.activeEditingElement),C.viewSourceElement=ye.activeEditingElement})),e.next=70;break;case 59:return this.activeNode.__haxSourceView=!1,e.next=62,ye.runHook(ye.activeEditingElement,"activeElementChanged",[this.activeNode,!1]);case 62:if(w=e.sent,_=ye.haxSchemaFromTag(this.activeNode.tagName.toLowerCase()),this.activeNode&&this.activeNode.getAttribute&&null!=this.activeNode.getAttribute("slot")&&w.setAttribute("slot",this.activeNode.getAttribute("slot")),_.saveOptions&&_.saveOptions.unsetAttributes&&_.saveOptions.unsetAttributes.length)for(k in _.saveOptions.unsetAttributes)w.removeAttribute(_.saveOptions.unsetAttributes[k]);this.__applyNodeEditableState(w,this.editMode),U(ye.activeEditingElement),ye.activeEditingElement=null,this.viewSourceElement=ye.activeEditingElement;case 70:return e.abrupt("break",109);case 71:return ye.activeNode=this.haxChangeTagName(this.activeNode,o.value),this.positionContextMenus(),e.abrupt("break",109);case 74:return this.contextMenus.text.realSelectedValue="ul",ye.activeNode=this.haxChangeTagName(this.activeNode,"ul"),this.positionContextMenus(),e.abrupt("break",109);case 78:return this.contextMenus.text.realSelectedValue="ol",ye.activeNode=this.haxChangeTagName(this.activeNode,"ol"),this.positionContextMenus(),e.abrupt("break",109);case 82:return this.haxGridPlateOps(),e.abrupt("break",109);case 84:return this.haxGridPlateOps(!1),e.abrupt("break",109);case 86:return this.haxDuplicateNode(this.activeNode),e.abrupt("break",109);case 88:return null!=this.activeNode&&this.haxDeleteNode(this.activeNode),e.abrupt("break",109);case 90:return this.activeNode.previousElementSibling&&"PAGE-BREAK"!==this.activeNode.previousElementSibling.tagName&&this.haxMoveGridPlate(this.activeNode,-1),e.abrupt("break",109);case 92:return this.activeNode.nextElementSibling&&this.haxMoveGridPlate(this.activeNode),e.abrupt("break",109);case 94:return"content-edit"===ye.haxTray.trayDetail&&(ye.haxTray.collapsed=!1),ye.haxTray.trayDetail="content-edit",e.abrupt("break",109);case 97:return T=ye.getRange(),z.mini=!0,z.activeRange=T,z.activeSelection=ye.getSelection(),S=this.activeNode,T.commonAncestorContainer.tagName?S=T.commonAncestorContainer:T.commonAncestorContainer.parentNode&&T.commonAncestorContainer.parentNode.tagName&&(S=T.commonAncestorContainer.parentNode),z.activeNode=S,z.runProgram(S.textContent.trim(),"*"),z.open(),e.abrupt("break",109);case 107:return this.hideContextMenus(),e.abrupt("break",109);case 109:case"end":return e.stop()}}),e,this)}))),function(e){return x.apply(this,arguments)})},{key:"_focusIn",value:function(e){this.__mouseDown||this.__focusLogic(e.target)&&(e.stopPropagation(),e.stopImmediatePropagation())}},{key:"__focusLogic",value:function(e){var t=this,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=!1;if(this.editMode&&!this.__tabTrap){var i=e;("SPAN"===i.tagName&&ye.isTextElement(i.parentNode)&&""==i.parentNode.getAttribute("slot")||"LI"===i.tagName&&ye.isTextElement(i.parentNode)&&["UL","OL"].includes(i.parentNode.tagName))&&(i=e.parentNode);var a=null;if(this._validElementTest(i)&&i.parentNode&&i.parentNode.tagName){if("P"===i.parentNode.tagName&&""==i.parentNode.getAttribute("slot"))a=i,o=!0;else{for(;i.parentNode&&i.parentNode.tagName&&"HAX-BODY"!=i.parentNode.tagName;)null===a&&"B"!==i.tagName&&"I"!==i.tagName&&"STRONG"!==i.tagName&&"EM"!==i.tagName&&(a=i),i=i.parentNode;null===a?a=i:ye.isGridPlateElement(i)}(this.activeNode&&this.activeNode.parentNode!==i&&!i.classList.contains("ignore-activation")||i.haxUIElement||i.classList.contains("ignore-activation"))&&(o=!0),a.haxUIElement||a.classList.contains("ignore-activation")||(ye.activeNode=a,setTimeout((function(){if(n&&!t.__mouseDown&&ye.isTextElement(a))try{var e=globalThis.document.createRange(),o=ye.getSelection();e.setStart(t.activeNode,0),e.collapse(!0),o.removeAllRanges(),o.addRange(e),t.activeNode.focus()}catch(e){console.warn(e)}t.positionContextMenus(a)}),0),o=!0)}}else this.__tabTrap=!1;return o}},{key:"scrollHere",value:function(e){setTimeout((function(){e.scrollIntoView({behavior:"smooth",inline:"nearest",block:"end"})}),100)}},{key:"undo",value:function(){var e=this;l(c(t.prototype),"undo",this).call(this),setTimeout((function(){var t=e.querySelector("[data-hax-active]");t?(e.__focusLogic(t),e.scrollHere(t)):e.hideContextMenus()}),0)}},{key:"redo",value:function(){var e=this;l(c(t.prototype),"redo",this).call(this),setTimeout((function(){var t=e.querySelector("[data-hax-active]");t?(e.__focusLogic(t),e.scrollHere(t)):e.hideContextMenus()}),0)}},{key:"_editModeChanged",value:(f=w(E().mark((function e(t,n){var o,i,a,r,s,l,c=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("undefined"!==R(n)){if(this._applyContentEditable(t),t){if(this.children&&this.children[0]&&this.children[0].focus&&this.children[0].tagName)"PAGE-BREAK"===this.children[0].tagName&&this.children[1]&&this.children[1].focus?this.__focusLogic(this.children[1]):"PAGE-BREAK"===this.children[0].tagName?this.haxInsert("p","",{}):this.__focusLogic(this.children[0]);else{this.haxInsert("p","",{});try{o=globalThis.document.createRange(),i=ye.getSelection(),o.setStart(this.activeNode,0),o.collapse(!0),i.removeAllRanges(),i.addRange(o),this.activeNode.focus()}catch(e){console.warn(e)}}this._haxContextOperation({detail:{eventName:"content-edit",value:!0}})}else this.activeNode&&(this.unsetSlotEditMode(this.activeNode),this.unsetElementEditMode(this.activeNode));setTimeout((function(){c.undoStack.undoStackLimit=50,c.undoStack.undoStackPosition=-1,c.undoStack.commands=[],c.undoStack.changed(),c.undoStackInitialValue=c.innerHTML,c.undoStackPrevValue=c.undoStackInitialValue}),0)}if(0==t)for(U(ye.activeEditingElement),ye.activeEditingElement=null,this.removeAttribute("contenteditable"),this.hideContextMenus(),a=this.querySelectorAll("[contenteditable],[data-hax-active]"),r=0;r0&&e.addedNodes.forEach((function(e){c._validElementTest(e,!0)&&setTimeout((function(){c.__applyNodeEditableState(e,c.editMode)}),0)}))})):e.forEach((function(e){if(e.removedNodes.length>0){var n,o=j(e.removedNodes);try{for(o.s();!(n=o.n()).done;){var i=n.value;e.previousSibling&&c.activeNode}}catch(e){o.e(e)}finally{o.f()}}if(e.addedNodes.length>0){var a,r=j(e.addedNodes);try{for(r.s();!(a=r.n()).done;)if(i=a.value,c._validElementTest(i)){if(!c.__delHit&&"BR"===i.tagName&&i.parentElement&&ye.__validGridTags().includes(i.parentElement.tagName.toLowerCase())&&i===i.parentElement.childNodes[i.parentElement.childNodes.length-1]){var s=i.parentElement;if(i.remove(),s.childNodes.length>0){var l=s.childNodes[s.childNodes.length-1];l.textContent+="​",ye._positionCursorInNode(l,l.length)}continue}if(c.__delHit=!1,"P"===i.tagName&&i.children.length>0&&"P"===i.children[0].tagName){U(i);continue}if("P"===i.tagName&&i.parentElement&&"P"===i.parentElement.tagName){U(i.parentElement);continue}if(null!=i.getAttribute("slot")&&i.parentElement===c){i.removeAttribute("slot");continue}if("LI"===i.tagName&&i.children.length>0&&"SPAN"===i.children[0].tagName){c.activeNode!==i.children[0]&&c.activeNode!==i||(ye.activeNode=i),U(i.children[0]);continue}if("LI"===i.tagName&&i.parentElement&&!["UL","OL"].includes(i.parentElement.tagName)){U(i);continue}if("P"===i.tagName&&i.children.length>0&&["P","LI"].includes(i.children[0].tagName)){U(i.children[0]);continue}if(c.__slot&&(i.setAttribute("slot",c.__slot),c.__slot=null),c.__indentTrap)if("SPAN"===i.tagName)i.parentNode===c?c.haxChangeTagName(i,"p",!0):"LI"===i.parentNode.tagName&&(i.parentNode.innerHTML=i.textContent);else if("BR"===i.tagName){i.remove();continue}if(!c.editMode||"true"!=i.getAttribute("contenteditable")&&!0!==i.getAttribute("contenteditable")&&"contenteditable"!=i.getAttribute("contenteditable")||c.__applyNodeEditableState(i,!c.editMode),c.__applyNodeEditableState(i,c.editMode),ye.isGridPlateElement(i))for(var d=i.querySelectorAll("*"),u=0;u0&&c.shadowRoot&&(1===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}).length&&"PAGE-BREAK"===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0})[0].tagName||0===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}).length)&&setTimeout((function(){(1===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}).length&&"PAGE-BREAK"===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0})[0].tagName||0===c.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}).length)&&c.appendChild(document.createElement("p"))}),100)})),c.__ignoreActive&&(c.__ignoreActive=!1),ye.haxTray.updateMap()})),this._observer.observe(this,{childList:!0,subtree:!0})):(this.windowControllers.abort(),this._observer.disconnect());case 12:case"end":return e.stop()}}),e,this)}))),function(e,t){return f.apply(this,arguments)})},{key:"_haxResolvePreviousElement",value:function(e){for(e=e.previousElementSibling;null!=e&&"undefined"!==R(e.tagName)&&"HAX-"===e.tagName.substring(0,4);)e=e.previousElementSibling;return e}},{key:"_validElementTest",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!(e.haxUIElement||!e.tagName||["TEMPLATE","HAX-BODY","FAKE-HAX-BODY-END"].includes(e.tagName))&&!(!t&&this._HTMLInlineTextDecorationTest(e)&&"HAX-BODY"!=e.parentNode)}},{key:"_HTMLInlineTextDecorationTest",value:function(e){return["span","b","strong","i","em","u","strike"].includes(e.tagName.toLowerCase())}},{key:"_HTMLPrimativeTest",value:function(e){return null!=e&&"undefined"!==R(e.tagName)&&-1==e.tagName.indexOf("-")}},{key:"_applyContentEditable",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.shadowRoot.querySelector("#body"),n="slot"===t.localName?t.assignedNodes({flatten:!0}):[];0===n.length&&(n=t.children);for(var o=0;o=i[0]&&a<=i[i.length-1]}},{key:"__layoutMove",value:function(e,t,n){if(!t.shadowRoot)return!1;var o=t.shadowRoot.querySelector("[slot=".concat(r,"]")),i=m(t.shadowRoot.querySelectorAll("[slot]")).map((function(e){return e.parentNode})),a=i.indexOf(o)||-1,r=i[a+(n?-1:1)];r&&e.setAttribute("slot",r)}},{key:"__sortLayoutChildren",value:(v=w(E().mark((function e(t){var n,o=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.setAttribute("hax-layout-sorting",!0),e.prev=1,n=(n=Array.prototype.reduce.call(t.querySelectorAll("[slot]"),(function(e,t){return e}),[])).sort((function(e,n){return this.__getLayoutOrder(e,t)0&&t.setAttribute("slot",n.__layoutSlots(e)[0])}))})),n.__sortLayoutChildren(e))})),e.haxLayoutObserver.observe(this,{childList:!0})}else if(e.shadowRoot){e.haxLayoutObserver&&e.haxLayoutObserver.disconnect(),this.removeEventListener("drop",o.drop);var r=m(e.shadowRoot.querySelectorAll("drag-enabled")),s=m(e.shadowRoot.querySelectorAll("slot"));r.forEach((function(e){e.removeEventListener("dragenter",o.dragenter),e.removeEventListener("dragleave",o.dragleave)})),s.forEach((function(e){return e.removeEventListener("slotchange",o.slotchange)})),e.removeAttribute("data-hax-ray")}}},{key:"__isLayout",value:function(e){return e&&ye.haxSchemaFromTag(e.tagName)&&"grid"===ye.haxSchemaFromTag(e.tagName).type}},{key:"__applyNodeEditableState",value:function(e){var t,n=this,o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!e.tagName)return!1;var i=e.tagName.replace("-"," ").toLowerCase(),a=y(ye.gizmoList).findIndex((function(t){if(t)return t.tag===e.tagName.toLowerCase()}));if(-1!==a&&(i=y(ye.gizmoList)[a].title),"PAGE-BREAK"!==e.tagName?("IMG"==e.tagName&&e.setAttribute("draggable",!1),o?(this.__applyDragDropState(e,i),t="addEventListener"):(this.__applyDragDropState(e,!1),t="removeEventListener"),e[t]("drop",this.dropEvent.bind(this)),e[t]("dragenter",this.dragEnter.bind(this)),e[t]("dragleave",this.dragLeave.bind(this)),e[t]("dragover",(function(e){n.__dragMoving=!0,e.preventDefault()}))):o?e.setAttribute("data-hax-ray",""):e.removeAttribute("data-hax-ray"),this._HTMLPrimativeTest(e)&&(o?e.setAttribute("contenteditable",o):e.removeAttribute("contenteditable"),e.querySelectorAll("a").length>0))for(var r=e.querySelectorAll("a"),s=0,l=r.length;s0&&"file"===e.dataTransfer.items[0].kind){e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation();var i=globalThis.document.createElement("p");e.target.closest("[data-hax-layout]")&&e.target.parentNode!=e.target.closest("[data-hax-layout]")?t=e.target.closest("[data-hax-layout]"):e.target.closest("[contenteditable],img")&&(t=e.target.closest("[contenteditable],img")),t&&(t.tagName&&"HAX-BODY"!==t.tagName||!t.getAttribute("data-hax-layout"))||this.__isLayout(o[0])?(t.getAttribute("slot")?i.setAttribute("slot",t.getAttribute("slot")):o[0].classList.contains("column")?i.setAttribute("slot",o[0].getAttribute("id").replace("col","col-")):i.removeAttribute("slot"),t.parentNode.insertBefore(i,t)):(o[0].classList.contains("column")?i.setAttribute("slot",o[0].getAttribute("id").replace("col","col-")):t&&"HAX-BODY"===t.tagName&&i.getAttribute("slot")&&i.removeAttribute("slot"),t?t.appendChild(i):this.appendChild(i)),e.placeHolderElement=i,this.dispatchEvent(new CustomEvent("place-holder-file-drop",{bubbles:!0,cancelable:!0,composed:!0,detail:e}))}else{if(n=ye.__dragTarget,t=e.target,e.target.closest("[data-hax-layout]")&&e.target.parentNode!=e.target.closest("[data-hax-layout]")?t=e.target.closest("[data-hax-layout]"):e.target.closest("[contenteditable],img")&&(t=e.target.closest("[contenteditable],img")),t&&n&&this._validElementTest(n)&&n!==t){try{"HAX-BODY"!==t.tagName&&!this.__isLayout(t)||this.__isLayout(o[0])?(t.getAttribute("slot")?n.setAttribute("slot",t.getAttribute("slot")):o[0].classList.contains("column")?n.setAttribute("slot",o[0].getAttribute("id").replace("col","col-")):n.removeAttribute("slot"),t.parentNode.insertBefore(n,t)):(o[0].classList.contains("column")?n.setAttribute("slot",o[0].getAttribute("id").replace("col","col-")):"HAX-BODY"===t.tagName&&n.getAttribute("slot")&&n.removeAttribute("slot"),t.appendChild(n))}catch(e){console.warn(e)}e.preventDefault(),e.stopPropagation()}n&&this._validElementTest(n)&&"function"==typeof n.focus&&(ye.activeNode=n,ye.testHook(ye.activeNode,"trayDragNDropToNode")&&ye.runHook(ye.activeNode,"trayDragNDropToNode",[ye.activeNode]),this.dispatchEvent(new CustomEvent("hax-drop-focus-event",{bubbles:!0,cancelable:!0,composed:!0,detail:this.activeNode})),this.scrollHere(this.activeNode),this.positionContextMenus())}}catch(e){console.warn(e)}}ye.__dragTarget=null,this.__manageFakeEndCap(!1)}},{key:"dragEnter",value:function(e){this.editMode&&e.target&&ye.__dragTarget&&(this.__dragMoving=!0,e.preventDefault(),e.target&&e.target.classList&&e.target.classList.add("hax-hovered"),this.handleMousemove(e))}},{key:"handleMousemove",value:function(e){var t=e.clientX,n=e.clientY,o=globalThis.document.documentElement.clientWidth,i=globalThis.document.documentElement.clientHeight,a=ht,r=ht,s=i-ht,l=o-ht,c=t<200,d=t>l,u=n<200,h=n>s;if(c||d||u||h){var p=Math.max(globalThis.document.body.scrollWidth,globalThis.document.body.offsetWidth,globalThis.document.body.clientWidth,globalThis.document.documentElement.scrollWidth,globalThis.document.documentElement.offsetWidth,globalThis.document.documentElement.clientWidth),m=Math.max(globalThis.document.body.scrollHeight,globalThis.document.body.offsetHeight,globalThis.document.body.clientHeight,globalThis.document.documentElement.scrollHeight,globalThis.document.documentElement.offsetHeight,globalThis.document.documentElement.clientHeight),v=p-o,g=m-i;!function e(){clearTimeout(dt),function(){var e=globalThis.pageXOffset,o=globalThis.pageYOffset,i=o>0,p=o0,f=e0&&void 0!==arguments[0]?arguments[0]:this.activeNode;if(e&&e.getAttribute){var t=e.getAttribute("data-element-edit-mode")||"editMode";e[t]=!1,this.__applyNodeEditableState(e,this.editMode),ye.activeEditingElement=null,this.editElementToggled=!1,this.__ignoreActive=!1}}},{key:"setElementEditMode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"editMode";e.setAttribute("data-element-edit-mode",t),e[t]=!0,ye.activeEditingElement=e,this.editElementToggled=!1,this.__ignoreActive=!0,this.activeNode.removeAttribute("contenteditable"),this.activeNode.removeAttribute("data-hax-active"),this.__applyDragDropState(this.activeNode,!1),ye.activeEditingElement.focus()}},{key:"unsetSlotEditMode",value:function(e){if(e.getAttribute&&e.getAttribute){var t=e.getAttribute("data-grid-saved-settings")?JSON.parse(e.getAttribute("data-grid-saved-settings")):void 0;Object.keys(t||{}).forEach((function(n){return e[n]=t[n]})),e.removeAttribute("data-grid-saved-settings")}}},{key:"setSlotEditMode",value:function(e,t,n){var o=e.getAttribute("data-grid-saved-settings")?JSON.parse(e.getAttribute("data-grid-saved-settings")):{},i=Object.keys(o);Object.keys(t||{}).forEach((function(n){i.includes(n)||(o[n]=e[n]),e[n]=t[n]})),e.setAttribute("data-grid-saved-settings",JSON.stringify(o))}},{key:"_activeNodeChanged",value:(h=w(E().mark((function e(t,o){var i,a,r,s,l,c,d=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(globalThis.SimplePopoverManager.requestAvailability().opened=!1,this.contextMenus.plate.disableDuplicate=!1,this.contextMenus.plate.disableOps=!1,this.contextMenus.plate.disableItemOps=!1,this.contextMenus.plate.canMoveElement=this.canMoveElement,setTimeout((function(){d.prevKeyActiveNode=null}),5),o&&o.removeAttribute("data-hax-active"),t&&t.setAttribute("data-hax-active","data-hax-active"),t&&o&&ye.isGridPlateElement(t)&&(this.__ignoreActive=!0),this.editMode&&"undefined"!==R(t)&&null!==t&&t.parentNode&&t.tagName?(i=t.tagName.toLowerCase(),(ye.isTextElement(t)||"HR"===t.tagName||ye.isGridPlateElement(t))&&null===t.getAttribute("data-hax-lock")&&null===t.parentNode.getAttribute("data-hax-lock")?(t.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)):(t.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),this._keepContextVisible(),this.contextMenus.text.realSelectedValue=i):null===t&&(this.hideContextMenus(),this.__oldActiveNode=o),e.t0=this.editMode,!e.t0){e.next=15;break}return e.next=14,ye.runHook(o,"activeElementChanged",[o,!1]);case 14:e.t0=e.sent;case 15:if(!e.t0){e.next=17;break}this.__ignoreActive=!0;case 17:if(e.t1=this.editMode,!e.t1){e.next=22;break}return e.next=21,ye.runHook(t,"activeElementChanged",[t,!0]);case 21:e.t1=e.sent;case 22:if(!e.t1){e.next=24;break}this.__ignoreActive=!0;case 24:if(!(this.editMode&&o&&o.tagName)){e.next=34;break}if(!("core"!=(a=ye.haxSchemaFromTag(o.tagName.toLowerCase())).editingElement||o.parentNode&&o.parentNode.haxUIElement&&o.parentNode===ye.activeEditingElement)){e.next=34;break}return this.__ignoreActive=!0,e.next=30,ye.runHook(o.parentNode,"activeElementChanged",[o,!1]);case 30:if((r=e.sent)&&r!==o){if(o&&o.getAttribute&&null!=o.getAttribute("slot")&&r.setAttribute("slot",o.getAttribute("slot")),a.saveOptions&&a.saveOptions.unsetAttributes&&a.saveOptions.unsetAttributes.length)for(s in a.saveOptions.unsetAttributes)r.removeAttribute(a.saveOptions.unsetAttributes[s]);this.__applyNodeEditableState(r,this.editMode)}U(ye.activeEditingElement),ye.activeEditingElement=null;case 34:if(!this.editMode||!t){e.next=49;break}if(!(l=ye.haxSchemaFromTag(t.tagName))||!l.editingElement||"core"==l.editingElement){e.next=49;break}if(!l.editingElement.import){e.next=42;break}return c=new URL("./hax-body.js",ct.url).href+"/../../../",globalThis.WCGlobalBasePath&&(c=globalThis.WCGlobalBasePath),e.next=42,n.import("".concat(c).concat(l.editingElement.import));case 42:return ye.activeEditingElement=globalThis.document.createElement(l.editingElement.tag),t.getAttribute&&null!=t.getAttribute("slot")&&ye.activeEditingElement.setAttribute("slot",t.getAttribute("slot")),l.editingElement.callback&&l.editingElement.callback(ye.activeEditingElement),this.__ignoreActive=!0,q(t,ye.activeEditingElement),e.next=49,ye.runHook(ye.activeEditingElement,"activeElementChanged",[t,!0]);case 49:!o||!o.parentNode||t&&t.parentNode&&t.parentNode===o.parentNode||this.unsetSlotEditMode(o.parentNode),this.unsetElementEditMode(o);case 51:case"end":return e.stop()}}),e,this)}))),function(e,t){return h.apply(this,arguments)})},{key:"_getPosition",value:function(e){return{x:e.offsetLeft-e.scrollLeft+e.clientLeft,y:e.offsetTop-e.scrollTop+e.clientTop}}},{key:"_showContextMenu",value:function(e){e.setAttribute("on-screen","on-screen"),e.classList.add("hax-context-visible","hax-context-menu-active")}},{key:"_getContextContainer",value:function(e){var t=e&&e.parentNode?e.parentNode:void 0;return t&&t.nodeType?1==t.nodeType?t:t.host:void 0}},{key:"_hideContextMenu",value:function(e){e&&(e.removeAttribute("on-screen"),e.classList.remove("hax-context-visible"),e.classList.remove("hax-context-menu-active"))}},{key:"_tabKeyPressed",value:function(){if(this.activeNode&&ye.getRange().cloneRange)try{var e=!1,t=this.activeNode.parentNode,n=this.activeNode.parentNode.tagName,o=ye.getRange().cloneRange(),i=o.commonAncestorContainer.tagName;if("undefined"===R(i)&&(i=o.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(n)||["UL","OL","LI"].includes(i))this.polyfillSafe&&(this.__tabTrap=!0,this.__indentTrap=!0,globalThis.document.execCommand("indent"));else for(;!e;)null==t.nextSibling?e=!0:"function"===t.nextSibling.focus?(t.nextSibling.focus(),e=!0):t=t.nextSibling}catch(e){console.warn(e)}}},{key:"_tabBackKeyPressed",value:function(){if(this.activeNode&&ye.getRange().cloneRange)try{var e=this.activeNode.parentNode,t=this.activeNode.parentNode.tagName,n=ye.getRange().cloneRange(),o=n.commonAncestorContainer.tagName;if("undefined"===R(o)&&(o=n.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(t)||["UL","OL","LI"].includes(o))this.polyfillSafe&&(this.__tabTrap=!0,this.__indentTrap=!0,globalThis.document.execCommand("outdent"));else{if(null!=e)for(;null!=e&&!this._validElementTest(e);)e=e.previousSibling;null!=e&&setTimeout((function(){e.focus()}),50)}}catch(e){console.warn(e)}}}],[{key:"tag",get:function(){return"hax-body"}},{key:"styles",get:function(){return[l(c(t),"styles",this),g(st||(st=r(['\n :host([edit-mode]),\n :host([edit-mode]) * ::slotted(*) {\n caret-color: var(--hax-ui-caret-color, auto);\n }\n\n hax-text-editor-toolbar {\n background-color: var(--hax-ui-background-color);\n --simple-toolbar-button-bg: var(--hax-ui-background-color);\n --simple-picker-options-background-color: var(\n --hax-ui-background-color\n );\n --simple-picker-option-active-background-color: var(\n --hax-ui-color-accent\n );\n --simple-picker-option-active-color: var(--hax-tray-text-color);\n --simple-picker-color-active: var(--hax-tray-text-color);\n --simple-picker-color: var(--hax-tray-text-color);\n }\n :host([edit-mode][tray-status="full-panel"]) {\n opacity: 0.2;\n pointer-events: none;\n }\n :host {\n display: block;\n position: relative;\n min-height: 32px;\n min-width: 32px;\n outline: none;\n --hax-contextual-action-text-color: var(--hax-ui-background-color);\n --hax-contextual-action-hover-color: var(--hax-ui-color-accent);\n --hax-contextual-action-color: var(--hax-ui-color-accent-secondary);\n --hax-body-editable-outline: 1px solid\n var(--hax-ui-disabled-color, #ddd);\n --hax-body-active-outline-hover: 2px solid\n var(--hax-ui-color-faded, #444);\n --hax-body-active-outline: 2px solid var(--hax-ui-color-focus, #000);\n --hax-body-active-drag-outline: 1px solid\n var(--hax-ui-color-accent, #009dc7);\n --hax-body-target-background-color: var(\n --hax-ui-background-color-accent\n );\n --hax-body-possible-target-background-color: inherit;\n }\n #topcontext {\n z-index: calc(var(--hax-ui-focus-z-index) - 2);\n min-width: 280px;\n }\n #topcontextmenu {\n width: auto;\n max-width: 100%;\n position: absolute;\n bottom: 0;\n margin-bottom: 10px;\n margin-left: -10px;\n }\n .hax-context-menu {\n visibility: hidden;\n opacity: 0;\n z-index: -1;\n pointer-events: none;\n transition: 0.3s all ease-in-out;\n }\n .hax-context-menu:hover {\n z-index: calc(var(--hax-ui-focus-z-index) + 1);\n }\n .hax-context-visible,\n .hax-context-menu-active {\n display: flex;\n pointer-events: auto;\n visibility: visible;\n z-index: 1;\n opacity: 1;\n }\n /* this helps ensure editable-table doesn\'t try internal text editor; all others should */\n :host([edit-mode])\n #bodycontainer\n ::slotted(*[contenteditable][data-hax-ray]:not(editable-table)) {\n -webkit-appearance: textfield;\n cursor: text;\n -moz-user-select: text;\n -khtml-user-select: text;\n -webkit-user-select: text;\n -o-user-select: text;\n }\n :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-ray]:hover) {\n cursor: pointer;\n outline: 2px solid var(--hax-ui-color-hover, #0001);\n transition: 0.2s outline-width ease-in-out;\n outline-offset: 8px;\n }\n\n :host([edit-mode])\n #bodycontainer\n ::slotted(\n [contenteditable][data-hax-ray]:empty:not(\n [data-instructional-action]\n )\n )::before {\n content: attr(data-hax-ray);\n opacity: 0.2;\n transition: 0.6s all ease-in-out;\n }\n\n :host([edit-mode])\n #bodycontainer\n ::slotted(\n [contenteditable][data-hax-ray][data-hax-active]:empty:not(\n [data-instructional-action]\n )\n )::before {\n content: "Type \'/\' for Merlin";\n opacity: 0.4;\n }\n\n :host([edit-mode])\n #bodycontainer\n ::slotted(\n [contenteditable][data-hax-ray]:hover:empty:not(\n [data-instructional-action]\n )\n )::before {\n opacity: 0.4;\n cursor: text;\n }\n\n :host([edit-mode])\n #bodycontainer\n ::slotted(\n [contenteditable][data-hax-ray]:empty:focus:not(\n [data-instructional-action]\n )\n )::before {\n content: "";\n }\n\n :host([edit-mode]) #bodycontainer ::slotted([data-hax-active]),\n :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered) {\n outline-offset: 8px;\n }\n :host([edit-mode]) #bodycontainer ::slotted(img[contenteditable]) {\n max-width: 100%;\n }\n :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n caret-color: var(--hax-ui-caret-color, auto);\n }\n :host([edit-mode]) #bodycontainer ::slotted(*.blinkfocus) {\n outline: 2px solid var(--hax-contextual-action-hover-color);\n }\n :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]) {\n opacity: 0.5;\n transition: 0.3s all ease-in-out;\n }\n :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock]:hover) {\n opacity: 0.9;\n }\n :host([edit-mode]) #bodycontainer ::slotted(*[data-hax-lock])::after {\n width: 28px;\n height: 28px;\n content: "";\n display: flex;\n float: right;\n z-index: 1;\n position: relative;\n background-position: center;\n background-repeat: no-repeat;\n background-color: #fffafa;\n }\n :host([edit-mode])\n #bodycontainer\n ::slotted(*:not([data-hax-layout]):hover) {\n outline: var(--hax-body-active-outline-hover);\n caret-color: var(--hax-ui-caret-color, auto);\n }\n :host(.hax-add-content-visible[edit-mode])\n #bodycontainer\n ::slotted([data-hax-active]) {\n margin-bottom: 30px;\n }\n :host([edit-mode]) #bodycontainer ::slotted([data-hax-active]:hover) {\n cursor: text !important;\n caret-color: var(--hax-ui-caret-color, auto);\n outline: var(--hax-body-active-outline-hover);\n }\n :host([edit-mode])\n #bodycontainer\n ::slotted(*:not([data-hax-layout]) [data-hax-active]:hover) {\n cursor: text !important;\n caret-color: var(--hax-ui-caret-color, auto);\n outline: var(--hax-body-active-outline-hover);\n }\n :host([edit-mode])\n #bodycontainer\n ::slotted([data-hax-active][contenteditable]) {\n outline: var(--hax-body-active-outline) !important;\n caret-color: var(--hax-ui-caret-color, auto);\n }\n :host([edit-mode]) #bodycontainer ::slotted(hr[contenteditable]) {\n height: 2px;\n background-color: #eeeeee;\n padding-top: 4px;\n padding-bottom: 4px;\n }\n /** Fix to support safari as it defaults to none */\n :host([edit-mode]) #bodycontainer ::slotted(*[contenteditable]) {\n -webkit-user-select: text;\n cursor: pointer;\n }\n\n :host([edit-mode])\n #bodycontainer\n ::slotted(*[contenteditable]::-moz-selection),\n :host([edit-mode])\n #bodycontainer\n ::slotted(*[contenteditable] *::-moz-selection) {\n background-color: var(--hax-body-highlight, #ffffac);\n color: black;\n }\n :host([edit-mode])\n #bodycontainer\n ::slotted(*[contenteditable]::selection),\n :host([edit-mode])\n #bodycontainer\n ::slotted(*[contenteditable] *::selection) {\n background-color: var(--hax-body-highlight, #ffffac);\n color: black;\n }\n #bodycontainer {\n -webkit-user-select: text;\n user-select: text;\n }\n absolute-position-behavior:not(:defined),\n .hax-context-menu:not(:defined) {\n display: none;\n }\n /* drag and drop */\n :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*)::before {\n background-color: var(--hax-body-possible-target-background-color);\n content: " ";\n width: 100%;\n display: block;\n position: relative;\n margin: -12px 0 0 0;\n z-index: 2;\n height: 12px;\n transition: 0.3s all ease-in-out;\n }\n :host([edit-mode][hax-mover]) #bodycontainer ::slotted(img) {\n outline: var(--hax-body-editable-outline);\n }\n :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered),\n :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered)::before {\n background-color: var(--hax-body-target-background-color) !important;\n }\n :host([edit-mode]) #bodycontainer ::slotted(img.hax-hovered) {\n border-top: 8px\n var(--hax-contextual-action-hover-color, var(--hax-ui-color-accent));\n margin-top: -8px;\n }\n [hidden],\n :host([hidden]),\n #textcontextmenu.not-text {\n display: none !important;\n }\n /** This is mobile layout for controls */\n @media screen and (max-width: 800px) {\n .hax-context-menu {\n height: 0px;\n }\n .hax-context-visible {\n height: auto;\n }\n\n :host([edit-mode]) #bodycontainer,\n :host([edit-mode]) #bodycontainer[element-align="left"],\n :host([edit-mode]) #bodycontainer[element-align="right"] {\n margin: calc(100px + var(--hax-tray-menubar-min-height)) 0 0 0;\n }\n }\n\n @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n /*\n Define here the CSS styles applied only to Safari browsers\n (any version and any device) via https://solvit.io/bcf61b6\n */\n :host([edit-mode][hax-mover]) #bodycontainer ::slotted(*) {\n outline: var(--hax-body-editable-outline);\n background-color: var(--hax-body-possible-target-background-color);\n }\n :host([edit-mode]) #bodycontainer ::slotted(*.hax-hovered) {\n background-color: var(\n --hax-body-target-background-color\n ) !important;\n outline: var(--hax-body-active-outline);\n }\n }\n '])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{_useristyping:{type:Boolean},haxMover:{type:Boolean,attribute:"hax-mover",reflect:!0},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},elementAlign:{type:String,reflect:!0,attribute:"element-align"},trayDetail:{type:String,reflect:!0,attribute:"tray-detail"},trayStatus:{type:String,reflect:!0,attribute:"tray-status"},activeNode:{type:Object},canMoveElement:{type:Boolean},viewSourceToggle:{type:Boolean,reflect:!0}})}}]);var h,v,f,x,A,k,_,T,S,L,I}(k(Le(I)));customElements.define(pt.tag,pt);var mt,vt,gt,ft,bt,yt,xt=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,null,[{key:"tag",get:function(){return"simple-fields-tab"}},{key:"styles",get:function(){return m(l(c(t),"styles",this))}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),V.properties)}}])}(W);customElements.define(xt.tag,xt);var At,kt,wt,Et,_t,Tt,St,Nt,Ct=function(e){function t(){var e;return d(this,t),(e=u(this,t)).expanded=!1,e.filter="",e.filteredOptions=[],e.inputFocus=!1,e.inputHover=!1,e.isNone=!0,e.isList=!1,e.isBoth=!1,e.listFocus=!1,e.listHover=!1,e.option=!1,e.autocomplete="none",e}return o(t,e),i(t,[{key:"stateInfo",get:function(){return{activeDescendant:this.activeDescendant,filteredOptions:this.filteredOptions,filter:this.filter,option:this.option,_selectedOption:this._selectedOption,value:this.value,firstOption:this.firstOption,lastOption:this.lastOption,input:!!this.input&&this.input.value}}},{key:"fieldElementTag",get:function(){return"input"}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.filter=this.value?this.value:"",this.filterOptions(this.filter,this.option)}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"autocomplete"===t&&n.autocompleteChanged(),"value"===t&&n.value!==e&&n.fieldValueChanged(),"itemsList"!==t&&"options"!==t||n.filterOptions(n.filter,n.option)}))}},{key:"fieldValueChanged",value:function(){this.input&&this.input.value!==this.value&&(this.input.value=this.value),this._fireValueChanged()}},{key:"autocompleteChanged",value:function(){if("string"==typeof this.autocomplete){var e=this.autocomplete.toLowerCase();this.isNone="none"===e,this.isList="list"===e,this.isBoth="both"===e}else this.isNone=!0}},{key:"inputTemplate",get:function(){return a(mt||(mt=r(['\n \n '])),this.activeDescendant,this.autocomplete,this.describedBy,this.expanded,this.error?"true":"false",this.id,this.autofocus,this._onInputBlur,this._handleFieldChange,this.inputFocus?"focus":"",this._onInputClick,this.disabled,this._onInputFocus,this._onInputPaste,this.id,this._onInputKeydown,this._onInputKeyup,this.id,this.placeholder||"",this.readonly,this.required,this.value||"")}},{key:"expandButtonTemplate",get:function(){return a(vt||(vt=r(['\n \n \n '])),this.sortedOptions.length<1,this._onButtonClick)}},{key:"listboxTemplate",get:function(){return a(gt||(gt=r(['\n \n ',"\n
    \n "])),this.fieldId,this.listFocus?"focus":"",this.itemsList.join(),this.filteredOptions.map((function(e){return e.value})).join(),this.isListboxHidden,this.id,this._onListboxMouseout,this._onListboxMouseover,this.listboxInnerTemplate)}},{key:"listboxInnerTemplate",get:function(){var e=this;return(this.filteredOptions||[]).map((function(t){return e.getListItem(t)}))}},{key:"isListboxHidden",get:function(){return this.hidden||!this.expanded||this.filteredOptions.length<1}},{key:"getListItem",value:function(e){var t=this;return a(ft||(ft=r(['\n \n ',"\n \n "])),this._isSelected(e),e.id,(function(n){return t._onOptionClick(n,e)}),(function(n){return t._onOptionMouseout(n,e)}),(function(n){return t._onOptionMouseover(n,e)}),this.getListItemInner(e))}},{key:"getListItemInner",value:function(e){return e.value}},{key:"fieldMainTemplate",get:function(){return a(bt||(bt=r(['\n
    \n ','\n
    \n ','\n \n '," ","\n ","\n \n ","\n
    \n
    \n "])),this.hidden,this.labelTemplate,this.prefixTemplate,this.inputTemplate,this.suffixTemplate,this.expandButtonTemplate,this.listboxTemplate)}},{key:"hasOptions",get:function(){return this.filteredOptions.length>0}},{key:"setActiveDescendant",value:function(e){e&&this.listFocus?this.activeDescendant="option".concat(e.id):this.activeDescendant=""}},{key:"setValue",value:function(e){this.filter=e,this.input.setSelectionRange(this.filter.length,this.filter.length),(this.isList||this.isBoth)&&this.filterOptions(this.filter,this.option)}},{key:"setOption",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e&&(this.option=e,this.setCurrentOptionStyle(this.option),this.setActiveDescendant(this.option),this.isBoth&&(this.value=this.option.value,this.input.value=this.option.value,n?setTimeout((function(){t.input.setSelectionRange(e.value.length,e.value.length)}),0):setTimeout((function(){t.input.setSelectionRange(t.filter.length,e.value.length)}),0)))}},{key:"setVisualFocusTextbox",value:function(){this.listFocus=!1,this.inputFocus=!0,this.setActiveDescendant(!1)}},{key:"setVisualFocusListbox",value:function(){this.inputFocus=!1,this.listFocus=!0,this.setActiveDescendant(this.option)}},{key:"removeVisualFocusAll",value:function(){this.inputFocus=!1,this.listFocus=!0,this.option=!1,this.setActiveDescendant(!1)}},{key:"_onButtonClick",value:function(e){this.expanded?this.close(!0):this.open(),this.input.focus(),this.setVisualFocusTextbox()}},{key:"_onInputClick",value:function(e){this.expanded?this.close(!0):this.open()}},{key:"_onInputBlur",value:function(e){this.hoveredOption||(this.listFocus=!1,this.setCurrentOptionStyle(null),this.removeVisualFocusAll(),setTimeout(this.close(!1),300))}},{key:"_onInputPaste",value:function(e){var t=this;clearTimeout(this.__debounce),this.__debounce=setTimeout((function(){t.value=t.input.value}),0)}},{key:"_onInputFocus",value:function(e){this.setVisualFocusTextbox(),this.option=!1,this.setCurrentOptionStyle(null)}},{key:"_onInputKeydown",value:function(e){var t=this;clearTimeout(this.__debounce),this.__debounce=setTimeout((function(){t.value=t.input.value}),300);var n=!1,o=e.altKey;switch(e.keyCode){case this.keyCode.RETURN:(this.listFocus||this.isBoth)&&this.option&&this.setValue(this.option.value),this.close(!0),n=!0;break;case this.keyCode.DOWN:this.hasOptions&&(this.listFocus||this.isBoth&&this.option?this.setOption(this.nextItem,!0):(this.open(),o||this.setOption(this.firstItem,!0)),this.setVisualFocusListbox()),n=!0;break;case this.keyCode.UP:this.hasOptions&&(this.listFocus||this.isBoth&&this.option?this.setOption(this.previousItem,!0):(this.open(),o||this.setOption(this.lastItem,!0)),this.setVisualFocusListbox()),n=!0;break;case this.keyCode.ESC:this.close(!0),this.setVisualFocusTextbox(),this.setValue(""),this.option=!1,n=!0;break;case this.keyCode.TAB:this.close(!0),this.listFocus&&this.option&&this.setValue(this.option.value)}n&&(e.stopPropagation(),e.preventDefault())}},{key:"_onInputKeyup",value:function(e){this.dispatchEvent(new CustomEvent("combo-input-keyup",{bubbles:!0,cancelable:!0,composed:!0,detail:e}));var t=!1,n=!1,o=e.key||"";function i(e){return 1===e.length&&e.match(/\S/)}if(i(o)&&(this.filter+=o),this.input&&(this.input.value||"").lengtht?1:-1})).forEach((function(n){return t.push({id:t.length,value:e.options[n]})})),t}},{key:"filterOptions",value:function(e,t){var n,o,i,a;for("string"!=typeof e&&(e=""),e=e.toLowerCase(),this.filteredOptions=[],this.firstChars=[],n=0;n0){this.firstOption=this.filteredOptions[0],this.lastOption=this.filteredOptions[a-1];var r=this.filteredOptions.map((function(e){return e.textComparison}));o=t&&t.textComparison&&r.includes(t.textComparison)?t:this.firstOption}else this.firstOption=!1,o=!1,this.lastOption=!1;return o}},{key:"setCurrentOptionStyle",value:function(e){this._selectedOption=e,this.listbox&&e&&this.shadowRoot&&this.shadowRoot.querySelector("#option".concat(e.id))&&(this.listbox.scrollTop=this.shadowRoot.querySelector("#option".concat(e.id)).offsetTop)}},{key:"_isSelected",value:function(e){return e&&this._selectedOption&&e.textComparison===this._selectedOption.textComparison?"true":"false"}},{key:"_onListboxMouseover",value:function(e){this.listHover=!0}},{key:"_onListboxMouseout",value:function(e){this.listHover=!1,this.hoveredOption=void 0,setTimeout(this.close(!1),300)}},{key:"open",value:function(){this.expanded||(this.expanded=!0)}},{key:"close",value:function(e){"boolean"!=typeof e&&(e=!1),!e&&(this.inputFocus||this.hasHover||this.hasHover)||(this.setCurrentOptionStyle(!1),this.expanded=!1,this.setActiveDescendant(!1))}},{key:"_onOptionClick",value:function(e,t){t&&(this.setOption(t),this.setValue(t.value)),this.close(!0)}},{key:"_onOptionMouseover",value:function(e,t){this.hoveredOption=t,this.listHover=!0,this.open()}},{key:"_onOptionMouseout",value:function(e,t){this.listHover=!1,this.hoveredOption=void 0,setTimeout(this.close(!1),300)}},{key:"previousItem",get:function(){var e,t=this.option?this.option.textComparison:void 0,n=this.firstOption?this.firstOption.textComparison:void 0,o=this.filteredOptions.map((function(e){return e.textComparison}));return t!==n?(e=o.indexOf(t),this.filteredOptions[e-1]):this.lastOption}},{key:"nextItem",get:function(){var e,t=this.option?this.option.textComparison:void 0,n=this.lastOption?this.lastOption.textComparison:void 0,o=this.filteredOptions.map((function(e){return e.textComparison}));return t!==n?(e=o.indexOf(t),this.filteredOptions[e+1]):this.firstOption}},{key:"listbox",get:function(){return this._listbox||(this._listbox=this.shadowRoot&&this.shadowRoot.querySelector("#".concat(this.id,"-list"))?this.shadowRoot.querySelector("#".concat(this.id,"-list")):void 0),this._listbox}},{key:"input",get:function(){return this._input||(this._input=this.field?this.field:this.shadowRoot&&this.shadowRoot.querySelector("#".concat(this.id))?this.shadowRoot.querySelector("#".concat(this.id)):void 0),this._input}},{key:"keyCode",get:function(){return{BACKSPACE:8,TAB:9,RETURN:13,ESC:27,SPACE:32,PAGEUP:33,PAGEDOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40}}}],[{key:"tag",get:function(){return"simple-fields-combo"}},{key:"styles",get:function(){return[l(c(t),"styles",this),g(yt||(yt=r(['\n :host([expanded]) {\n overflow: visible;\n }\n :host(:focus-within),\n :host(:hover),\n ul:hover,\n li:hover {\n z-index: 2;\n }\n .input-option {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1 1 100%;\n }\n .box-input {\n flex: 1 1 auto;\n }\n ul[role="listbox"] {\n opacity: 0;\n position: absolute;\n list-style: none;\n max-height: var(--simple-fields-combo-max-height, 12em);\n max-width: 100%;\n left: 0;\n }\n :host([align-right]) ul[role="listbox"] {\n right: 0;\n left: unset;\n }\n :host([justify]) ul[role="listbox"] {\n right: 0;\n left: 0;\n }\n :host([expanded]:hover) ul[role="listbox"],\n :host([expanded]:focus-within) ul[role="listbox"] {\n opacity: 1;\n }\n\n ul[role="listbox"] li[role="option"] {\n margin: 0;\n padding: 0;\n padding-left: 0.125em;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n background-color: var(--simple-fields-background-color, white);\n }\n\n [role="listbox"] [role="option"] {\n display: block;\n margin: 0.25em;\n padding: 0;\n font-size: 100%;\n }\n\n [role="listbox"] [role="option"][aria-selected="true"] {\n background-color: var(--simple-fields-active-color, #eeeeee);\n }\n\n [role="listbox"].focus [role="option"][aria-selected="true"] {\n background-color: var(--simple-fields-accent-color-light, #d9eaff);\n border-color: var(--simple-fields-accent-color, #3f51b5);\n }\n\n [role="listbox"] li[role="option"]:hover {\n background-color: var(--simple-fields-accent-color-light, #d9eaff);\n }\n ::slotted([slot="prefix"]:not(:empty)) {\n margin-right: 0.25em;\n }\n ::slotted([slot="suffix"]:not(:empty)) {\n margin: 0 0.25em;\n }\n '])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{activeDescendant:{type:String},alignRight:{type:Boolean,reflect:!0,attribute:"align-right"},expanded:{type:Boolean,reflect:!0},justify:{type:Boolean,reflect:!0},filter:{type:String},filteredOptions:{type:Array},inputFocus:{type:Boolean},inputHover:{type:Boolean},listFocus:{type:Boolean},listHover:{type:Boolean},hoveredOption:{type:Object}})}}])}(X(h));customElements.define(Ct.tag,Ct);var Lt,Bt,Mt,zt=function(e){function t(){return d(this,t),u(this,t)}return o(t,e),i(t,[{key:"render",value:function(){return a(At||(At=r(["","",""])),this.previewTemplate,this.labelTemplate)}},{key:"iconTypes",get:function(){return{anchor:"hax:anchor",page:"lrn:content",pdf:"hax:file-pdf",doc:"hax:file-doc",docx:"hax:file-docx",ppt:"hax:file-ppt",pptx:"hax:file-ppt",csv:"hax:file-csv",xls:"hax:file-xls",xlsx:"hax:file-xls",url:"icons:language",file:"hax:file-blank",mp4:"av:movie",mov:"av:movie",webm:"av:movie",mp3:"av:volume-up",wav:"av:volume-up",html:"icons:language",tel:"communication:phone",email:"icons:mail"}}},{key:"currentLocation",get:function(){return globalThis.location}},{key:"resourceURL",get:function(){return new URL(this.value||"./",this.currentLocation)}},{key:"isLocal",get:function(){return!!this.resourceURL.hostname&&this.resourceURL.hostname==this.currentLocation.hostname}},{key:"isSamePage",get:function(){return this.isLocal&&"".concat(this.resourceURL.pathname).concat(this.resourceURL.search)==="".concat(this.currentLocation.pathname).concat(this.currentLocation.search)}},{key:"isAnchor",get:function(){return this.isSamePage&&!!this.resourceURL.hash}},{key:"fileExtension",get:function(){var e=(this.resourceURL&&this.resourceURL.pathname?this.resourceURL.pathname:"").match(/\.\w+$/);return((e&&e[0]?e[0].replace(/^\./,""):this.type?this.type:"")||"").toLowerCase()}},{key:"imageTypes",get:function(){return["gif","svg","png","jpg","jpeg"]}},{key:"pageTypes",get:function(){return["html","htm","php",""]}},{key:"isPage",get:function(){return this.pageTypes.includes(this.fileExtension)}},{key:"isEmail",get:function(){return!!this.resourceURL&&"mailto:"===this.resourceURL.protocol}},{key:"isPhone",get:function(){return!!this.resourceURL&&"tel:"===this.resourceURL.protocol}},{key:"isImage",get:function(){return this.imageTypes.includes(this.fileExtension)}},{key:"previewSrc",get:function(){return this.preview&&""!==this.preview.trim()?this.preview:void 0}},{key:"iconName",get:function(){return this.icon&&""!==this.icon.trim()?this.icon:this.isAnchor?this.iconTypes.anchor:this.isLocal&&this.isPage?this.iconTypes.page:this.isPage?this.iconTypes.html:this.isEmail?this.iconTypes.email:this.isPhone?this.iconTypes.tel:this.fileExtension&&""!==this.fileExtension?this.iconTypes[this.fileExtension]:this.iconTypes.file}},{key:"iconTemplate",get:function(){return a(kt||(kt=r([''])),this.iconName)}},{key:"imageTemplate",get:function(){return a(wt||(wt=r([''])),this.previewSrc)}},{key:"previewTemplate",get:function(){return this.preview&&""!==this.preview?this.imageTemplate:this.icon&&""!==this.icon?this.iconTemplate:this.previewSrc&&""!==this.previewSrc?this.imageTemplate:this.iconName&&""!==this.iconName?this.iconTemplate:""}},{key:"labelTemplate",get:function(){return a(Et||(Et=r(['\n ',"\n ","\n "])),this.primaryLabelTemplate,this.name&&""!==this.name.trim()?this.secondaryLabelTemplate:"")}},{key:"primaryLabelTemplate",get:function(){return this.name&&""!==this.name.trim()?a(_t||(_t=r(['',""])),this.name):this.value&&""!==this.value.trim()?a(Tt||(Tt=r(['',""])),this.value):""}},{key:"secondaryLabelTemplate",get:function(){return this.value&&""!==this.value.trim()?a(St||(St=r(['',""])),this.value):""}},{key:"firstUpdated",value:function(e){}},{key:"updated",value:function(e){e.forEach((function(e,t){}))}}],[{key:"styles",get:function(){return[g(Nt||(Nt=r(['\n :host {\n display: flex;\n align-items: center;\n padding: var(--simple-fields-button-padding, 2px);\n font-size: var(--simple-fields-detail-font-size, 12px);\n }\n\n :host([hidden]) {\n display: none;\n }\n *[part="preview"] {\n width: var(--simple-fields-url-combo-preview-size, 26px);\n height: var(--simple-fields-url-combo-preview-size, 26px);\n --simple-icon-height: var(\n --simple-fields-url-combo-preview-size,\n 26px\n );\n --simple-icon-width: var(\n --simple-fields-url-combo-preview-size,\n 26px\n );\n margin-right: var(--simple-fields-button-padding, 2px);\n }\n span[part="preview"] {\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n border-radius: var(--simple-fields-border-radius, 2px);\n }\n span[part="label"] {\n max-width: 100%;\n flex: 1 1 auto;\n }\n span[part="label"] span {\n display: block;\n line-height: 100%;\n margin: 0;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n span[part="label-secondary"] {\n font-size: var(--simple-fields-meta-font-size, 10px);\n opacity: var(--simple-fields-meta-opacity, unset);\n color: var(--simple-fields-meta-color);\n }\n '])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{name:{name:"name",type:String,reflectToAttribute:!0},icon:{name:"icon",type:String,reflectToAttribute:!0},preview:{name:"preview",type:String,reflectToAttribute:!0},type:{name:"type",type:String,reflectToAttribute:!0},value:{name:"value",type:String,reflectToAttribute:!0}})}},{key:"tag",get:function(){return"simple-fields-url-combo-item"}}])}(h);customElements.define(zt.tag,zt);var Pt=function(e){function t(){var e;return d(this,t),(e=u(this,t)).grid=!1,e}return o(t,e),i(t,[{key:"isListboxHidden",get:function(){return!(this.alwaysExpanded||this.expanded)||this.hidden||this.filteredOptions.length<1}},{key:"listboxTemplate",get:function(){return a(Lt||(Lt=r(['\n
    \n
    \n ',"\n "])),l(c(t.prototype),"listboxTemplate",this))}},{key:"getListItemInner",value:function(e){return a(Bt||(Bt=r(['\n '])),e.icon,e.name,e.preview,e.type,e.value)}},{key:"getOptionData",value:function(e,t){return{value:"object"===R(e)?e.value:e,name:"object"===R(e)?e.name:void 0,icon:"object"===R(e)?e.icon:void 0,preview:"object"===R(e)?e.preview:void 0,type:"object"===R(e)?e.type:void 0,id:t}}},{key:"sortedOptions",get:function(){var e=this,t=(this.itemsList||[]).map((function(t,n){return"object"===R(t)?t:e.getOptionData(t,n)}));return Object.keys(this.options||{}).sort((function(e,t){return e>t?1:-1})).forEach((function(n){return t.push(e.getOptionData(e.options[n],t.length))})),t}},{key:"possibleEmail",value:function(e){return e.match(/^\S+@\S+.\S+$/)}},{key:"possiblePhone",value:function(e){return e.match(/^(\+\d{1,3}\s?)?((\(\d{3}\)\s?)|(\d{3})(\s|-?))(\d{3}(\s|-?))(\d{4})(\s?(([E|e][X|x][T|t][\:|\.|]?)|x|X)(\s?\d+))?$/)}},{key:"filterOptions",value:function(e,n){l(c(t.prototype),"filterOptions",this).call(this,e,n),this.possibleEmail(e)?(this.filteredOptions=[{value:"mailto:".concat(e),id:"mailto"}].concat(m(this.filteredOptions)),this.open()):this.possiblePhone(e)&&(this.filteredOptions=[{value:"tel:".concat(e.replace(/[\(\)\-\s\:\.]/g,"").replace(/[a-zA-Z]+/,"p")),id:"tel"}].concat(m(this.filteredOptions)),this.open())}}],[{key:"tag",get:function(){return"simple-fields-url-combo"}},{key:"styles",get:function(){return[l(c(t),"styles",this),g(Mt||(Mt=r(['\n :host([display-as="grid"]) {\n --simple-fields-url-combo-preview-size: var(\n --simple-fields-url-combo-grid-preview-size,\n 100px\n );\n }\n ul[role="listbox"] li[role="option"]:not(:last-child) {\n border-bottom: 1px solid var(--simple-fields-border-color-light, #ccc);\n }\n :host([display-as="columns"]) ul[role="listbox"] li[role="option"],\n :host([display-as="grid"]) ul[role="listbox"] li[role="option"] {\n border-radius: var(--simple-fields-border-radius, 2px);\n border: 1px solid var(--simple-fields-border-color-light, #ccc);\n }\n :host([always-expanded]) #field-main-inner {\n flex-wrap: wrap;\n --simple-fields-combo-max-height: var(\n --simple-fields-url-combox-expanded-max-height,\n unset\n );\n }\n .input-bottom,\n :host([always-expanded]) .border-bottom:not(.input-bottom),\n :host([always-expanded]) [part="option-icon"],\n :host([has-suggestions="false"]) [part="option-icon"] {\n display: none;\n }\n :host([always-expanded]) .input-bottom {\n display: block;\n }\n :host([always-expanded]) ul[role="listbox"] {\n border: none;\n position: static;\n opacity: 1;\n flex: 1 0 100%;\n margin: var(--simple-fields-margin-small, 8px) 0;\n }\n :host([display-as="columns"]) ul[role="listbox"] {\n grid-gap: var(--simple-fields-button-padding, 2px);\n }\n :host([display-as="grid"]) ul[role="listbox"] {\n grid-gap: var(--simple-fields-margin-small, 8px);\n }\n :host([display-as="columns"]) ul[role="listbox"],\n :host([display-as="grid"]) ul[role="listbox"] {\n display: grid;\n grid-template-columns: repeat(\n auto-fill,\n minmax(\n calc(\n var(--simple-fields-url-combo-preview-size) + 2 *\n var(--simple-fields-button-padding, 2px)\n ),\n 1fr\n )\n );\n }\n :host([display-as="grid"]) simple-fields-url-combo-item,\n :host([display-as="grid"]) ::slotted(simple-fields-url-combo-item) {\n flex-direction: column;\n align-items: center;\n text-align: center;\n justify-content: space-between;\n padding: var(--simple-fields-margin-small, 8px);\n }\n :host([display-as="grid"]) simple-fields-url-combo-item::part(preview),\n :host([display-as="grid"])\n ::slotted(simple-fields-url-combo-item::part(preview)) {\n display: block;\n margin-right: 0;\n }\n '])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{displayAs:{type:String,attribute:"display-as",reflect:!0},alwaysExpanded:{type:Boolean,attribute:"always-expanded",reflect:!0}})}}])}(Ct);customElements.define(Pt.tag,Pt);var Ot=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,null,[{key:"version",get:function(){return"1.6.1"}}])}(Y(HTMLElement));customElements.define("vaadin-lumo-styles",Ot);var Ht=document.createElement("template");Ht.innerHTML='\n \n',document.head.appendChild(Ht.content);var Rt=document.createElement("template");Rt.innerHTML='\n \n\n \n\n \n',document.head.appendChild(Rt.content);var Dt=document.createElement("template");Dt.innerHTML="\n \n",document.head.appendChild(Dt.content);var Ft=document.createElement("template");Ft.innerHTML="\n \n",document.head.appendChild(Ft.content);var It=document.createElement("template");It.innerHTML="\n \n",document.head.appendChild(It.content);var Ut=document.createElement("template");Ut.innerHTML='\n \n\n \n',document.head.appendChild(Ut.content);var qt,jt=document.createElement("template");jt.innerHTML='\n \n',document.head.appendChild(jt.content);var Gt=Q(qt||(qt=r(['\n \n'])));document.head.appendChild(Gt.content);var Vt=function(e){return function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,null,[{key:"finalize",value:function(){var e=this;l(c(t),"finalize",this).call(this);var n=this.prototype._template,o=this.template&&this.template.parentElement&&this.template.parentElement.id===this.is,i=Object.getPrototypeOf(this.prototype)._template;i&&!o&&Array.from(i.content.querySelectorAll("style[include]")).forEach((function(t){e._includeStyle(t.getAttribute("include"),n)})),this._includeMatchingThemes(n)}},{key:"_includeMatchingThemes",value:function(e){var t=this,n=K.prototype.modules,o=!1,i=this.is+"-default-theme";Object.keys(n).sort((function(e,t){var n=0===e.indexOf("vaadin-"),o=0===t.indexOf("vaadin-"),i=["lumo-","material-"],a=i.filter((function(t){return 0===e.indexOf(t)})).length>0,r=i.filter((function(e){return 0===t.indexOf(e)})).length>0;return n!==o?n?-1:1:a!==r?a?-1:1:0})).forEach((function(a){if(a!==i){var r=n[a].getAttribute("theme-for");r&&r.split(" ").forEach((function(n){new RegExp("^"+n.split("*").join(".*")+"$").test(t.is)&&(o=!0,t._includeStyle(a,e))}))}})),!o&&n[i]&&this._includeStyle(i,e)}},{key:"_includeStyle",value:function(e,t){if(t&&!t.content.querySelector('style[include="'.concat(e,'"]'))){var n=document.createElement("style");n.setAttribute("include",e),t.content.appendChild(n)}}}])}(function(e){return function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"attributeChangedCallback",value:function(e,n,o){l(c(t.prototype),"attributeChangedCallback",this).call(this,e,n,o),"theme"===e&&this._setTheme(o)}}],[{key:"properties",get:function(){return{theme:{type:String,readOnly:!0}}}}])}(e)}(e))},Wt=!1;window.addEventListener("keydown",(function(){Wt=!0}),{capture:!0}),window.addEventListener("mousedown",(function(){Wt=!1}),{capture:!0});var Xt,Yt=function(){return i((function e(){d(this,e)}),null,[{key:"detectScrollType",value:function(){var e=document.createElement("div");e.textContent="ABCD",e.dir="rtl",e.style.fontSize="14px",e.style.width="4px",e.style.height="1px",e.style.position="absolute",e.style.top="-1000px",e.style.overflow="scroll",document.body.appendChild(e);var t="reverse";return e.scrollLeft>0?t="default":(e.scrollLeft=2,e.scrollLeft<2&&(t="negative")),document.body.removeChild(e),t}},{key:"getNormalizedScrollLeft",value:function(e,t,n){var o=n.scrollLeft;if("rtl"!==t||!e)return o;switch(e){case"negative":return n.scrollWidth-n.clientWidth+o;case"reverse":return n.scrollWidth-n.clientWidth-o}return o}},{key:"setNormalizedScrollLeft",value:function(e,t,n,o){if("rtl"===t&&e)switch(e){case"negative":n.scrollLeft=n.clientWidth-n.scrollWidth+o;break;case"reverse":n.scrollLeft=n.scrollWidth-n.clientWidth-o;break;default:n.scrollLeft=o}else n.scrollLeft=o}}])}(),Qt=[];new MutationObserver((function(){var e=Jt();Qt.forEach((function(t){Kt(t,e)}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});var Kt=function(e,t){t?e.setAttribute("dir",t):e.removeAttribute("dir")},Jt=function(){return document.documentElement.getAttribute("dir")},Zt=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,$t=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function en(e,t){if("function"==typeof e){var n=Zt.exec(e.toString());if(n)try{e=new Function(n[1])}catch(e){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",e)}return e(t)}}window.Vaadin=window.Vaadin||{};var tn=function(e,t){if(window.Vaadin.developmentMode)return en(e,t)};function nn(){}void 0===window.Vaadin.developmentMode&&(window.Vaadin.developmentMode=function(){try{return!!localStorage.getItem("vaadin.developmentmode.force")||["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0&&($t?!($t&&Object.keys($t).map((function(e){return $t[e]})).filter((function(e){return e.productionMode})).length>0):!en((function(){return!0})))}catch(e){return!1}}());var on,an=function(){return tn(nn)};window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations=window.Vaadin.registrations||[],window.Vaadin.developmentModeCallback=window.Vaadin.developmentModeCallback||{},window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){an&&an()};var rn,sn,ln=new Set,cn=function(e){return function(e){function t(){var e;return d(this,t),e=u(this,t),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add to the HTML document.'),e}return o(t,e),i(t,null,[{key:"finalize",value:function(){l(c(t),"finalize",this).call(this);var e=this.is;e&&!ln.has(e)&&(window.Vaadin.registrations.push(this),ln.add(e),window.Vaadin.developmentModeCallback&&(on=J.debounce(on,Z,(function(){window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),$(on)))}}])}(function(e){return function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"connectedCallback",value:function(){l(c(t.prototype),"connectedCallback",this).call(this),this.hasAttribute("dir")||(this.__subscribe(),Kt(this,Jt()))}},{key:"attributeChangedCallback",value:function(e,n,o){if(l(c(t.prototype),"attributeChangedCallback",this).call(this,e,n,o),"dir"===e){var i=o===Jt()&&-1===Qt.indexOf(this),a=!o&&n&&-1===Qt.indexOf(this),r=o!==Jt()&&n===Jt();i||a?(this.__subscribe(),Kt(this,Jt())):r&&this.__subscribe(!1)}}},{key:"disconnectedCallback",value:function(){l(c(t.prototype),"disconnectedCallback",this).call(this),this.__subscribe(!1),this.removeAttribute("dir")}},{key:"__subscribe",value:function(){arguments.length>0&&void 0!==arguments[0]&&!arguments[0]?Qt.indexOf(this)>-1&&Qt.splice(Qt.indexOf(this),1):-1===Qt.indexOf(this)&&Qt.push(this)}},{key:"__getNormalizedScrollLeft",value:function(e){return Yt.getNormalizedScrollLeft(Xt,this.getAttribute("dir")||"ltr",e)}},{key:"__setNormalizedScrollLeft",value:function(e,t){return Yt.setNormalizedScrollLeft(Xt,this.getAttribute("dir")||"ltr",e,t)}}],[{key:"properties",get:function(){return{dir:{type:String,readOnly:!0}}}},{key:"finalize",value:function(){l(c(t),"finalize",this).call(this),Xt||(Xt=Yt.detectScrollType())}}])}(e)}(e))},dn=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"ready",value:function(){l(c(t.prototype),"ready",this).call(this),this.setAttribute("role","button"),this.$.button.setAttribute("role","presentation"),this._addActiveListeners(),window.ShadyDOM&&window.ShadyDOM.flush()}},{key:"disconnectedCallback",value:function(){l(c(t.prototype),"disconnectedCallback",this).call(this),this.hasAttribute("active")&&this.removeAttribute("active")}},{key:"_addActiveListeners",value:function(){var e=this;ee(this,"down",(function(){return!e.disabled&&e.setAttribute("active","")})),ee(this,"up",(function(){return e.removeAttribute("active")})),this.addEventListener("keydown",(function(t){return!e.disabled&&[13,32].indexOf(t.keyCode)>=0&&e.setAttribute("active","")})),this.addEventListener("keyup",(function(){return e.removeAttribute("active")})),this.addEventListener("blur",(function(){return e.removeAttribute("active")}))}},{key:"focusElement",get:function(){return this.$.button}}],[{key:"template",get:function(){return Q(rn||(rn=r(['\n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n'],['\n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n'])))}},{key:"is",get:function(){return"vaadin-button"}},{key:"version",get:function(){return"2.4.0"}}])}(cn(function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"_keyboardActive",get:function(){return Wt}},{key:"ready",value:function(){var e=this;this.addEventListener("focusin",(function(t){t.composedPath()[0]===e?e.contains(t.relatedTarget)||e._focus():-1===t.composedPath().indexOf(e.focusElement)||e.disabled||e._setFocused(!0)})),this.addEventListener("focusout",(function(t){return e._setFocused(!1)})),l(c(t.prototype),"ready",this).call(this);var n=function(e){e.composed||e.target.dispatchEvent(new CustomEvent(e.type,{bubbles:!0,composed:!0,cancelable:!1}))};this.shadowRoot.addEventListener("focusin",n),this.shadowRoot.addEventListener("focusout",n),this.addEventListener("keydown",(function(t){if(!t.defaultPrevented&&9===t.keyCode)if(t.shiftKey)e._isShiftTabbing=!0,HTMLElement.prototype.focus.apply(e),e._setFocused(!1),setTimeout((function(){return e._isShiftTabbing=!1}),0);else{var n=window.navigator.userAgent.match(/Firefox\/(\d\d\.\d)/);if(n&&parseFloat(n[1])>=63&&parseFloat(n[1])<66&&e.parentNode&&e.nextSibling){var o=document.createElement("input");o.style.position="absolute",o.style.opacity="0",o.tabIndex=e.tabIndex,e.parentNode.insertBefore(o,e.nextSibling),o.focus(),o.addEventListener("focusout",(function(){return e.parentNode.removeChild(o)}))}}})),this.autofocus&&!this.disabled&&window.requestAnimationFrame((function(){e._focus(),e._setFocused(!0),e.setAttribute("focus-ring","")}))}},{key:"disconnectedCallback",value:function(){l(c(t.prototype),"disconnectedCallback",this).call(this),this.hasAttribute("focused")&&this._setFocused(!1)}},{key:"_setFocused",value:function(e){e?this.setAttribute("focused",""):this.removeAttribute("focused"),e&&Wt?this.setAttribute("focus-ring",""):this.removeAttribute("focus-ring")}},{key:"focusElement",get:function(){return window.console.warn("Please implement the 'focusElement' property in <".concat(this.localName,">")),this}},{key:"_focus",value:function(){this.focusElement&&!this._isShiftTabbing&&(this.focusElement.focus(),this._setFocused(!0))}},{key:"focus",value:function(){this.focusElement&&!this.disabled&&(this.focusElement.focus(),this._setFocused(!0))}},{key:"blur",value:function(){this.focusElement&&(this.focusElement.blur(),this._setFocused(!1))}},{key:"_disabledChanged",value:function(e){this.focusElement.disabled=e,e?(this.blur(),this._previousTabIndex=this.tabindex,this.tabindex=-1,this.setAttribute("aria-disabled","true")):(void 0!==this._previousTabIndex&&(this.tabindex=this._previousTabIndex),this.removeAttribute("aria-disabled"))}},{key:"_tabindexChanged",value:function(e){void 0!==e&&(this.focusElement.tabIndex=e),this.disabled&&this.tabindex&&(-1!==this.tabindex&&(this._previousTabIndex=this.tabindex),this.tabindex=e=void 0),window.ShadyDOM&&this.setProperties({tabIndex:e,tabindex:e})}},{key:"click",value:function(){this.disabled||l(c(t.prototype),"click",this).call(this)}}],[{key:"properties",get:function(){return{autofocus:{type:Boolean},_previousTabIndex:{type:Number},disabled:{type:Boolean,observer:"_disabledChanged",reflectToAttribute:!0},_isShiftTabbing:{type:Boolean}}}}])}(function(e){return function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,null,[{key:"properties",get:function(){var e={tabindex:{type:Number,value:0,reflectToAttribute:!0,observer:"_tabindexChanged"}};return window.ShadyDOM&&(e.tabIndex=e.tabindex),e}}])}(e)}(Vt(te(ne))))));customElements.define(dn.is,dn);var un=Q(sn||(sn=r(['\n \n\n \n'])));document.head.appendChild(un.content);var hn,pn,mn=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,null,[{key:"template",get:function(){return Q(hn||(hn=r(['\n \n\n
    \n
    \n
    \n'])))}},{key:"is",get:function(){return"vaadin-progress-bar"}},{key:"version",get:function(){return"1.3.0"}}])}(cn(Vt(function(e){return function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"ready",value:function(){l(c(t.prototype),"ready",this).call(this),this.setAttribute("role","progressbar")}},{key:"_normalizedValueChanged",value:function(e,t,n){var o=this._normalizeValue(e,t,n);this.style.setProperty("--vaadin-progress-value",o),this.updateStyles({"--vaadin-progress-value":String(o)})}},{key:"_valueChanged",value:function(e,t){this.setAttribute("aria-valuenow",e)}},{key:"_minChanged",value:function(e,t){this.setAttribute("aria-valuemin",e)}},{key:"_maxChanged",value:function(e,t){this.setAttribute("aria-valuemax",e)}},{key:"_normalizeValue",value:function(e,t,n){var o;return e||0==e?t>=n?o=1:(o=(e-t)/(n-t),o=Math.min(Math.max(o,0),1)):o=0,o}}],[{key:"properties",get:function(){return{value:{type:Number,observer:"_valueChanged"},min:{type:Number,value:0,observer:"_minChanged"},max:{type:Number,value:1,observer:"_maxChanged"},indeterminate:{type:Boolean,value:!1,reflectToAttribute:!0}}}},{key:"observers",get:function(){return["_normalizedValueChanged(value, min, max)"]}}])}(e)}(ne))));customElements.define(mn.is,mn);var vn=Q(pn||(pn=r(['\n \n\n \n'])));document.head.appendChild(vn.content);var gn,fn=document.createElement("template");fn.innerHTML="\n \n",document.head.appendChild(fn.content);var bn,yn=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"_fileAborted",value:function(e){e&&this._remove()}},{key:"_remove",value:function(){this.dispatchEvent(new CustomEvent("file-remove",{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_formatProgressValue",value:function(e){return e/100}},{key:"_fireFileEvent",value:function(e){return e.preventDefault(),this.dispatchEvent(new CustomEvent(e.target.getAttribute("file-event"),{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_toggleHostAttribute",value:function(e,t){var n=Boolean(e);this.hasAttribute(t)!==n&&(n?this.setAttribute(t,""):this.removeAttribute(t))}}],[{key:"template",get:function(){return Q(gn||(gn=r(['\n \n\n
    \n
    \n
    \n
    \n\n
    \n
    [[file.name]]
    \n
    [[file.status]]
    \n
    [[file.error]]
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n\n \n \n'],['\n \n\n
    \n
    \n
    \n
    \n\n
    \n
    [[file.name]]
    \n
    [[file.status]]
    \n
    [[file.error]]
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n\n \n \n'])))}},{key:"is",get:function(){return"vaadin-upload-file"}},{key:"properties",get:function(){return{file:Object}}},{key:"observers",get:function(){return["_fileAborted(file.abort)",'_toggleHostAttribute(file.error, "error")','_toggleHostAttribute(file.indeterminate, "indeterminate")','_toggleHostAttribute(file.uploading, "uploading")','_toggleHostAttribute(file.complete, "complete")']}}])}(Vt(ne));customElements.define(yn.is,yn);var xn,An,kn,wn,En=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t,[{key:"ready",value:function(){l(c(t.prototype),"ready",this).call(this),this.addEventListener("dragover",this._onDragover.bind(this)),this.addEventListener("dragleave",this._onDragleave.bind(this)),this.addEventListener("drop",this._onDrop.bind(this)),this.addEventListener("file-retry",this._onFileRetry.bind(this)),this.addEventListener("file-abort",this._onFileAbort.bind(this)),this.addEventListener("file-remove",this._onFileRemove.bind(this)),this.addEventListener("file-start",this._onFileStart.bind(this))}},{key:"_formatSize",value:function(e){if("function"==typeof this.i18n.formatSize)return this.i18n.formatSize(e);var t=this.i18n.units.sizeBase||1e3,n=~~(Math.log(e)/Math.log(t)),o=Math.max(0,Math.min(3,n-1));return parseFloat((e/Math.pow(t,n)).toFixed(o))+" "+this.i18n.units.size[n]}},{key:"_splitTimeByUnits",value:function(e){for(var t=[60,60,24,1/0],n=[0],o=0;o0;o++)n[o]=e%t[o],e=Math.floor(e/t[o]);return n}},{key:"_formatTime",value:function(e,t){if("function"==typeof this.i18n.formatTime)return this.i18n.formatTime(e,t);for(;t.length<3;)t.push(0);return t.reverse().map((function(e){return(e<10?"0":"")+e})).join(":")}},{key:"_formatFileProgress",value:function(e){return e.totalStr+": "+e.progress+"% ("+(e.loaded>0?this.i18n.uploading.remainingTime.prefix+e.remainingStr:this.i18n.uploading.remainingTime.unknown)+")"}},{key:"_maxFilesAdded",value:function(e,t){return e>=0&&t>=e}},{key:"_onDragover",value:function(e){e.preventDefault(),this.nodrop||this._dragover||(this._dragoverValid=!this.maxFilesReached,this._dragover=!0),e.dataTransfer.dropEffect=!this._dragoverValid||this.nodrop?"none":"copy"}},{key:"_onDragleave",value:function(e){e.preventDefault(),this._dragover&&!this.nodrop&&(this._dragover=this._dragoverValid=!1)}},{key:"_onDrop",value:function(e){this.nodrop||(e.preventDefault(),this._dragover=this._dragoverValid=!1,this._addFiles(e.dataTransfer.files))}},{key:"_createXhr",value:function(){return new XMLHttpRequest}},{key:"_configureXhr",value:function(e){if("string"==typeof this.headers)try{this.headers=JSON.parse(this.headers)}catch(e){this.headers=void 0}for(var t in this.headers)e.setRequestHeader(t,this.headers[t]);this.timeout&&(e.timeout=this.timeout),e.withCredentials=this.withCredentials}},{key:"_setStatus",value:function(e,t,n,o){e.elapsed=o,e.elapsedStr=this._formatTime(e.elapsed,this._splitTimeByUnits(e.elapsed)),e.remaining=Math.ceil(o*(t/n-1)),e.remainingStr=this._formatTime(e.remaining,this._splitTimeByUnits(e.remaining)),e.speed=~~(t/o/1024),e.totalStr=this._formatSize(t),e.loadedStr=this._formatSize(n),e.status=this._formatFileProgress(e)}},{key:"uploadFiles",value:function(e){e&&!Array.isArray(e)&&(e=[e]),e=(e=e||this.files).filter((function(e){return!e.complete})),Array.prototype.forEach.call(e,this._uploadFile.bind(this))}},{key:"_uploadFile",value:function(e){var t=this;if(!e.uploading){var n,o=Date.now(),i=e.xhr=this._createXhr();i.upload.onprogress=function(a){clearTimeout(n);var r=(Date.now()-o)/1e3,s=a.loaded,l=a.total,c=~~(s/l*100);e.loaded=s,e.progress=c,e.indeterminate=s<=0||s>=l,e.error?e.indeterminate=e.status=void 0:e.abort||(c<100?(t._setStatus(e,l,s,r),n=setTimeout((function(){e.status=t.i18n.uploading.status.stalled,t._notifyFileChanges(e)}),2e3)):(e.loadedStr=e.totalStr,e.status=t.i18n.uploading.status.processing)),t._notifyFileChanges(e),t.dispatchEvent(new CustomEvent("upload-progress",{detail:{file:e,xhr:i}}))},i.onreadystatechange=function(){if(4==i.readyState){if(clearTimeout(n),e.indeterminate=e.uploading=!1,e.abort)return void t._notifyFileChanges(e);if(e.status="",!t.dispatchEvent(new CustomEvent("upload-response",{detail:{file:e,xhr:i},cancelable:!0})))return;0===i.status?e.error=t.i18n.uploading.error.serverUnavailable:i.status>=500?e.error=t.i18n.uploading.error.unexpectedServerError:i.status>=400&&(e.error=t.i18n.uploading.error.forbidden),e.complete=!e.error,t.dispatchEvent(new CustomEvent("upload-".concat(e.error?"error":"success"),{detail:{file:e,xhr:i}})),t._notifyFileChanges(e)}};var a=new FormData;if(e.uploadTarget=e.uploadTarget||this.target||"",e.formDataName=this.formDataName,this.dispatchEvent(new CustomEvent("upload-before",{detail:{file:e,xhr:i},cancelable:!0})))a.append(e.formDataName,e,e.name),i.open(this.method,e.uploadTarget,!0),this._configureXhr(i),e.status=this.i18n.uploading.status.connecting,e.uploading=e.indeterminate=!0,e.complete=e.abort=e.error=e.held=!1,i.upload.onloadstart=function(){t.dispatchEvent(new CustomEvent("upload-start",{detail:{file:e,xhr:i}})),t._notifyFileChanges(e)},this.dispatchEvent(new CustomEvent("upload-request",{detail:{file:e,xhr:i,formData:a},cancelable:!0}))&&i.send(a)}}},{key:"_retryFileUpload",value:function(e){this.dispatchEvent(new CustomEvent("upload-retry",{detail:{file:e,xhr:e.xhr},cancelable:!0}))&&this._uploadFile(e)}},{key:"_abortFileUpload",value:function(e){this.dispatchEvent(new CustomEvent("upload-abort",{detail:{file:e,xhr:e.xhr},cancelable:!0}))&&(e.abort=!0,e.xhr&&e.xhr.abort(),this._notifyFileChanges(e))}},{key:"_notifyFileChanges",value:function(e){var t="files."+this.files.indexOf(e)+".";for(var n in e)e.hasOwnProperty(n)&&this.notifyPath(t+n,e[n])}},{key:"_addFiles",value:function(e){Array.prototype.forEach.call(e,this._addFile.bind(this))}},{key:"_addFile",value:function(e){if(this.maxFilesReached)this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:e,error:this.i18n.error.tooManyFiles}}));else if(this.maxFileSize>=0&&e.size>this.maxFileSize)this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:e,error:this.i18n.error.fileIsTooBig}}));else{var t=e.name.match(/\.[^\.]*$|$/)[0],n=new RegExp("^("+this.accept.replace(/[, ]+/g,"|").replace(/\/\*/g,"/.*")+")$","i");!this.accept||n.test(e.type)||n.test(t)?(e.loaded=0,e.held=!0,e.status=this.i18n.uploading.status.held,this.unshift("files",e),this.noAuto||this._uploadFile(e)):this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:e,error:this.i18n.error.incorrectFileType}}))}}},{key:"_removeFile",value:function(e){this.files.indexOf(e)>-1&&this.splice("files",this.files.indexOf(e),1)}},{key:"_onAddFilesTouchEnd",value:function(e){e.preventDefault(),this.__resetMouseCanceller(),this._onAddFilesClick()}},{key:"__resetMouseCanceller",value:function(){oe()}},{key:"_onAddFilesClick",value:function(){this.maxFilesReached||(this.$.fileInput.value="",this.$.fileInput.click())}},{key:"_onFileInputChange",value:function(e){this._addFiles(e.target.files)}},{key:"_onFileStart",value:function(e){this._uploadFile(e.detail.file)}},{key:"_onFileRetry",value:function(e){this._retryFileUpload(e.detail.file)}},{key:"_onFileAbort",value:function(e){this._abortFileUpload(e.detail.file)}},{key:"_onFileRemove",value:function(e){this._removeFile(e.detail.file)}},{key:"_dragoverChanged",value:function(e){e?this.setAttribute("dragover",e):this.removeAttribute("dragover")}},{key:"_dragoverValidChanged",value:function(e){e?this.setAttribute("dragover-valid",e):this.removeAttribute("dragover-valid")}},{key:"_i18nPlural",value:function(e,t){return 1==e?t.one:t.many}},{key:"_isMultiple",value:function(e){return 1!=e}}],[{key:"template",get:function(){return Q(bn||(bn=r(['\n \n\n
    \n
    \n \n \n [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n \n \n
    \n
    \n \n
    \n
    \n \n [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n \n
    \n
    \n \n
    \n \n
    \n
    \n \n \n'],['\n \n\n
    \n
    \n \n \n [[_i18nPlural(maxFiles, i18n.addFiles, i18n.addFiles.*)]]\n \n \n
    \n
    \n \n
    \n
    \n \n [[_i18nPlural(maxFiles, i18n.dropFiles, i18n.dropFiles.*)]]\n \n
    \n
    \n \n
    \n \n
    \n
    \n \n \n'])))}},{key:"is",get:function(){return"vaadin-upload"}},{key:"version",get:function(){return"4.4.3"}},{key:"properties",get:function(){return{nodrop:{type:Boolean,reflectToAttribute:!0,value:function(){try{return!!document.createEvent("TouchEvent")}catch(e){return!1}}},target:{type:String,value:""},method:{type:String,value:"POST"},headers:{type:Object,value:{}},timeout:{type:Number,value:0},_dragover:{type:Boolean,value:!1,observer:"_dragoverChanged"},files:{type:Array,notify:!0,value:function(){return[]}},maxFiles:{type:Number,value:1/0},maxFilesReached:{type:Boolean,value:!1,notify:!0,readOnly:!0,reflectToAttribute:!0,computed:"_maxFilesAdded(maxFiles, files.length)"},accept:{type:String,value:""},maxFileSize:{type:Number,value:1/0},_dragoverValid:{type:Boolean,value:!1,observer:"_dragoverValidChanged"},formDataName:{type:String,value:"file"},noAuto:{type:Boolean,value:!1},withCredentials:{type:Boolean,value:!1},capture:String,i18n:{type:Object,value:function(){return{dropFiles:{one:"Drop file here",many:"Drop files here"},addFiles:{one:"Upload File...",many:"Upload Files..."},cancel:"Cancel",error:{tooManyFiles:"Too Many Files.",fileIsTooBig:"File is Too Big.",incorrectFileType:"Incorrect File Type."},uploading:{status:{connecting:"Connecting...",stalled:"Stalled.",processing:"Processing File...",held:"Queued"},remainingTime:{prefix:"remaining time: ",unknown:"unknown remaining time"},error:{serverUnavailable:"Server Unavailable",unexpectedServerError:"Unexpected Server Error",forbidden:"Forbidden"}},units:{size:["B","kB","MB","GB","TB","PB","EB","ZB","YB"]}}}}}}}])}(cn(Vt(ne)));customElements.define(En.is,En);var _n,Tn={url:new URL("./elements/simple-fields/lib/simple-fields-upload.js",document.baseURI).href},Sn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).voice=null,e.t=e.t||{},e.t=s(s({},e.t),{},{dropMediaHereOr:"drop media here or",upload:"Upload",takePhoto:"Take photo",recordAudio:"Record audio",cancel:"Cancel",uploadMedia:"Upload media"}),e.registerLocalization({context:e,namespace:"simple-fields",localesPath:new URL("../locales/simple-fields.es.json",Tn.url).href+"/../",locales:["es"]}),e.hideInput=!1,e.itemsList=[],e.autocomplete="off",e.noCamera=!1,e.noVoiceRecord=!1,e.responsiveSize="sm",e}return o(t,e),i(t,[{key:"render",value:function(){return a(xn||(xn=r(['\n
    '," ","
    \n "])),this.legend,this.fields)}},{key:"sources",get:function(){return a(An||(An=r(['\n \n \n \n \n \n \n '])),this.disabled,this.t.upload,this.responsiveSize.indexOf("s")<0,this._handleBrowse,this.disabled,this.t.takePhoto,this.responsiveSize.indexOf("s")<0,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCameraOption,!navigator.mediaDevices||this.noCamera,this.disabled,this.t.recordAudio,this.responsiveSize.indexOf("s")<0,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleAudioOption,!navigator.mediaDevices||this.noVoiceRecord)}},{key:"fields",get:function(){return a(kn||(kn=r(['\n
    \n \n \n ','..\n \n \n \n \n
    \n
    \n ',"\n ",'\n
    \n \n \n \n \n ',"\n \n \n "])),this.option,this._fileAboutToUpload,this._fileUploadResponse,this.disabled,this.disabled,this.t.upload,"selfie"==this.option||"audio"==this.option||this.hideInput,this.autofocus,this.value||"",this.disabled,this.responsiveSize.indexOf("s")<0,this.responsiveSize.indexOf("l")>-1?"grid":"",this.itemsList,(function(e){return e.stopImmediatePropagation()}),(function(e){return e.stopImmediatePropagation()}),(function(e){return e.stopImmediatePropagation()}),this.valueChanged,this.t.dropMediaHereOr,this.sources,this.disabled,this.t.cancel,(function(e){return e.preventDefault()}),(function(e){return e.preventDefault()}),this._handleCancel,"selfie"!==this.option&&"audio"!==this.option,"selfie"!==this.option,"audio"!==this.option,this.desc)}},{key:"_handleCameraOption",value:function(e){e.preventDefault(),this.option="selfie",this._takeSelfie(e)}},{key:"_handleAudioOption",value:function(e){e.preventDefault(),this.option="audio",this._voiceRecorder(e)}},{key:"_handleCancel",value:function(e){e.preventDefault(),this.option="fileupload"}},{key:"_handleBrowse",value:function(e){e.preventDefault(),this.shadowRoot.querySelector("#add-hidden").dispatchEvent(new CustomEvent("click",e))}},{key:"valueChanged",value:function(e){this.value=e.detail.value}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"value"==t&&n.dispatchEvent(new CustomEvent("value-changed",{detail:{value:n[t]}}))})),this.field&&this.__delayedFocus&&this.focus()}},{key:"field",get:function(){if(this.shadowRoot)return"selfie"==this.option&&this.shadowRoot.querySelector("#cancel")||"audio"==this.option&&this.shadowRoot.querySelector("#cancel")?this.shadowRoot.querySelector("#cancel"):!!this.shadowRoot.querySelector("#url")&&this.shadowRoot.querySelector("#url")}},{key:"focus",value:function(){this.field?(this.field.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}},{key:"_fileAboutToUpload",value:function(e){this.dispatchEvent(new CustomEvent("upload-before",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail})),this.dispatchEvent(new CustomEvent("upload-response",{bubbles:!0,cancelable:!0,composed:!1,detail:e.detail}))}},{key:"firstUpdated",value:function(e){l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),this.value?this.option="url":this.option="fileupload",globalThis.ResponsiveUtility.requestAvailability(),globalThis.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:this,attribute:"responsive-size",relativeToParent:!0,sm:150,md:300,lg:600,xl:1200}}))}},{key:"__newPhotoShowedUp",value:function(e){var t=new File([e.detail.raw],"headshot"+e.timeStamp+".jpg");this.shadowRoot.querySelector("#fileupload")._addFile(t)}},{key:"__newAudioShowedUp",value:function(e){var t=this,n=new File([e.detail.value],"voice-recording-"+e.timeStamp+".mp3");this.shadowRoot.querySelector("#fileupload")._addFile(n),this.voice.remove(),setTimeout((function(){t.voice=null}),0)}},{key:"_takeSelfie",value:function(e){var t=this;this.camera||n.import("./b2ddf5f2.js").then((function(){t.camera=globalThis.document.createElement("simple-camera-snap"),t.camera.autoplay=!0,t.camera.addEventListener("simple-camera-snap-image",t.__newPhotoShowedUp.bind(t)),t.shadowRoot.querySelector("#camerahole").appendChild(t.camera)}))}},{key:"_voiceRecorder",value:function(e){var t=this;this.voice||n.import("./2756a297.js").then((function(e){return e.bh})).then((function(){t.voice=globalThis.document.createElement("voice-recorder"),t.voice.addEventListener("voice-recorder-recording-blob",t.__newAudioShowedUp.bind(t)),t.voice.recording=!0,t.shadowRoot.querySelector("#voicerecorder").appendChild(t.voice)}))}},{key:"_resolveObjectPath",value:function(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}}],[{key:"tag",get:function(){return"simple-fields-upload"}},{key:"styles",get:function(){return[l(c(t),"styles",this)].concat(m(ie),[g(wn||(wn=r(['\n :host {\n pointer-events: all;\n overflow: visible;\n --simple-login-camera-aspect: 1.777777777777;\n --simple-camera-snap-color: var(--simple-fields-color, currentColor);\n --simple-camera-snap-background: var(\n --simple-fields-background-color,\n unset\n );\n --simple-camera-snap-border-radius: 2px;\n --lumo-font-family: var(--simple-fields-font-family, sans-serif);\n --lumo-error-color: var(--simple-fields-error-color, #b40000);\n --lumo-primary-font-color: var(--simple-fields-color, currentColor);\n --lumo-base-color: var(--simple-fields-background-color, transparent);\n }\n :host([responsive-size="xs"]),\n div[part="description"] {\n font-size: 10px;\n --simple-fields-font-size: 10px;\n --simple-fields-button-font-size: 11px;\n --simple-fields-legend-font-size: 11px;\n --simple-fields-detail-font-size: 10px;\n }\n fieldset {\n padding: 0px;\n max-width: 100%;\n }\n #upload,\n div[slot="drop-label"] {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n width: 100%;\n }\n #upload {\n border-radius: var(--simple-fields-border-radius, 2px);\n border: 1px dashed var(--simple-fields-border-color-light, #ccc);\n }\n #url {\n flex: 1 1 100%;\n margin: var(--simple-fields-margin-small, 8px) 0;\n background-color: transparent;\n }\n #upload-options {\n position: relative;\n }\n div[slot="drop-label"] > * {\n flex: 0 1 auto;\n }\n simple-fields-url-combo[always-expanded]::part(listbox) {\n background-color: transparent;\n }\n simple-toolbar-button {\n font-family: var(--simple-fields-font-family, sans-serif);\n color: var(--simple-fields-color, currentColor);\n margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n calc(0.25 * var(--simple-fields-margin-small, 8px));\n }\n simple-toolbar-button[part="cancel-media"] {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 2;\n --simple-fields-button-padding-sm: 0;\n background-color: var(--simple-fields-background-color, white);\n opacity: 0.7;\n }\n span[part="drop-area-text"] {\n font-family: var(--simple-fields-button-font-family, sans-serif);\n font-size: var(--simple-fields-button-font-size, 10px);\n white-space: nowrap;\n margin: calc(0.5 * var(--simple-fields-margin-small, 8px))\n calc(0.25 * var(--simple-fields-margin-small, 8px));\n }\n vaadin-upload {\n padding: var(--simple-fields-margin-small, 8px);\n position: relative;\n overflow: visible;\n border: none !important;\n --lumo-font-size-s: 10px;\n }\n vaadin-upload::part(file-list) {\n max-height: 140px;\n overflow-x: hidden;\n overflow-y: auto;\n }\n vaadin-upload[dragover] {\n border-color: var(\n --simple-fields-secondary-accent-color,\n var(--simple-colors-default-theme-accent-3, #77e2ff)\n );\n }\n vaadin-upload::part(drop-label) {\n font-family: var(--simple-fields-font-family, sans-serif);\n color: var(--simple-fields-color, currentColor);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n padding: 0;\n width: 100%;\n margin-top: -16px;\n }\n vaadin-upload.option-selfie::part(drop-label) {\n display: block;\n }\n vaadin-upload::part(drop-label-icon) {\n display: none;\n }\n vaadin-upload-file {\n --disabled-text-color: #var(--simple-fields-border-color, #999);\n }\n simple-camera-snap {\n --simple-camera-snap-button-container-bottom: 2px;\n --simple-camera-snap-button-container-z-index: 5;\n --simple-camera-snap-button-border-radius: 100%;\n --simple-camera-snap-button-opacity: 0.7;\n max-width: 250px;\n margin: 0 auto;\n }\n\n /** voice stuff which is in lite dom below */\n .vmsg-button {\n border: 1px solid #ccc;\n border-radius: 0;\n padding: 4px;\n margin: 0 4px;\n }\n .vmsg-timer {\n padding: 4px;\n }\n #add-hidden {\n display: none;\n }\n /** account for mobile devices not sending this event accurately */\n @media (max-width: 640px) {\n #browse {\n display: none;\n }\n #add-hidden {\n display: block;\n float: right;\n width: 100%;\n margin: 0 0 16px 0;\n }\n vaadin-upload::part(file-list) {\n max-height: 48px;\n font-size: 8px;\n }\n }\n '])))])}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{accept:{type:String},hideInput:{type:Boolean,attribute:"hide-input"},autocomplete:{type:String},autofocus:{type:Boolean},value:{type:String},option:{type:String},noCamera:{type:Boolean,attribute:"no-camera"},noVoiceRecord:{type:Boolean,attribute:"no-voice-record"},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},responsiveWidth:{type:Number,attribute:"responsive-width",reflect:!0},itemsList:{type:Object,attribute:"items-list"}})}}])}(k(V(h)));customElements.define(Sn.tag,Sn);var Nn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).showSources=!0,e.autocomplete="on",e.__winEvents={"hax-app-picker-selection":"_haxAppPickerSelection"},e.t=e.t||{},e.t=s(s({},e.t),{},{whereUpload:"Where would you like to upload this",cantHandle:"Sorry, you don't have a storage location that can handle",uploads:"uploads",dropMediaHereOr:"drop media here or",selectMedia:"Select media",upload:"Upload",takePhoto:"Take photo",recordAudio:"Record audio",cancel:"Cancel",uploadMedia:"Upload media"}),e.registerLocalization({context:e,namespace:"hax"}),e}return o(t,e),i(t,[{key:"_canUpload",value:function(){return!this.__allowUpload&&ye}},{key:"_fileAboutToUpload",value:function(e){if(this._canUpload()){e.preventDefault(),e.stopPropagation();var t={source:e.detail.file.name,type:e.detail.file.type},n=ye.guessGizmoType(t),o=ye.getHaxAppStoreTargets(n);1===o.length?this._haxAppPickerSelection({detail:o[0]}):0!==o.length?ye.haxAppPicker.presentOptions(o,n,"".concat(this.t.whereUpload," ").concat(n,"?"),"app"):ye.toast("".concat(this.t.cantHandle," ").concat(n," ").concat(this.t.uploads,"!"),5e3)}else this.__allowUpload=!1}},{key:"_haxAppPickerSelection",value:function(e){var t=e.detail.connection;this.__appUsed=e.detail,this.shadowRoot.querySelector("#fileupload").method=t.operations.add.method;var n=t.protocol+"://"+t.url;"/"!=n.substr(n.length-1)&&(n+="/"),"undefined"!==R(t.operations.add.endPoint)&&(n+=t.operations.add.endPoint),null!=ye.connectionRewrites.appendUploadEndPoint&&(n+="?"+ye.connectionRewrites.appendUploadEndPoint),null!=ye.connectionRewrites.appendJwt&&(n+="&"+ye.connectionRewrites.appendJwt+"="+ae(ye.connectionRewrites.appendJwt)),this.shadowRoot.querySelector("#fileupload").headers=t.headers,this.shadowRoot.querySelector("#fileupload").target=n,this.__allowUpload=!0,this.shadowRoot.querySelector("#fileupload").uploadFiles()}},{key:"_fileUploadResponse",value:function(e){var t=JSON.parse(e.detail.xhr.response),n=this.__appUsed.connection.operations.add.resultMap,o={},i={};for(var a in"undefined"!==R(this._resolveObjectPath(n.item,t))&&(o=this._resolveObjectPath(n.item,t)),i.type=n.defaultGizmoType,n.gizmo)i[a]=this._resolveObjectPath(n.gizmo[a],o);"undefined"===R(i.url)&&"undefined"!==R(i.source)&&(i.url=i.source),"undefined"!==R(n.gizmo.type)&&(i.type=this._resolveObjectPath(n.gizmo.type,o)),this.shadowRoot.querySelector("#url").value=i.url}},{key:"sources",get:function(){return a(_n||(_n=r([' \n \n ',""])),this.disabled,this.t.selectMedia,this.responsiveSize.indexOf("s")<0,this._clickMediaButton,!this.showSources,l(c(t.prototype),"sources",this))}},{key:"_clickMediaButton",value:function(e){var t="sources";if(this.label.toLowerCase().includes("image"))t="image";else if(this.label.toLowerCase().includes("video"))t="video";else if(ye.haxTray.activeHaxElement){var n=ye.guessGizmoType(ye.haxTray.activeHaxElement.properties);"*"!=n&&(t=n)}z.runProgram(t),"hax-upload-field"==this.tagName.toLowerCase()&&(z.programTarget=this),z.open()}}],[{key:"tag",get:function(){return"hax-upload-field"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{showSources:{type:Boolean,reflect:!0,attribute:"show-sources"}})}}])}(re(k(Sn)));customElements.define(Nn.tag,Nn);var Cn,Ln=function(e){function t(){var e;return d(this,t),(e=u(this,t)).hideInput=!0,e.__winEvents=e.__winEvents||{},e.__winEvents=s(s({},e.__winEvents),{},{"place-holder-file-drop":"_placeHolderFileDrop","hax-file-upload":"_uploadFile"}),b((function(){e._editModeChanged(y(ye.editMode))})),e}return o(t,e),i(t,[{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"t"===t&&(n.label=n.t.uploadMedia)}))}},{key:"_editModeChanged",value:function(e){!e&&this.shadowRoot&&this.shadowRoot.querySelector("#fileupload")&&(this.shadowRoot.querySelector("#fileupload").files=[])}},{key:"_fileUploadResponse",value:function(e){l(c(t.prototype),"_fileUploadResponse",this).call(this,e),this.newAssetConfigure()}},{key:"_canUpload",value:function(){return!this.__allowUpload}},{key:"newAssetConfigure",value:function(){var e={source:this.shadowRoot.querySelector("#url").value,title:this.shadowRoot.querySelector("#url").value};ye.insertLogicFromValues(e,this)}},{key:"_placeHolderFileDrop",value:function(e){ye.activePlaceHolder=e.detail.placeHolderElement,this.shadowRoot.querySelector("#fileupload")._onDrop(e.detail)}},{key:"_uploadFile",value:function(e){ye.activePlaceHolder=e.detail.placeHolderElement,ye.activePlaceHolderOperationType=e.detail.operationType,this.shadowRoot.querySelector("#fileupload")._addFile(e.detail.file)}}],[{key:"tag",get:function(){return"hax-tray-upload"}}])}(Nn);customElements.define(Ln.tag,Ln);var Bn,Mn,zn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).auto=!1,e.headers={},e.method="GET",e.loading=!1,e.requestData={},e.media=[],e.resultMap={},b((function(){ye.editMode&&(e.activeApp=y(ye.activeApp))})),ye.appSearch=e,e}return o(t,e),i(t,[{key:"loadAppData",value:(n=w(E().mark((function e(){var t,n=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return this.loading=!0,t=this.requestUrl(this.requestEndPoint,this.requestParams),e.next=4,fetch(t,{headers:this.headers,method:this.method}).then((function(e){if(e.ok)return e.json()})).then((function(e){return n._requestDataChanged(e)}));case 4:return e.abrupt("return",e.sent);case 5:case"end":return e.stop()}}),e,this)}))),function(){return n.apply(this,arguments)})},{key:"updated",value:function(e){var t=this;e.forEach((function(e,n){["auto","method","headers","requestEndPoint","requestParams"].includes(n)&&(clearTimeout(t.__debounce),t.__debounce=setTimeout((function(){t.requestEndPoint&&t.loadAppData()}),100)),"activeApp"==n&&(t.requestParams={},t.searchSchema={},setTimeout((function(){t.searchSchema={properties:{}},t._resetAppSearch(t.activeApp)}),10))}))}},{key:"requestUrl",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n="";if(null!=ye.connectionRewrites.appendUploadEndPoint&&t.__HAXAPPENDUPLOADENDPOINT__&&(n=ye.connectionRewrites.appendUploadEndPoint+"&"),null!=ye.connectionRewrites.appendJwt&&t.__HAXJWT__&&(t[ye.connectionRewrites.appendJwt]=ae(ye.connectionRewrites.appendJwt)),n+=this.queryStringData(t)){var o=e.indexOf("?")>=0?"&":"?";return e+o+n}return e}},{key:"queryStringData",value:function(e){var t,n,o=[];for(t in e)if(n=e[t],"__HAXJWT__"==t||"__HAXAPPENDUPLOADENDPOINT__"==t);else if(Array.isArray(n))for(var i=0;i]+)>)/gi,"")),n.preview.id.constructor===Object){var a=this._resolveObjectPath(n.preview.id.property,o[i]);"split"===n.preview.id.op&&(a=a.split(n.preview.id.delimiter),t[i].id=a[n.preview.id.position])}else t[i].id=this._resolveObjectPath(n.preview.id,o[i]);for(var r in"undefined"!==R(n.preview.image)?t[i].image=this._resolveObjectPath(n.preview.image,o[i]):"undefined"!==R(n.image)?t[i].image=n.image:t[i].image="",n.gizmo)if("_url_source"===r){var s="";s="undefined"!==R(t[i].map.__id)?t[i].map.__id:this._resolveObjectPath(n.gizmo.id,o[i]),t[i].map.source=n.gizmo._url_source.replace("<%= id %>",s),t[i].map.url=t[i].map.source}else if(n.gizmo[r].constructor===Object){var l=this._resolveObjectPath(n.gizmo[r].property,o[i]);"split"===n.gizmo[r].op&&(l=l.split(n.gizmo[r].delimiter),t[i].map[r]=l[n.gizmo[r].position],"id"===r&&(t[i].map.__id=t[i].map[r]))}else t[i].map[r]=this._resolveObjectPath(n.gizmo[r],o[i]);"undefined"===R(t[i].map.url)&&"undefined"!==R(t[i].map.source)&&(t[i].map.url=t[i].map.source),"undefined"!==R(n.gizmo.type)?t[i].type=this._resolveObjectPath(n.gizmo.type,o[i]):"undefined"!==R(n.gizmo.mimetype)?t[i].type=ye.mimeTypeToGizmoType(this._resolveObjectPath(n.gizmo.mimetype,o[i])):"*"!=ye.guessGizmoType(n.gizmo)&&(t[i].type=ye.guessGizmoType(n.gizmo))}this.media=[].concat(t)}}return this.loading=!1,this.media}},{key:"_resolveObjectPath",value:function(e,t){return e.split(".").reduce((function(e,t){return e?e[t]:null}),t||self)}}],[{key:"styles",get:function(){return[g(Cn||(Cn=r(["\n :host {\n display: none;\n }\n "])))]}},{key:"tag",get:function(){return"hax-app-search"}},{key:"properties",get:function(){return{activeApp:{type:Object},tos:{type:Array},auto:{type:Boolean},searchSchema:{type:Object},headers:{type:Object},method:{type:String},loading:{type:Boolean},requestData:{type:Object},media:{type:Array},requestEndPoint:{type:String},requestParams:{type:Object},resultMap:{type:Object}}}}]);var n}(h);customElements.define(zn.tag,zn);var Pn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).renderTag=null,e.activePickerSchema=-1,e}return o(t,e),i(t,[{key:"render",value:function(){return a(Bn||(Bn=r(['
    \n \n
    '])))}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){if("renderTag"===t&&n[t]){n.innerHTML="";var o,i=ye.haxSchemaFromTag(n[t]);o=-1!==n.activePickerSchema&&globalThis.document.querySelector("hax-picker")&&globalThis.document.querySelector("hax-picker")._elements&&globalThis.document.querySelector("hax-picker")._elements.length>0?P(globalThis.document.querySelector("hax-picker")._elements[n.activePickerSchema]):i.gizmo.tag&&i.demoSchema&&i.demoSchema[0]?P(i.demoSchema[0]):globalThis.document.createElement(n[t]),n.appendChild(o)}}))}}],[{key:"tag",get:function(){return"hax-element-demo"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{renderTag:{type:String,attribute:"render-tag"},activePickerSchema:{type:Number,attribute:"active-picker-schema"}})}},{key:"styles",get:function(){return[g(Mn||(Mn=r(["\n :host {\n display: block;\n overflow: hidden;\n height: 150px;\n width: 150px;\n }\n div ::slotted(*) {\n transform: scale(0.4) translate(-75%, -75%);\n width: 500px;\n max-height: 300px;\n }\n "])))]}}])}(se(h));customElements.define(Pn.tag,Pn);var On,Hn,Rn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).eventData=null,e}return o(t,e),i(t,[{key:"_voiceEvent",value:function(e){this._handleClick(e),this.click()}},{key:"_handleClick",value:function(e){this.dispatchEvent(new CustomEvent("hax-tray-button-click",{bubbles:!0,cancelable:!0,composed:!0,detail:{eventName:this.eventName,index:this.index,value:this.eventData}}))}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"voiceCommand"==t&&n.dispatchEvent(new CustomEvent("super-daemon-voice-command",{bubbles:!0,composed:!0,cancelable:!1,detail:{command:n[t],context:n,callback:"_voiceEvent"}}))}))}}],[{key:"tag",get:function(){return"hax-tray-button"}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{voiceCommand:{type:String,attribute:"voice-command"},wide:{type:Boolean,reflect:!0},index:{type:Number},eventData:{type:String,attribute:"event-data"}})}}])}(We(h));customElements.define(Rn.tag,Rn);var Dn,Fn,In,Un=function(e){function t(){return d(this,t),u(this,t,arguments)}return o(t,e),i(t)}(function(e){return function(e){function t(){return d(this,t),u(this,t)}return o(t,e),i(t,[{key:"gridStyles",get:function(){var e=[];return this.columns&&e.push("--simple-button-grid-cols:".concat(100/this.columns,"%")),e.join(";")}},{key:"toolbarTemplate",get:function(){return a(On||(On=r(['\n
    \n \n \n ',"\n
    \n \n "])),!this.alwaysExpanded&&this.collapsed?"collapsed":"",this.gridStyles,this.alwaysExpanded?"":this.moreButton)}},{key:"_bottom",value:function(e){return e&&e.offsetTop&&e.clientHeight?e.offsetTop+e.clientHeight:void 0}},{key:"resizeToolbar",value:function(){var e=this;if(!this.alwaysExpanded){var t=this.shadowRoot?this.shadowRoot.querySelector("#morebutton"):void 0;this._bottom(t);var n,o=this._bottom(this),i=m(this.children||[]),a=!0,r=[];i.forEach((function(t){if(t.removeAttribute&&t.removeAttribute("collapse-hide"),0==r.length)r.unshift(t.offsetTop);else{var i=t.offsetTop>r[0];i&&r.unshift(t.offsetTop),e.rows&&r.length>e.rows||!e.rows&&i&&e._bottom(t)>o?(t.setAttribute("collapse-hide",!0),a=!1):a?n=t:t.setAttribute("collapse-hide",!0)}})),this.collapseDisabled=a&&!(t&&n&&this._bottom(t)>o),!this.collapseDisabled&&n&&n.setAttribute("collapse-hide",!0)}}}],[{key:"tag",get:function(){return"simple-toolbar-grid"}},{key:"baseStyles",get:function(){return[g(Hn||(Hn=r(["\n :host {\n padding: 0;\n margin: 0;\n max-width: 100%;\n display: flex;\n overflow: hidden;\n flex-direction: column;\n align-items: stretch;\n overflow: hidden !important;\n --simple-button-grid-cols: var(\n --simple-toolbar-button-min-width,\n var(\n --simple-toolbar-button-width,\n var(--simple-toolbar-button-height, 24px)\n )\n );\n transition: all 0.5s;\n transition: z-index 0s;\n }\n :host([hidden]) {\n z-index: -1;\n visibility: hidden;\n opacity: 0;\n height: 0;\n }\n #grid {\n flex: 1 1 auto;\n max-width: 100%;\n overflow: auto;\n }\n\n #buttons {\n flex: 0 1 100%;\n max-width: 100%;\n display: flex;\n flex-wrap: wrap;\n --simple-toolbar-button-flex: var(\n --simple-toolbar-button-grid-flex,\n 1 1 100%\n );\n }\n #buttons {\n display: grid;\n overflow: visible;\n grid-gap: var(--simple-button-grid-margin, 4px);\n grid-template-columns: repeat(\n auto-fill,\n minmax(\n calc(\n var(--simple-button-grid-cols) - 2 *\n var(--simple-button-grid-margin, 4px)\n ),\n 1fr\n )\n );\n }\n :host([collapsed]:not([always-expanded]))\n ::slotted(*[collapse-hide]) {\n display: none !important;\n }\n "])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{columns:{type:Number,attribute:"columns"},rows:{type:Number,attribute:"rows"},disableAutogrow:{type:Boolean,attribute:"disable-autogrow",reflect:!0}})}}])}(S(e))}(h));customElements.define("simple-button-grid",Un);var qn,jn,Gn,Vn,Wn,Xn,Yn,Qn,Kn,Jn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).opened=!1,e.disabled=!1,e.event="click",e}return o(t,e),i(t,[{key:"openedToggle",value:function(e){this.disabled||(this.opened=!this.opened)}},{key:"openedChanged",value:function(e){var t=this;if(e){var n=globalThis.SimplePopoverManager.requestAvailability();M(globalThis.document.createElement("div"),n);var o,i=globalThis.document.createElement("div"),s=this.querySelectorAll('[slot="options"]');for(var l in 1===s.length&&s[0].children&&1===s[0].children.length&&"SLOT"===s[0].children[0].tagName&&(s=s[0].children[0].assignedNodes({flatten:!0})),s)if(s[l].cloneNode&&s[l].tagName){var c=s[l].cloneNode(!0);c.removeAttribute("slot"),i.appendChild(c)}if(this.querySelector('[slot="style"]')){var d=this.querySelector('[slot="style"]').cloneNode(!0),u=globalThis.document.createElement("style");u.innerHTML=d.innerHTML,o=a(Dn||(Dn=r(["","",""])),le(i.innerHTML),le(u.outerHTML))}else o=a(Fn||(Fn=r(["",""])),le(i.innerHTML));var h=globalThis.document.createElement("div");h.setAttribute("slot","body"),n.appendChild(h),M(o,h),setTimeout((function(){var e=globalThis.SimplePopoverManager.requestAvailability().querySelectorAll("*");for(var n in e)e[n].addEventListener&&e[n].addEventListener("click",t.itemSelect.bind(t));globalThis.SimplePopoverManager.requestAvailability().querySelector("[data-simple-popover-selection-active]")?globalThis.SimplePopoverManager.requestAvailability().querySelector("[data-simple-popover-selection-active]").focus():globalThis.SimplePopoverManager.requestAvailability()&&globalThis.SimplePopoverManager.requestAvailability().querySelector(":first-child")&&globalThis.SimplePopoverManager.requestAvailability().querySelector(":first-child").focus()}),0)}globalThis.SimplePopoverManager.requestAvailability().setPopover(this,this.querySelector('[slot="button"]'),e)}},{key:"managerReset",value:function(){this.opened=!1}},{key:"updated",value:function(e){var t=this;e.forEach((function(e,n){"opened"==n&&t.shadowRoot&&void 0!==e&&(t.openedChanged(t[n]),t.dispatchEvent(new CustomEvent("".concat(n,"-changed"),{detail:t})))}))}},{key:"itemSelect",value:function(e){var t=this;this.dispatchEvent(new CustomEvent("simple-popover-selection-changed",{bubbles:!0,detail:e.target})),this.opened=!1,setTimeout((function(){globalThis.SimplePopoverManager.requestAvailability().setPopover(t,t.querySelector('[slot="button"]'),!1),t.querySelector('[slot="button"]').focus()}),0)}},{key:"firstUpdated",value:function(){"click"===this.event?this.addEventListener("click",this.openedToggle.bind(this)):"hover"===this.event&&(this.addEventListener("mouseenter",this.openPopover.bind(this)),this.addEventListener("focusin",this.openPopover.bind(this)),this.addEventListener("focusout",this.closePopover.bind(this)),this.addEventListener("mouseleave",this.closePopover.bind(this)),this.addEventListener("mouseout",this.closePopover.bind(this)))}},{key:"openPopover",value:function(){var e=this;this.disabled||setTimeout((function(){e.opened=!0}),0)}},{key:"closePopover",value:function(){var e=this;setTimeout((function(){e.opened=!1}),0)}},{key:"render",value:function(){return a(In||(In=r([''])))}}],[{key:"properties",get:function(){return{opened:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},event:{type:String}}}}])}(h);customElements.define("simple-popover-selection",Jn);var Zn=function(e){function t(){var e;return d(this,t),(e=u(this,t)).activePreview=null,e.daemonKeyCombo=null,b((function(){e.daemonKeyCombo=y(ye.daemonKeyCombo)})),e.items=[],e.categories=[],e.like="",e.value="",e.where="index",e.recentGizmoList=[],e.t={filterContentTypes:"Filter Content Types",recent:"Recent"},e.registerLocalization({context:e,namespace:"hax"}),e.addEventListener("mouseleave",e.closePopover.bind(e)),e.addEventListener("mouseout",e.closePopover.bind(e)),b((function(){if(ye.editMode){var t=y(ye.recentGizmoList),n=[],o=[];t.forEach((function(e){e&&e.tag&&(o.includes(e.tag)||(o.push(e.tag),n.push(e),n.length>5&&(o.shift(),n.shift())))})),e.recentGizmoList=n}})),e}return o(t,e),i(t,[{key:"closePopover",value:function(){this.activePreview=null,globalThis.SimplePopoverManager.requestAvailability().opened=!1}},{key:"render",value:function(){var e=this;return a(qn||(qn=r(["",""])),this.hidden?"":a(jn||(jn=r(['
    \n \n
    \n \n \n ',"\n \n \n "," "])),this.inputfilterChanged,this.t.filterContentTypes,this.t.recent,this.recentGizmoList.map((function(t,n){return a(Gn||(Gn=r([' \n \n ',"\n "])),n,e._hoverForPreviewChange,t.title,e._dragStart,n,t.title,t.tag,t.icon,e.activePreview===parseInt(n)?a(Vn||(Vn=r(['\n \n '])),t.tag):"")})),this.categories.map((function(t){return a(Wn||(Wn=r([' \n \n ',"\n \n "])),e.ucfirst(t),e.filtered.map((function(n,o){return a(Xn||(Xn=r(["",""])),n&&n.tags&&n.tags.includes(t)?a(Yn||(Yn=r([' \n \n ',"\n "])),o,e._hoverForPreviewChange,n.title,e._dragStart,o,n.title,n.tag,n.icon,e.activePreview===parseInt(o)?a(Qn||(Qn=r(['\n \n '])),n.tag):""):"")})))}))))}},{key:"_hoverForPreviewChange",value:function(e){var t=e.detail;t.opened&&(this.activePreview=parseInt(t.dataset.index),setTimeout((function(){e.detail.openedChanged(!0)}),10))}},{key:"_dragStart",value:function(e){var t,n=ye.haxSchemaFromTag(e.target.eventData);t=n.gizmo.tag&&n.demoSchema&&n.demoSchema[0]?P(n.demoSchema[0]):globalThis.document.createElement(e.target.eventData),ye.recentGizmoList.push(n.gizmo),ye.__dragTarget=t,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.dropEffect="move"),e.stopPropagation(),e.stopImmediatePropagation()}},{key:"inputfilterChanged",value:function(e){this.like=e.target.value,""==this.like?this.collapseAll():this.expandAll()}},{key:"expandAll",value:function(){this.shadowRoot.querySelectorAll("a11y-collapse").forEach((function(e){e.expanded=!0}))}},{key:"collapseAll",value:function(){this.shadowRoot.querySelectorAll("a11y-collapse:not(#recent)").forEach((function(e){e.expanded=!1}))}},{key:"updated",value:function(e){var n=this;l(c(t.prototype),"updated",this)&&l(c(t.prototype),"updated",this).call(this,e),e.forEach((function(e,t){"filtered"==t&&n.requestUpdate(),"items"==t&&n[t]&&n[t].length>0&&(n.categories=m(n.updateCategories(n.items)))}))}},{key:"ucfirst",value:function(e){return e.charAt(0).toUpperCase()+e.slice(1)}},{key:"updateCategories",value:function(e){var t=[];return e.forEach((function(e){e.tags&&e.tags[0]&&(t.includes(e.tags[0])||t.push(e.tags[0]))})),t.sort(),t}},{key:"firstUpdated",value:function(e){var n=this;l(c(t.prototype),"firstUpdated",this)&&l(c(t.prototype),"firstUpdated",this).call(this,e),b((function(){ye.editMode&&n.resetList(y(ye.gizmoList))}))}},{key:"resetList",value:function(e){if(e){this.like="",this.value="";var t=e.filter((function(e,t){return!(e&&e.meta&&(e.meta.inlineOnly||e.meta.hidden||e.requiresParent))}));t.map((function(e,n){t[n].index=e.title+" "+e.tag,e.tags&&(t[n].index+=" "+e.tags.join(" ")),e.meta&&e.meta.author&&(t[n].index+=" "+e.meta.author)})),this.items=m(t)}}}],[{key:"styles",get:function(){return[g(Kn||(Kn=r(["\n :host {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n flex: 0 1 auto;\n overflow-y: auto;\n }\n :host > * {\n max-width: 100%;\n }\n simple-popover-selection {\n display: flex;\n }\n hax-tray-button {\n flex: auto;\n font-size: 12px;\n --hax-ui-font-size-sm: 12px;\n --simple-toolbar-button-height: 22px;\n --simple-toolbar-button-width: 22px;\n }\n hax-tray-button[small] {\n font-size: 8px;\n --hax-ui-font-size-sm: 8px;\n --simple-toolbar-button-height: 16px;\n --simple-toolbar-button-width: 16px;\n }\n .toolbar-inner {\n max-width: 96%;\n }\n hax-tray-button::part(button) {\n font-size: var(hax-ui-font-size-xs);\n }\n simple-button-grid {\n --simple-button-grid-margin: 2px;\n }\n simple-fields-field {\n margin-top: 0;\n margin-bottom: 8px;\n }\n simple-fields-field::part(option-input) {\n padding: 0px 2px;\n font-size: 12px;\n }\n a11y-collapse {\n margin: 0;\n --a11y-collapse-margin: 0;\n --a11y-collapse-vertical-padding: 8px;\n --a11y-collapse-horizontal-padding: 4px;\n }\n a11y-collapse::part(heading) {\n margin: 8px 0px;\n }\n "])))]}},{key:"properties",get:function(){return s(s({},l(c(t),"properties",this)),{},{categories:{type:Array},hidden:{type:Boolean,reflect:!0},recentGizmoList:{type:Array},activePreview:{type:Number}})}},{key:"tag",get:function(){return"hax-gizmo-browser"}}])}(k(ce(h)));customElements.define(Zn.tag,Zn);var $n,eo,to,no,oo,io,ao,ro,so,lo,co,uo,ho,po,mo,vo=function(e){function t(){var e;return d(this,t),(e=u(this,t)).t={updateHTML:"Update HTML",copyHTML:"Copy HTML",downloadContent:"Download content",downloadHTML:"Download HTML",fileDownloaded:"File downloaded",downloadDOCX:"Download DOCX",downloadMD:"Download Markdown",downloadPDF:"Download PDF",PrettifyHtml:"Prettify HTML",cleanFormatting:"Clean Formatting",haxSchema:"HAXSchema",revisionHistory:"Revision history"},e.registerLocalization({context:e,namespace:"hax"}),b((function(){e.globalPreferences=y(ye.globalPreferences),e.haxUiTheme=(e.globalPreferences||{}).haxUiTheme||"hax"})),e}return o(t,e),i(t,[{key:"render",value:function(){return a($n||($n=r([""," "])),this.hidden?"":a(eo||(eo=r([' \n \n \n \n \n ','\n \n \n ','\n\n \n \n \n \n \n \n ',"\n \n ","\n ",'\n \n \n \n \n \n
    \n
    \n \n \n
    '])),this.t.updateHTML,this.updateBodyFromHTML,this.scrubContent,this.t.cleanFormatting,de.has("@core/prettyHtml")?a(to||(to=r(['\n \n \n '])),this.t.PrettifyHtml,this.prettifyContent):a(no||(no=r([""]))),this.selectBody,this.t.copyHTML,ye.revisionHistoryLink?a(oo||(oo=r([' \n '])),this.revisionHistoryClick,this.t.revisionHistory):"",this.t.downloadContent,this.download,this.t.downloadHTML,this.download,de.has("@core/htmlToDocx")?a(io||(io=r(['\n \n \n '])),this.t.downloadDOCX,this.downloadDOCXviaMicro):a(ao||(ao=r(['\n \n \n '])),this.t.downloadDOCX,this.downloadDOCX),de.has("@core/htmlToMd")?a(ro||(ro=r(['\n \n \n \n \n '])),this.t.downloadMD,this.downloadMDviaMicro):a(so||(so=r([""]))),de.has("@core/htmlToPdf")?a(lo||(lo=r(['\n \n \n \n \n '])),this.t.downloadPDF,this.downloadPDFviaMicro):a(co||(co=r([""]))),this.htmlToHaxElements,this.t.haxSchema,"hax"==this.haxUiTheme?"vs":"haxdark"==this.haxUiTheme?"vs-dark":"auto"))}},{key:"refreshHTMLEditor",value:function(e){this.updateEditor()}},{key:"download",value:(S=w(E().mark((function e(t){var n;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.contentToFile(!1);case 2:n=e.sent,this.downloadFromData(n,"html","my-new-code"),ye.toast(this.t.fileDownloaded),this.close();case 6:case"end":return e.stop()}}),e,this)}))),function(e){return S.apply(this,arguments)})},{key:"downloadDOCX",value:(T=w(E().mark((function e(t){var o=this;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n.import("./6243deeb.js").then(function(){var e=w(E().mark((function e(t){var n;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ye.activeHaxBody.haxToContent();case 2:n=e.sent,globalThis.DOCXFileSystemBroker.requestAvailability().HTMLToDOCX(n,globalThis.document.title),ye.toast(o.t.fileDownloaded),o.close();case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}());case 1:case"end":return e.stop()}}),e)}))),function(e){return T.apply(this,arguments)})},{key:"downloadDOCXviaMicro",value:(_=w(E().mark((function e(t){var n,o,i;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ye.activeHaxBody.haxToContent();case 2:return n=e.sent,e.next=5,de.call("@core/htmlToDocx",{html:n});case 5:200==(o=e.sent).status&&((i=globalThis.document.createElement("a")).href=globalThis.URL.createObjectURL(pe("".concat(o.data),"application/vnd.openxmlformats-officedocument.wordprocessingml.document")),i.download="PageContents.docx",i.target="_blank",this.appendChild(i),i.click(),this.removeChild(i),ye.toast(this.t.fileDownloaded),this.close());case 7:case"end":return e.stop()}}),e,this)}))),function(e){return _.apply(this,arguments)})},{key:"downloadMDviaMicro",value:(k=w(E().mark((function e(t){var n,o,i;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ye.activeHaxBody.haxToContent();case 2:return n=e.sent,e.next=5,de.call("@core/htmlToMd",{html:n});case 5:200==(o=e.sent).status&&o.data&&((i=globalThis.document.createElement("a")).href=globalThis.URL.createObjectURL(pe(btoa(o.data),"text/markdown")),i.download="PageContents.md",i.target="_blank",this.appendChild(i),i.click(),this.removeChild(i),ye.toast(this.t.fileDownloaded),this.close());case 7:case"end":return e.stop()}}),e,this)}))),function(e){return k.apply(this,arguments)})},{key:"downloadPDFviaMicro",value:(A=w(E().mark((function e(t){var n,o,i,a;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ye.activeHaxBody.haxToContent();case 2:return n=e.sent,o="",globalThis.document.querySelector("base")&&(o=globalThis.document.querySelector("base").href),e.next=7,de.call("@core/htmlToPdf",{base:o,html:n});case 7:200==(i=e.sent).status&&i.data&&((a=globalThis.document.createElement("a")).href=globalThis.URL.createObjectURL(pe(i.data,"application/pdf")),a.download="PageContents.pdf",a.target="_blank",this.appendChild(a),a.click(),this.removeChild(a),ye.toast(this.t.fileDownloaded),this.close());case 9:case"end":return e.stop()}}),e,this)}))),function(e){return A.apply(this,arguments)})},{key:"downloadfull",value:(x=w(E().mark((function e(t){var n;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.contentToFile(!0);case 2:n=e.sent,this.downloadFromData(n,"html","my-new-webpage"),ye.toast(this.t.fileDownloaded),this.close();case 6:case"end":return e.stop()}}),e,this)}))),function(e){return x.apply(this,arguments)})},{key:"updateBodyFromHTML",value:(f=w(E().mark((function e(t){var n,o,i;return E().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=this.shadowRoot.querySelector("#textarea").value,!((o="slot"===ye.activeHaxBody.shadowRoot.querySelector("#body").localName?ye.activeHaxBody.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[]).length>0&&"PAGE-BREAK"===o[0].tagName)||n.includes("\n \n \n \n \n hax-body demo\n
    \ No newline at end of file +Storybook
    \ No newline at end of file