@aquera/nile-elements 2.0.0 → 2.0.2

package/dist/nile-wysiwyg-editor/nile-wysiwyg-toolbar/nile-wysiwyg-toolbar.css.esm.js

@@ -15,8 +15,8 @@ import{css as o}from"lit";const r=o`
     gap: 6px;
     padding: 8px;
     border-bottom: 1px solid
-      var(--nile-colors-neutral-400, var(--ng-colors-border-neutral, #d0d5dd));
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary, #ffffff));
+      var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border-radius: 8px 8px 0 0;
     box-sizing: border-box;
   }
@@ -25,7 +25,7 @@ import{css as o}from"lit";const r=o`
     width: 1px;
     height: 24px;
     margin: 0 4px;
-    background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral, #d0d5dd));
+    background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
   }
 
   button.toolbar__button {
@@ -40,18 +40,18 @@ import{css as o}from"lit";const r=o`
     background: transparent;
     border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));
     cursor: pointer;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     font-family: inherit;
     font-size: 14px;
     font-weight: 600;
   }
 
   button.toolbar__button:hover:not(:disabled) {
-    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary, #f2f4f7));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 
   button.toolbar__button[data-active] {
-    background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));
+    background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));
   }
 
   button.toolbar__button:disabled {
@@ -77,14 +77,14 @@ import{css as o}from"lit";const r=o`
     background: transparent;
     border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));
     cursor: pointer;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     font-family: inherit;
     font-size: 13px;
     white-space: nowrap;
   }
 
   button.toolbar__dd-trigger:hover:not(:disabled) {
-    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary, #f2f4f7));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 
   button.toolbar__dd-trigger:disabled {
@@ -101,9 +101,9 @@ import{css as o}from"lit";const r=o`
     max-height: 260px;
     overflow-y: auto;
     padding: 4px;
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary, #ffffff));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: 1px solid
-      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary, #e4e7ec));
+      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
     box-sizing: border-box;
@@ -116,20 +116,20 @@ import{css as o}from"lit";const r=o`
     border-radius: 6px;
     cursor: pointer;
     font-size: 13px;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     white-space: nowrap;
   }
 
   .toolbar__dd-item:hover {
-    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary, #f2f4f7));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
   }
 
   .toolbar__dd-item[data-active] {
     background: var(
       --nile-colors-primary-50,
-      var(--ng-componentcolors-utility-blue-50, #eff4ff)
+      var(--ng-componentcolors-utility-blue-50)
     );
-    color: var(--nile-colors-primary-700, #1d4ed8);
+    color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));
   }
 
   /* --- Color pickers, nile-rte-color style --- */
@@ -173,9 +173,9 @@ import{css as o}from"lit";const r=o`
     top: calc(100% + 6px);
     left: 0;
     z-index: 30;
-    background: var(--nile-colors-white-base, #ffffff);
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: 1px solid
-      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary, #e4e7ec));
+      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
     box-sizing: border-box;
@@ -206,9 +206,9 @@ import{css as o}from"lit";const r=o`
     align-items: center;
     gap: 6px;
     padding: 8px;
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary, #ffffff));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     border: 1px solid
-      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary, #e4e7ec));
+      var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);
     box-sizing: border-box;
@@ -218,6 +218,6 @@ import{css as o}from"lit";const r=o`
     width: 1px;
     height: 24px;
     margin: 0 4px;
-    background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral, #d0d5dd));
+    background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));
   }
 `;export{r as s};

package/dist/nile-wysiwyg-editor/ui/bookmark-panel.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var o,r,i,e,t,n,s,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){o=_tslib.__decorate;},function(_lit){r=_lit.css;i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;t=_litDecoratorsJs.state;n=_litDecoratorsJs.query;s=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){l=/*#__PURE__*/function(_a){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.open=!1,_this.error="";return _this;}_inherits(l,_a);return _createClass(l,[{key:"focusInput",value:function focusInput(){var _this2=this;this.error="",this.updateComplete.then(function(){var _this2$nameInput;_this2.nameInput&&(_this2.nameInput.value=""),(_this2$nameInput=_this2.nameInput)===null||_this2$nameInput===void 0?void 0:_this2$nameInput.focus();});}},{key:"handleSubmit",value:function handleSubmit(o){var _this$nameInput$value,_this$nameInput;o.preventDefault();var r=((_this$nameInput$value=(_this$nameInput=this.nameInput)===null||_this$nameInput===void 0?void 0:_this$nameInput.value)!==null&&_this$nameInput$value!==void 0?_this$nameInput$value:"").trim().replace(/\s+/g,"-");r?(this.error="",this.emit("wysiwyg-bookmark-apply",{id:r})):this.error="Enter a bookmark name.";}},{key:"render",value:function render(){var _this3=this;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <form\n        class=\"bookmark-panel\"\n        part=\"bookmark-panel\"\n        @submit=","\n        @keydown=","\n      >\n        <label>\n          Bookmark name\n          <input class=\"bookmark-panel__name\" type=\"text\" placeholder=\"section-intro\" />\n        </label>\n        ","\n        <div class=\"actions\">\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Insert</button>\n        </div>\n      </form>\n    "])),this.handleSubmit,function(o){"Escape"===o.key&&(o.stopPropagation(),_this3.emit("wysiwyg-bookmark-cancel"));},this.error?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"error\">","</div>"])),this.error):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"hint\">An invisible anchor you can link to with #name</div>"]))),function(){return _this3.emit("wysiwyg-bookmark-cancel");});}}],[{key:"styles",get:function get(){return[r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bookmark-panel {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          min-width: 280px;\n          padding: 12px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        label {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        input {\n          font: inherit;\n          padding: 6px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .error {\n          font-size: 12px;\n          color: var(--nile-colors-error-600, #d92d20);\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n          justify-content: flex-end;\n        }\n\n        button {\n          font: inherit;\n          padding: 6px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n        }\n      "])))];}}]);}(a);o([e({type:Boolean,reflect:!0})],l.prototype,"open",void 0),o([t()],l.prototype,"error",void 0),o([n(".bookmark-panel__name")],l.prototype,"nameInput",void 0),l=o([s("nile-wysiwyg-bookmark-panel")],l);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var o,r,i,t,e,n,a,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){o=_tslib.__decorate;},function(_lit){r=_lit.css;i=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;e=_litDecoratorsJs.state;n=_litDecoratorsJs.query;a=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.open=!1,_this.error="";return _this;}_inherits(l,_s);return _createClass(l,[{key:"focusInput",value:function focusInput(){var _this2=this;this.error="",this.updateComplete.then(function(){var _this2$nameInput;_this2.nameInput&&(_this2.nameInput.value=""),(_this2$nameInput=_this2.nameInput)===null||_this2$nameInput===void 0?void 0:_this2$nameInput.focus();});}},{key:"handleSubmit",value:function handleSubmit(o){var _this$nameInput$value,_this$nameInput;o.preventDefault();var r=((_this$nameInput$value=(_this$nameInput=this.nameInput)===null||_this$nameInput===void 0?void 0:_this$nameInput.value)!==null&&_this$nameInput$value!==void 0?_this$nameInput$value:"").trim().replace(/\s+/g,"-");r?(this.error="",this.emit("wysiwyg-bookmark-apply",{id:r})):this.error="Enter a bookmark name.";}},{key:"render",value:function render(){var _this3=this;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <form\n        class=\"bookmark-panel\"\n        part=\"bookmark-panel\"\n        @submit=","\n        @keydown=","\n      >\n        <label>\n          Bookmark name\n          <input class=\"bookmark-panel__name\" type=\"text\" placeholder=\"section-intro\" />\n        </label>\n        ","\n        <div class=\"actions\">\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Insert</button>\n        </div>\n      </form>\n    "])),this.handleSubmit,function(o){"Escape"===o.key&&(o.stopPropagation(),_this3.emit("wysiwyg-bookmark-cancel"));},this.error?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"error\">","</div>"])),this.error):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"hint\">An invisible anchor you can link to with #name</div>"]))),function(){return _this3.emit("wysiwyg-bookmark-cancel");});}}],[{key:"styles",get:function get(){return[r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bookmark-panel {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          min-width: 280px;\n          padding: 12px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        label {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        input {\n          font: inherit;\n          padding: 6px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .error {\n          font-size: 12px;\n          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n          justify-content: flex-end;\n        }\n\n        button {\n          font: inherit;\n          padding: 6px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--ng-colors-text-white);\n        }\n      "])))];}}]);}(s);o([t({type:Boolean,reflect:!0})],l.prototype,"open",void 0),o([e()],l.prototype,"error",void 0),o([n(".bookmark-panel__name")],l.prototype,"nameInput",void 0),l=o([a("nile-wysiwyg-bookmark-panel")],l);}};});
 //# sourceMappingURL=bookmark-panel.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/bookmark-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bookmark-panel.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/bookmark-panel.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Floating bookmark-insert panel: name an in-text anchor. Emits\n * `wysiwyg-bookmark-apply` detail: { id } and `wysiwyg-bookmark-cancel`.\n */\n@customElement('nile-wysiwyg-bookmark-panel')\nexport class NileWysiwygBookmarkPanel extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private error = '';\n\n  @query('.bookmark-panel__name') nameInput?: HTMLInputElement;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bookmark-panel {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          min-width: 280px;\n          padding: 12px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        label {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        input {\n          font: inherit;\n          padding: 6px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n        }\n\n        .error {\n          font-size: 12px;\n          color: var(--nile-colors-error-600, #d92d20);\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n          justify-content: flex-end;\n        }\n\n        button {\n          font: inherit;\n          padding: 6px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));\n          color: #ffffff;\n        }\n      `,\n    ];\n  }\n\n  public focusInput(): void {\n    this.error = '';\n    this.updateComplete.then(() => {\n      if (this.nameInput) this.nameInput.value = '';\n      this.nameInput?.focus();\n    });\n  }\n\n  private handleSubmit(event: Event): void {\n    event.preventDefault();\n    // Anchor ids can't contain whitespace; collapse runs to a single dash.\n    const id = (this.nameInput?.value ?? '').trim().replace(/\\s+/g, '-');\n    if (!id) {\n      this.error = 'Enter a bookmark name.';\n      return;\n    }\n    this.error = '';\n    this.emit('wysiwyg-bookmark-apply', { id });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <form\n        class=\"bookmark-panel\"\n        part=\"bookmark-panel\"\n        @submit=${this.handleSubmit}\n        @keydown=${(e: KeyboardEvent) => {\n          if (e.key === 'Escape') {\n            e.stopPropagation();\n            this.emit('wysiwyg-bookmark-cancel');\n          }\n        }}\n      >\n        <label>\n          Bookmark name\n          <input class=\"bookmark-panel__name\" type=\"text\" placeholder=\"section-intro\" />\n        </label>\n        ${this.error\n          ? html`<div class=\"error\">${this.error}</div>`\n          : html`<div class=\"hint\">An invisible anchor you can link to with #name</div>`}\n        <div class=\"actions\">\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-bookmark-cancel')}>\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Insert</button>\n        </div>\n      </form>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-bookmark-panel': NileWysiwygBookmarkPanel;\n  }\n}\n"],"names":["NileWysiwygBookmarkPanel","l","constructor","this","open","error","_this","_inherits","_a","_createClass","key","value","focusInput","updateComplete","then","_this2$nameInput","nameInput","focus","handleSubmit","event","preventDefault","id","trim","replace","emit","render","_this3","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","_templateObject2","_templateObject3","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"+8GASaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuCC,KAAAA,CAAIC,IAAG,CAAA,CAAA,CAAA,CAElCD,KAAAA,CAAKE,KAAAA,CAAG,EAwI1B,QAAAC,KAAA,EApIQC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,cAAAC,KAAA,CAmFA,SAAAC,UAAAA,CAAAA,kBACLT,IAAKE,CAAAA,KAAAA,CAAQ,GACbF,IAAKU,CAAAA,cAAAA,CAAeC,IAAK,CAAA,UAAA,KAAAC,gBAAA,CACnBZ,MAAKa,CAAAA,SAAAA,GAAWb,OAAKa,SAAUL,CAAAA,KAAAA,CAAQ,EAC3CR,CAAAA,EAAAA,gBAAAA,CAAAA,MAAAA,CAAKa,SAAWC,UAAAA,gBAAAA,iBAAhBd,gBAAAA,CAAgBc,KAAAA,CAAAA,CAAO,GAE1B,EAEO,GAAAP,GAAA,gBAAAC,KAAA,UAAAO,YAAAA,CAAaC,CAAAA,CAAAA,KAAAA,qBAAAA,CAAAA,eAAAA,CACnBA,CAAMC,CAAAA,cAAAA,CAAAA,CAAAA,CAEN,GAAMC,CAAAA,CAAMlB,CAAAA,EAAAA,qBAAAA,EAAAA,eAAAA,CAAAA,IAAAA,CAAKa,SAAWL,UAAAA,eAAAA,iBAAhBR,eAAAA,CAAgBQ,KAAAA,UAAAA,qBAAAA,UAAAA,qBAAAA,CAAS,EAAIW,EAAAA,IAAAA,CAAAA,CAAAA,CAAOC,QAAQ,MAAQ,CAAA,GAAA,CAAA,CAC3DF,CAILlB,EAAAA,IAAAA,CAAKE,KAAQ,CAAA,EAAA,CACbF,KAAKqB,IAAK,CAAA,wBAAA,CAA0B,CAAEH,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAJpClB,IAAKE,CAAAA,KAAAA,CAAQ,wBAKhB,EAEM,GAAAK,GAAA,UAAAC,KAAA,UAAAc,MAAAA,CAAAA,CACL,KAAAC,MAAA,MAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,whBAIG1B,IAAKe,CAAAA,YAAAA,CACHY,SAAAA,CAAAA,CAAAA,CACI,WAAVA,CAAEpB,CAAAA,GAAAA,GACJoB,EAAEC,eACF5B,CAAAA,CAAAA,CAAAA,MAAAA,CAAKqB,KAAK,yBACX,CAAA,CAAA,EAAA,CAODrB,IAAAA,CAAKE,KACHsB,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,sCAAsB1B,IAAAA,CAAKE,OAC/BsB,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,gFAAA,CAEyB,iBAAM1B,CAAAA,OAAKqB,IAAK,CAAA,yBAAA,CAAA,IAOtD,CAAA,KAAAd,GAAA,UAAAwB,GAAA,CAnIM,SAAAA,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,yoEA+EN,EAEM,MA1FqCQ,CAAAA,EACAC,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB1C,CAAA2C,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAExCL,EAAA,CAAhBM,CAAAA,CAAAA,CAAAA,CAAAA,CAA2B5C,CAAA2C,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAEIL,CAAA,CAAA,CAA/BO,EAAM,uBAAsD7C,CAAAA,CAAAA,CAAAA,CAAAA,CAAA2C,SAAA,CAAA,WAAA,CAAA,IAAA,EALlD3C,CAAAA,CAAAA,CAAAA,CAAwBsC,CAAA,CAAA,CADpCQ,EAAc,6BACF9C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"bookmark-panel.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/bookmark-panel.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Floating bookmark-insert panel: name an in-text anchor. Emits\n * `wysiwyg-bookmark-apply` detail: { id } and `wysiwyg-bookmark-cancel`.\n */\n@customElement('nile-wysiwyg-bookmark-panel')\nexport class NileWysiwygBookmarkPanel extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @state() private error = '';\n\n  @query('.bookmark-panel__name') nameInput?: HTMLInputElement;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 20;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bookmark-panel {\n          display: flex;\n          flex-direction: column;\n          gap: 8px;\n          min-width: 280px;\n          padding: 12px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n          font-size: 13px;\n        }\n\n        label {\n          display: flex;\n          flex-direction: column;\n          gap: 4px;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        input {\n          font: inherit;\n          padding: 6px 8px;\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 6px;\n          outline: none;\n        }\n\n        input:focus {\n          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n        }\n\n        .error {\n          font-size: 12px;\n          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));\n        }\n\n        .actions {\n          display: flex;\n          gap: 8px;\n          justify-content: flex-end;\n        }\n\n        button {\n          font: inherit;\n          padding: 6px 12px;\n          border-radius: 6px;\n          border: 1px solid transparent;\n          cursor: pointer;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        button.primary {\n          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));\n          color: var(--ng-colors-text-white);\n        }\n      `,\n    ];\n  }\n\n  public focusInput(): void {\n    this.error = '';\n    this.updateComplete.then(() => {\n      if (this.nameInput) this.nameInput.value = '';\n      this.nameInput?.focus();\n    });\n  }\n\n  private handleSubmit(event: Event): void {\n    event.preventDefault();\n    // Anchor ids can't contain whitespace; collapse runs to a single dash.\n    const id = (this.nameInput?.value ?? '').trim().replace(/\\s+/g, '-');\n    if (!id) {\n      this.error = 'Enter a bookmark name.';\n      return;\n    }\n    this.error = '';\n    this.emit('wysiwyg-bookmark-apply', { id });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <form\n        class=\"bookmark-panel\"\n        part=\"bookmark-panel\"\n        @submit=${this.handleSubmit}\n        @keydown=${(e: KeyboardEvent) => {\n          if (e.key === 'Escape') {\n            e.stopPropagation();\n            this.emit('wysiwyg-bookmark-cancel');\n          }\n        }}\n      >\n        <label>\n          Bookmark name\n          <input class=\"bookmark-panel__name\" type=\"text\" placeholder=\"section-intro\" />\n        </label>\n        ${this.error\n          ? html`<div class=\"error\">${this.error}</div>`\n          : html`<div class=\"hint\">An invisible anchor you can link to with #name</div>`}\n        <div class=\"actions\">\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-bookmark-cancel')}>\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Insert</button>\n        </div>\n      </form>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-bookmark-panel': NileWysiwygBookmarkPanel;\n  }\n}\n"],"names":["NileWysiwygBookmarkPanel","l","constructor","this","open","error","_this","_inherits","_s","_createClass","key","value","focusInput","updateComplete","then","_this2$nameInput","nameInput","focus","handleSubmit","event","preventDefault","id","trim","replace","emit","render","_this3","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","_templateObject2","_templateObject3","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","state","query","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/bookmark-panel.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{property as e,state as t,query as n,customElement as s}from"lit/decorators.js";import{N as a}from"../../internal/nile-element.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";let l=class extends a{constructor(){super(...arguments),this.open=!1,this.error=""}static get styles(){return[r`
+import{__decorate as o}from"tslib";import{css as r,html as e}from"lit";import{property as i,state as t,query as n,customElement as a}from"lit/decorators.js";import{N as s}from"../../internal/nile-element.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";let l=class extends s{constructor(){super(...arguments),this.open=!1,this.error=""}static get styles(){return[r`
         :host {
           font-family: var(
             --nile-font-family-sans-serif,
@@ -19,8 +19,8 @@ import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{pr
           gap: 8px;
           min-width: 280px;
           padding: 12px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: var(--nile-wysiwyg-radius, 8px);
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
           font-size: 13px;
@@ -30,29 +30,29 @@ import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{pr
           display: flex;
           flex-direction: column;
           gap: 4px;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         input {
           font: inherit;
           padding: 6px 8px;
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 6px;
           outline: none;
         }
 
         input:focus {
-          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
+          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
         }
 
         .hint {
           font-size: 12px;
-          color: var(--nile-colors-neutral-500, #98a2b3);
+          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));
         }
 
         .error {
           font-size: 12px;
-          color: var(--nile-colors-error-600, #d92d20);
+          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));
         }
 
         .actions {
@@ -68,14 +68,14 @@ import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{pr
           border: 1px solid transparent;
           cursor: pointer;
           background: transparent;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         button.primary {
-          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
-          color: #ffffff;
+          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
+          color: var(--ng-colors-text-white);
         }
-      `]}focusInput(){this.error="",this.updateComplete.then((()=>{this.nameInput&&(this.nameInput.value=""),this.nameInput?.focus()}))}handleSubmit(o){o.preventDefault();const r=(this.nameInput?.value??"").trim().replace(/\s+/g,"-");r?(this.error="",this.emit("wysiwyg-bookmark-apply",{id:r})):this.error="Enter a bookmark name."}render(){return i`
+      `]}focusInput(){this.error="",this.updateComplete.then((()=>{this.nameInput&&(this.nameInput.value=""),this.nameInput?.focus()}))}handleSubmit(o){o.preventDefault();const r=(this.nameInput?.value??"").trim().replace(/\s+/g,"-");r?(this.error="",this.emit("wysiwyg-bookmark-apply",{id:r})):this.error="Enter a bookmark name."}render(){return e`
       <form
         class="bookmark-panel"
         part="bookmark-panel"
@@ -86,7 +86,7 @@ import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{pr
           Bookmark name
           <input class="bookmark-panel__name" type="text" placeholder="section-intro" />
         </label>
-        ${this.error?i`<div class="error">${this.error}</div>`:i`<div class="hint">An invisible anchor you can link to with #name</div>`}
+        ${this.error?e`<div class="error">${this.error}</div>`:e`<div class="hint">An invisible anchor you can link to with #name</div>`}
         <div class="actions">
           <button type="button" @click=${()=>this.emit("wysiwyg-bookmark-cancel")}>
             Cancel
@@ -94,4 +94,4 @@ import{__decorate as o}from"tslib";import{css as r,html as i}from"lit";import{pr
           <button type="submit" class="primary">Insert</button>
         </div>
       </form>
-    `}};o([e({type:Boolean,reflect:!0})],l.prototype,"open",void 0),o([t()],l.prototype,"error",void 0),o([n(".bookmark-panel__name")],l.prototype,"nameInput",void 0),l=o([s("nile-wysiwyg-bookmark-panel")],l);
+    `}};o([i({type:Boolean,reflect:!0})],l.prototype,"open",void 0),o([t()],l.prototype,"error",void 0),o([n(".bookmark-panel__name")],l.prototype,"nameInput",void 0),l=o([a("nile-wysiwyg-bookmark-panel")],l);

package/dist/nile-wysiwyg-editor/ui/bubble-menu.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/glyph.cjs.js","../../nile-lite-tooltip/nile-lite-tooltip.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../nile-lite-tooltip/nile-lite-tooltip.css.cjs.js","../../tippy.esm-78baa8f2.cjs.js","../../nile-lite-tooltip/utils.cjs.js","../../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";var i,t,e,n,r,l,o,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,s,c,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.css;e=_lit.html;n=_lit.nothing;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalGlyphCjsJs){a=_internalGlyphCjsJs.r;},function(_nileLiteTooltipNileLiteTooltipCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileLiteTooltipNileLiteTooltipCssCjsJs){},function(_tippyEsm009CjsJs){},function(_nileLiteTooltipUtilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){s={bold:{command:"bold",label:"Bold",icon:"format_bold",active:function active(i){return i.bold;}},italic:{command:"italic",label:"Italic",icon:"format_italic",active:function active(i){return i.italic;}},underline:{command:"underline",label:"Underline",icon:"format_underline",active:function active(i){return i.underline;}},strike:{command:"strike",label:"Strikethrough",icon:"ng-strikethrough",active:function active(i){return i.strike;}},code:{command:"code",label:"Inline code",icon:"ng-code",active:function active(i){return i.code;}},subscript:{command:"subscript",label:"Subscript",icon:"ng-subscript",active:function active(i){return i.subscript;}},superscript:{command:"superscript",label:"Superscript",icon:"ng-superscript",active:function active(i){return i.superscript;}},link:{command:"openLink",label:"Link",icon:"link_2",active:function active(i){return i.linkActive;}},bulletList:{command:"bulletList",label:"Bulleted list",icon:"format_list_bulleted",active:function active(i){return i.inBulletList;}},orderedList:{command:"orderedList",label:"Numbered list",icon:"format_list_numbered",active:function active(i){return i.inOrderedList;}},alignLeft:{command:"align",label:"Align left",icon:"format_align_left",attrs:{align:"left"},active:function active(i){return"left"===i.align;}},alignCenter:{command:"align",label:"Align center",icon:"format_align_middle",attrs:{align:"center"},active:function active(i){return"center"===i.align;}},alignRight:{command:"align",label:"Align right",icon:"format_align_right",attrs:{align:"right"},active:function active(i){return"right"===i.align;}},clearFormatting:{command:"clearFormatting",label:"Clear formatting",icon:"format_clear"}},c=["bold","italic","underline","strike","link"];d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.open=!1;return _this;}_inherits(d,_o);return _createClass(d,[{key:"isAuthoringContainer",get:function get(){return!!this.closest("nile-wysiwyg-editor");}},{key:"render",value:function render(){var _this2=this;if(this.isAuthoringContainer)return e(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));var i=this.toolbarState,t=this.items&&this.items.length?this.items:c.map(function(i){return{name:i};});return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"bubble\" part=\"bubble-menu\" @mousedown=",">\n        ","\n      </div>\n    "])),function(i){return i.preventDefault();},t.map(function(t){return _this2.renderEntry(t,i);}));}},{key:"renderEntry",value:function renderEntry(i,t){var _r$command,_this3=this;if("|"===i.name)return e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<span class=\"divider\" part=\"bubble-divider\"></span>"])));var r=s[i.name],l=i.label||(r===null||r===void 0?void 0:r.label)||i.name,o=i.icon||(r===null||r===void 0?void 0:r.icon);if(!o)return n;var c=(_r$command=r===null||r===void 0?void 0:r.command)!==null&&_r$command!==void 0?_r$command:i.name,_d=r===null||r===void 0?void 0:r.attrs,m=!(!(r!==null&&r!==void 0&&r.active)||!t)&&r.active(t);return e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-lite-tooltip content="," placement=\"top\">\n        <button\n          type=\"button\"\n          aria-label=","\n          ?data-active=","\n          @click=","\n        >\n          ","\n        </button>\n      </nile-lite-tooltip>\n    "])),l,l,m,function(){return _this3.emit("wysiwyg-command",_d?{name:c,attrs:_d}:{name:c});},a(o,16));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bubble {\n          display: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid\n            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, #d0d5dd));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 4px 12px rgba(16, 24, 40, 0.12)\n          );\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 26px;\n          height: 26px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 13px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .divider {\n          align-self: stretch;\n          width: 1px;\n          margin: 3px 2px;\n          background: var(--nile-colors-neutral-300, #e4e7ec);\n        }\n      "])))];}}]);}(o);i([r({type:Boolean,reflect:!0})],d.prototype,"open",void 0),i([r({attribute:!1})],d.prototype,"toolbarState",void 0),i([r({attribute:!1})],d.prototype,"items",void 0),d=i([l("nile-wysiwyg-bubble-menu")],d);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../../internal/glyph.cjs.js","../../nile-lite-tooltip/nile-lite-tooltip.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../nile-lite-tooltip/nile-lite-tooltip.css.cjs.js","../../tippy.esm-78baa8f2.cjs.js","../../nile-lite-tooltip/utils.cjs.js","../../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";var i,t,e,r,n,o,l,a,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,s,c,m;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.css;e=_lit.html;r=_lit.nothing;},function(_litDecoratorsJs){n=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalGlyphCjsJs){a=_internalGlyphCjsJs.r;},function(_nileLiteTooltipNileLiteTooltipCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileLiteTooltipNileLiteTooltipCssCjsJs){},function(_tippyEsm009CjsJs){},function(_nileLiteTooltipUtilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){s={bold:{command:"bold",label:"Bold",icon:"format_bold",active:function active(i){return i.bold;}},italic:{command:"italic",label:"Italic",icon:"format_italic",active:function active(i){return i.italic;}},underline:{command:"underline",label:"Underline",icon:"format_underline",active:function active(i){return i.underline;}},strike:{command:"strike",label:"Strikethrough",icon:"ng-strikethrough",active:function active(i){return i.strike;}},code:{command:"code",label:"Inline code",icon:"ng-code",active:function active(i){return i.code;}},subscript:{command:"subscript",label:"Subscript",icon:"ng-subscript",active:function active(i){return i.subscript;}},superscript:{command:"superscript",label:"Superscript",icon:"ng-superscript",active:function active(i){return i.superscript;}},link:{command:"openLink",label:"Link",icon:"link_2",active:function active(i){return i.linkActive;}},bulletList:{command:"bulletList",label:"Bulleted list",icon:"format_list_bulleted",active:function active(i){return i.inBulletList;}},orderedList:{command:"orderedList",label:"Numbered list",icon:"format_list_numbered",active:function active(i){return i.inOrderedList;}},alignLeft:{command:"align",label:"Align left",icon:"format_align_left",attrs:{align:"left"},active:function active(i){return"left"===i.align;}},alignCenter:{command:"align",label:"Align center",icon:"format_align_middle",attrs:{align:"center"},active:function active(i){return"center"===i.align;}},alignRight:{command:"align",label:"Align right",icon:"format_align_right",attrs:{align:"right"},active:function active(i){return"right"===i.align;}},clearFormatting:{command:"clearFormatting",label:"Clear formatting",icon:"format_clear"}},c=["bold","italic","underline","strike","link"];m=/*#__PURE__*/function(_l){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.open=!1;return _this;}_inherits(m,_l);return _createClass(m,[{key:"isAuthoringContainer",get:function get(){return!!this.closest("nile-wysiwyg-editor");}},{key:"render",value:function render(){var _this2=this;if(this.isAuthoringContainer)return e(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));var i=this.toolbarState,t=this.items&&this.items.length?this.items:c.map(function(i){return{name:i};});return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <div class=\"bubble\" part=\"bubble-menu\" @mousedown=",">\n        ","\n      </div>\n    "])),function(i){return i.preventDefault();},t.map(function(t){return _this2.renderEntry(t,i);}));}},{key:"renderEntry",value:function renderEntry(i,t){var _n$command,_this3=this;if("|"===i.name)return e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<span class=\"divider\" part=\"bubble-divider\"></span>"])));var n=s[i.name],o=i.label||(n===null||n===void 0?void 0:n.label)||i.name,l=i.icon||(n===null||n===void 0?void 0:n.icon);if(!l)return r;var c=(_n$command=n===null||n===void 0?void 0:n.command)!==null&&_n$command!==void 0?_n$command:i.name,_m=n===null||n===void 0?void 0:n.attrs,d=!(!(n!==null&&n!==void 0&&n.active)||!t)&&n.active(t);return e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <nile-lite-tooltip content="," placement=\"top\">\n        <button\n          type=\"button\"\n          aria-label=","\n          ?data-active=","\n          @click=","\n        >\n          ","\n        </button>\n      </nile-lite-tooltip>\n    "])),o,o,d,function(){return _this3.emit("wysiwyg-command",_m?{name:c,attrs:_m}:{name:c});},a(l,16));}}],[{key:"styles",get:function get(){return[t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bubble {\n          display: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid\n            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, var(--ng-colors-border-primary)));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 4px 12px rgba(16, 24, 40, 0.12)\n          );\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 26px;\n          height: 26px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 13px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .divider {\n          align-self: stretch;\n          width: 1px;\n          margin: 3px 2px;\n          background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n        }\n      "])))];}}]);}(l);i([n({type:Boolean,reflect:!0})],m.prototype,"open",void 0),i([n({attribute:!1})],m.prototype,"toolbarState",void 0),i([n({attribute:!1})],m.prototype,"items",void 0),m=i([o("nile-wysiwyg-bubble-menu")],m);}};});
 //# sourceMappingURL=bubble-menu.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/bubble-menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/bubble-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { renderGlyph } from '../../internal/glyph';\nimport type { ToolbarState } from '../engine/selection-state';\nimport type { WysiwygCommandDetail } from '../types';\nimport type { AuthoredToolbarItem } from '../nile-wysiwyg-toolbar/nile-wysiwyg-toolbar';\nimport '../../nile-lite-tooltip/nile-lite-tooltip';\n\n/** A control the bubble menu knows how to render, keyed by its authored name. */\ninterface BubbleDef {\n  /** The command dispatched on click. */\n  command: WysiwygCommandDetail['name'];\n  label: string;\n  /** nile-glyph icon name (ng-* names are stroke-drawn). */\n  icon: string;\n  /** Static attrs sent with the command (e.g. alignment direction). */\n  attrs?: WysiwygCommandDetail['attrs'];\n  active?: (state: ToolbarState) => boolean;\n}\n\n/**\n * Registry of controls addressable by `<nile-wysiwyg-bubble-item name=\"…\">`.\n * Icons/labels mirror the main toolbar so both surfaces look identical.\n */\nconst BUBBLE_ITEMS: Record<string, BubbleDef> = {\n  bold: { command: 'bold', label: 'Bold', icon: 'format_bold', active: s => s.bold },\n  italic: { command: 'italic', label: 'Italic', icon: 'format_italic', active: s => s.italic },\n  underline: {\n    command: 'underline',\n    label: 'Underline',\n    icon: 'format_underline',\n    active: s => s.underline,\n  },\n  strike: {\n    command: 'strike',\n    label: 'Strikethrough',\n    icon: 'ng-strikethrough',\n    active: s => s.strike,\n  },\n  code: { command: 'code', label: 'Inline code', icon: 'ng-code', active: s => s.code },\n  subscript: {\n    command: 'subscript',\n    label: 'Subscript',\n    icon: 'ng-subscript',\n    active: s => s.subscript,\n  },\n  superscript: {\n    command: 'superscript',\n    label: 'Superscript',\n    icon: 'ng-superscript',\n    active: s => s.superscript,\n  },\n  link: { command: 'openLink', label: 'Link', icon: 'link_2', active: s => s.linkActive },\n  bulletList: {\n    command: 'bulletList',\n    label: 'Bulleted list',\n    icon: 'format_list_bulleted',\n    active: s => s.inBulletList,\n  },\n  orderedList: {\n    command: 'orderedList',\n    label: 'Numbered list',\n    icon: 'format_list_numbered',\n    active: s => s.inOrderedList,\n  },\n  alignLeft: {\n    command: 'align',\n    label: 'Align left',\n    icon: 'format_align_left',\n    attrs: { align: 'left' },\n    active: s => s.align === 'left',\n  },\n  alignCenter: {\n    command: 'align',\n    label: 'Align center',\n    icon: 'format_align_middle',\n    attrs: { align: 'center' },\n    active: s => s.align === 'center',\n  },\n  alignRight: {\n    command: 'align',\n    label: 'Align right',\n    icon: 'format_align_right',\n    attrs: { align: 'right' },\n    active: s => s.align === 'right',\n  },\n  clearFormatting: {\n    command: 'clearFormatting',\n    label: 'Clear formatting',\n    icon: 'format_clear',\n  },\n};\n\n/** Built-in default when no `<nile-wysiwyg-bubble-item>` children are authored. */\nconst DEFAULT_BUBBLE = ['bold', 'italic', 'underline', 'strike', 'link'];\n\n/**\n * Balloon toolbar shown over non-empty selections. The host owns positioning\n * (absolute left/top) and visibility; commands bubble up as\n * `wysiwyg-command` events, same contract as the main toolbar.\n */\n@customElement('nile-wysiwyg-bubble-menu')\nexport class NileWysiwygBubbleMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: false }) toolbarState?: ToolbarState;\n\n  /**\n   * Structured item list authored in light DOM (from\n   * `<nile-wysiwyg-bubble-item>` children). `'|'` is a separator. Falls back to\n   * {@link DEFAULT_BUBBLE} when empty.\n   */\n  @property({ attribute: false }) items?: AuthoredToolbarItem[];\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bubble {\n          display: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid\n            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, #d0d5dd));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 4px 12px rgba(16, 24, 40, 0.12)\n          );\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 26px;\n          height: 26px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 13px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, #344054);\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));\n        }\n\n        .divider {\n          align-self: stretch;\n          width: 1px;\n          margin: 3px 2px;\n          background: var(--nile-colors-neutral-300, #e4e7ec);\n        }\n      `,\n    ];\n  }\n\n  /**\n   * True when this instance is an author's declarative `<nile-wysiwyg-bubble-menu>`\n   * container in an editor's light DOM (holding `<nile-wysiwyg-bubble-item>`\n   * children). It renders nothing — the editor reads the items and renders the\n   * real bubble menu in its own shadow DOM. The editor's internal instance\n   * lives in a shadow root, so `closest` never matches it.\n   */\n  private get isAuthoringContainer(): boolean {\n    return !!this.closest('nile-wysiwyg-editor');\n  }\n\n  public render(): TemplateResult {\n    if (this.isAuthoringContainer) return html``;\n\n    const state = this.toolbarState;\n    const entries: AuthoredToolbarItem[] =\n      this.items && this.items.length\n        ? this.items\n        : DEFAULT_BUBBLE.map(name => ({ name }));\n    return html`\n      <div class=\"bubble\" part=\"bubble-menu\" @mousedown=${(e: Event) => e.preventDefault()}>\n        ${entries.map(entry => this.renderEntry(entry, state))}\n      </div>\n    `;\n  }\n\n  private renderEntry(\n    entry: AuthoredToolbarItem,\n    state?: ToolbarState\n  ): TemplateResult | typeof nothing {\n    if (entry.name === '|') {\n      return html`<span class=\"divider\" part=\"bubble-divider\"></span>`;\n    }\n    const base = BUBBLE_ITEMS[entry.name];\n    const label = entry.label || base?.label || entry.name;\n    const icon = entry.icon || base?.icon;\n    // Unknown command with no icon to draw → nothing to render.\n    if (!icon) return nothing;\n    const command = base?.command ?? (entry.name as WysiwygCommandDetail['name']);\n    const attrs = base?.attrs;\n    const isActive = base?.active && state ? base.active(state) : false;\n    return html`\n      <nile-lite-tooltip content=${label} placement=\"top\">\n        <button\n          type=\"button\"\n          aria-label=${label}\n          ?data-active=${isActive}\n          @click=${() =>\n            this.emit('wysiwyg-command', attrs ? { name: command, attrs } : { name: command })}\n        >\n          ${renderGlyph(icon, 16)}\n        </button>\n      </nile-lite-tooltip>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-bubble-menu': NileWysiwygBubbleMenu;\n  }\n}\n"],"names":["BUBBLE_ITEMS","bold","command","label","icon","active","s","italic","underline","strike","code","subscript","superscript","link","linkActive","bulletList","inBulletList","orderedList","inOrderedList","alignLeft","attrs","align","alignCenter","alignRight","clearFormatting","DEFAULT_BUBBLE","NileWysiwygBubbleMenu","_o","d","constructor","this","open","_this","_inherits","_createClass","key","get","isAuthoringContainer","closest","value","render","html","_templateObject","_taggedTemplateLiteral","state","toolbarState","entries","items","length","map","name","_templateObject2","e","preventDefault","entry","renderEntry","_templateObject3","base","nothing","isActive","_templateObject4","emit","renderGlyph","styles","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","customElement"],"mappings":"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"}
+{"version":3,"file":"bubble-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/bubble-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { renderGlyph } from '../../internal/glyph';\nimport type { ToolbarState } from '../engine/selection-state';\nimport type { WysiwygCommandDetail } from '../types';\nimport type { AuthoredToolbarItem } from '../nile-wysiwyg-toolbar/nile-wysiwyg-toolbar';\nimport '../../nile-lite-tooltip/nile-lite-tooltip';\n\n/** A control the bubble menu knows how to render, keyed by its authored name. */\ninterface BubbleDef {\n  /** The command dispatched on click. */\n  command: WysiwygCommandDetail['name'];\n  label: string;\n  /** nile-glyph icon name (ng-* names are stroke-drawn). */\n  icon: string;\n  /** Static attrs sent with the command (e.g. alignment direction). */\n  attrs?: WysiwygCommandDetail['attrs'];\n  active?: (state: ToolbarState) => boolean;\n}\n\n/**\n * Registry of controls addressable by `<nile-wysiwyg-bubble-item name=\"…\">`.\n * Icons/labels mirror the main toolbar so both surfaces look identical.\n */\nconst BUBBLE_ITEMS: Record<string, BubbleDef> = {\n  bold: { command: 'bold', label: 'Bold', icon: 'format_bold', active: s => s.bold },\n  italic: { command: 'italic', label: 'Italic', icon: 'format_italic', active: s => s.italic },\n  underline: {\n    command: 'underline',\n    label: 'Underline',\n    icon: 'format_underline',\n    active: s => s.underline,\n  },\n  strike: {\n    command: 'strike',\n    label: 'Strikethrough',\n    icon: 'ng-strikethrough',\n    active: s => s.strike,\n  },\n  code: { command: 'code', label: 'Inline code', icon: 'ng-code', active: s => s.code },\n  subscript: {\n    command: 'subscript',\n    label: 'Subscript',\n    icon: 'ng-subscript',\n    active: s => s.subscript,\n  },\n  superscript: {\n    command: 'superscript',\n    label: 'Superscript',\n    icon: 'ng-superscript',\n    active: s => s.superscript,\n  },\n  link: { command: 'openLink', label: 'Link', icon: 'link_2', active: s => s.linkActive },\n  bulletList: {\n    command: 'bulletList',\n    label: 'Bulleted list',\n    icon: 'format_list_bulleted',\n    active: s => s.inBulletList,\n  },\n  orderedList: {\n    command: 'orderedList',\n    label: 'Numbered list',\n    icon: 'format_list_numbered',\n    active: s => s.inOrderedList,\n  },\n  alignLeft: {\n    command: 'align',\n    label: 'Align left',\n    icon: 'format_align_left',\n    attrs: { align: 'left' },\n    active: s => s.align === 'left',\n  },\n  alignCenter: {\n    command: 'align',\n    label: 'Align center',\n    icon: 'format_align_middle',\n    attrs: { align: 'center' },\n    active: s => s.align === 'center',\n  },\n  alignRight: {\n    command: 'align',\n    label: 'Align right',\n    icon: 'format_align_right',\n    attrs: { align: 'right' },\n    active: s => s.align === 'right',\n  },\n  clearFormatting: {\n    command: 'clearFormatting',\n    label: 'Clear formatting',\n    icon: 'format_clear',\n  },\n};\n\n/** Built-in default when no `<nile-wysiwyg-bubble-item>` children are authored. */\nconst DEFAULT_BUBBLE = ['bold', 'italic', 'underline', 'strike', 'link'];\n\n/**\n * Balloon toolbar shown over non-empty selections. The host owns positioning\n * (absolute left/top) and visibility; commands bubble up as\n * `wysiwyg-command` events, same contract as the main toolbar.\n */\n@customElement('nile-wysiwyg-bubble-menu')\nexport class NileWysiwygBubbleMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: false }) toolbarState?: ToolbarState;\n\n  /**\n   * Structured item list authored in light DOM (from\n   * `<nile-wysiwyg-bubble-item>` children). `'|'` is a separator. Falls back to\n   * {@link DEFAULT_BUBBLE} when empty.\n   */\n  @property({ attribute: false }) items?: AuthoredToolbarItem[];\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .bubble {\n          display: flex;\n          gap: 2px;\n          padding: 4px;\n          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));\n          border: 1px solid\n            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, var(--ng-colors-border-primary)));\n          border-radius: var(--nile-wysiwyg-radius, 8px);\n          box-shadow: var(\n            --nile-wysiwyg-popover-shadow,\n            0 4px 12px rgba(16, 24, 40, 0.12)\n          );\n        }\n\n        button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 26px;\n          height: 26px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          cursor: pointer;\n          font-size: 13px;\n          font-weight: 600;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n        }\n\n        button:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        button[data-active] {\n          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));\n          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));\n        }\n\n        .divider {\n          align-self: stretch;\n          width: 1px;\n          margin: 3px 2px;\n          background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));\n        }\n      `,\n    ];\n  }\n\n  /**\n   * True when this instance is an author's declarative `<nile-wysiwyg-bubble-menu>`\n   * container in an editor's light DOM (holding `<nile-wysiwyg-bubble-item>`\n   * children). It renders nothing — the editor reads the items and renders the\n   * real bubble menu in its own shadow DOM. The editor's internal instance\n   * lives in a shadow root, so `closest` never matches it.\n   */\n  private get isAuthoringContainer(): boolean {\n    return !!this.closest('nile-wysiwyg-editor');\n  }\n\n  public render(): TemplateResult {\n    if (this.isAuthoringContainer) return html``;\n\n    const state = this.toolbarState;\n    const entries: AuthoredToolbarItem[] =\n      this.items && this.items.length\n        ? this.items\n        : DEFAULT_BUBBLE.map(name => ({ name }));\n    return html`\n      <div class=\"bubble\" part=\"bubble-menu\" @mousedown=${(e: Event) => e.preventDefault()}>\n        ${entries.map(entry => this.renderEntry(entry, state))}\n      </div>\n    `;\n  }\n\n  private renderEntry(\n    entry: AuthoredToolbarItem,\n    state?: ToolbarState\n  ): TemplateResult | typeof nothing {\n    if (entry.name === '|') {\n      return html`<span class=\"divider\" part=\"bubble-divider\"></span>`;\n    }\n    const base = BUBBLE_ITEMS[entry.name];\n    const label = entry.label || base?.label || entry.name;\n    const icon = entry.icon || base?.icon;\n    // Unknown command with no icon to draw → nothing to render.\n    if (!icon) return nothing;\n    const command = base?.command ?? (entry.name as WysiwygCommandDetail['name']);\n    const attrs = base?.attrs;\n    const isActive = base?.active && state ? base.active(state) : false;\n    return html`\n      <nile-lite-tooltip content=${label} placement=\"top\">\n        <button\n          type=\"button\"\n          aria-label=${label}\n          ?data-active=${isActive}\n          @click=${() =>\n            this.emit('wysiwyg-command', attrs ? { name: command, attrs } : { name: command })}\n        >\n          ${renderGlyph(icon, 16)}\n        </button>\n      </nile-lite-tooltip>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-bubble-menu': NileWysiwygBubbleMenu;\n  }\n}\n"],"names":["BUBBLE_ITEMS","bold","command","label","icon","active","s","italic","underline","strike","code","subscript","superscript","link","linkActive","bulletList","inBulletList","orderedList","inOrderedList","alignLeft","attrs","align","alignCenter","alignRight","clearFormatting","DEFAULT_BUBBLE","NileWysiwygBubbleMenu","_l","m","constructor","this","open","_this","_inherits","_createClass","key","get","isAuthoringContainer","closest","value","render","html","_templateObject","_taggedTemplateLiteral","state","toolbarState","entries","items","length","map","name","_templateObject2","e","preventDefault","entry","renderEntry","_templateObject3","base","nothing","isActive","_templateObject4","emit","renderGlyph","styles","css","_templateObject5","NileElement","__decorate","property","type","Boolean","reflect","prototype","attribute","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/bubble-menu.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{css as t,html as e,nothing as n}from"lit";import{property as r,customElement as l}from"lit/decorators.js";import{N as o}from"../../internal/nile-element.esm.js";import{r as a}from"../../internal/glyph.esm.js";import"../../nile-lite-tooltip/nile-lite-tooltip.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../../tippy.esm-57628c2b.esm.js";import"../../nile-lite-tooltip/utils.esm.js";import"../../utilities/visibility-manager.esm.js";const s={bold:{command:"bold",label:"Bold",icon:"format_bold",active:i=>i.bold},italic:{command:"italic",label:"Italic",icon:"format_italic",active:i=>i.italic},underline:{command:"underline",label:"Underline",icon:"format_underline",active:i=>i.underline},strike:{command:"strike",label:"Strikethrough",icon:"ng-strikethrough",active:i=>i.strike},code:{command:"code",label:"Inline code",icon:"ng-code",active:i=>i.code},subscript:{command:"subscript",label:"Subscript",icon:"ng-subscript",active:i=>i.subscript},superscript:{command:"superscript",label:"Superscript",icon:"ng-superscript",active:i=>i.superscript},link:{command:"openLink",label:"Link",icon:"link_2",active:i=>i.linkActive},bulletList:{command:"bulletList",label:"Bulleted list",icon:"format_list_bulleted",active:i=>i.inBulletList},orderedList:{command:"orderedList",label:"Numbered list",icon:"format_list_numbered",active:i=>i.inOrderedList},alignLeft:{command:"align",label:"Align left",icon:"format_align_left",attrs:{align:"left"},active:i=>"left"===i.align},alignCenter:{command:"align",label:"Align center",icon:"format_align_middle",attrs:{align:"center"},active:i=>"center"===i.align},alignRight:{command:"align",label:"Align right",icon:"format_align_right",attrs:{align:"right"},active:i=>"right"===i.align},clearFormatting:{command:"clearFormatting",label:"Clear formatting",icon:"format_clear"}},c=["bold","italic","underline","strike","link"];let m=class extends o{constructor(){super(...arguments),this.open=!1}static get styles(){return[t`
+import{__decorate as i}from"tslib";import{css as t,html as e,nothing as r}from"lit";import{property as n,customElement as o}from"lit/decorators.js";import{N as l}from"../../internal/nile-element.esm.js";import{r as a}from"../../internal/glyph.esm.js";import"../../nile-lite-tooltip/nile-lite-tooltip.esm.js";import"../../internal/accessibility/a11y.state.enum.esm.js";import"../../internal/accessibility/a11y.property.enum.esm.js";import"../../internal/accessibility/role.enum.esm.js";import"../../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../../tippy.esm-57628c2b.esm.js";import"../../nile-lite-tooltip/utils.esm.js";import"../../utilities/visibility-manager.esm.js";const s={bold:{command:"bold",label:"Bold",icon:"format_bold",active:i=>i.bold},italic:{command:"italic",label:"Italic",icon:"format_italic",active:i=>i.italic},underline:{command:"underline",label:"Underline",icon:"format_underline",active:i=>i.underline},strike:{command:"strike",label:"Strikethrough",icon:"ng-strikethrough",active:i=>i.strike},code:{command:"code",label:"Inline code",icon:"ng-code",active:i=>i.code},subscript:{command:"subscript",label:"Subscript",icon:"ng-subscript",active:i=>i.subscript},superscript:{command:"superscript",label:"Superscript",icon:"ng-superscript",active:i=>i.superscript},link:{command:"openLink",label:"Link",icon:"link_2",active:i=>i.linkActive},bulletList:{command:"bulletList",label:"Bulleted list",icon:"format_list_bulleted",active:i=>i.inBulletList},orderedList:{command:"orderedList",label:"Numbered list",icon:"format_list_numbered",active:i=>i.inOrderedList},alignLeft:{command:"align",label:"Align left",icon:"format_align_left",attrs:{align:"left"},active:i=>"left"===i.align},alignCenter:{command:"align",label:"Align center",icon:"format_align_middle",attrs:{align:"center"},active:i=>"center"===i.align},alignRight:{command:"align",label:"Align right",icon:"format_align_right",attrs:{align:"right"},active:i=>"right"===i.align},clearFormatting:{command:"clearFormatting",label:"Clear formatting",icon:"format_clear"}},c=["bold","italic","underline","strike","link"];let m=class extends l{constructor(){super(...arguments),this.open=!1}static get styles(){return[t`
         :host {
           font-family: var(
             --nile-font-family-sans-serif,
@@ -17,9 +17,9 @@ import{__decorate as i}from"tslib";import{css as t,html as e,nothing as n}from"l
           display: flex;
           gap: 2px;
           padding: 4px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
           border: 1px solid
-            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, #d0d5dd));
+            var(--nile-wysiwyg-border-color, var(--nile-colors-neutral-400, var(--ng-colors-border-primary)));
           border-radius: var(--nile-wysiwyg-radius, 8px);
           box-shadow: var(
             --nile-wysiwyg-popover-shadow,
@@ -39,37 +39,37 @@ import{__decorate as i}from"tslib";import{css as t,html as e,nothing as n}from"l
           cursor: pointer;
           font-size: 13px;
           font-weight: 600;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         button:hover {
-          background: var(--nile-colors-neutral-100, #f2f4f7);
+          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
         }
 
         button[data-active] {
-          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));
-          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));
+          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));
+          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));
         }
 
         .divider {
           align-self: stretch;
           width: 1px;
           margin: 3px 2px;
-          background: var(--nile-colors-neutral-300, #e4e7ec);
+          background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
         }
       `]}get isAuthoringContainer(){return!!this.closest("nile-wysiwyg-editor")}render(){if(this.isAuthoringContainer)return e``;const i=this.toolbarState,t=this.items&&this.items.length?this.items:c.map((i=>({name:i})));return e`
       <div class="bubble" part="bubble-menu" @mousedown=${i=>i.preventDefault()}>
         ${t.map((t=>this.renderEntry(t,i)))}
       </div>
-    `}renderEntry(i,t){if("|"===i.name)return e`<span class="divider" part="bubble-divider"></span>`;const r=s[i.name],l=i.label||r?.label||i.name,o=i.icon||r?.icon;if(!o)return n;const c=r?.command??i.name,m=r?.attrs,d=!(!r?.active||!t)&&r.active(t);return e`
-      <nile-lite-tooltip content=${l} placement="top">
+    `}renderEntry(i,t){if("|"===i.name)return e`<span class="divider" part="bubble-divider"></span>`;const n=s[i.name],o=i.label||n?.label||i.name,l=i.icon||n?.icon;if(!l)return r;const c=n?.command??i.name,m=n?.attrs,d=!(!n?.active||!t)&&n.active(t);return e`
+      <nile-lite-tooltip content=${o} placement="top">
         <button
           type="button"
-          aria-label=${l}
+          aria-label=${o}
           ?data-active=${d}
           @click=${()=>this.emit("wysiwyg-command",m?{name:c,attrs:m}:{name:c})}
         >
-          ${a(o,16)}
+          ${a(l,16)}
         </button>
       </nile-lite-tooltip>
-    `}};i([r({type:Boolean,reflect:!0})],m.prototype,"open",void 0),i([r({attribute:!1})],m.prototype,"toolbarState",void 0),i([r({attribute:!1})],m.prototype,"items",void 0),m=i([l("nile-wysiwyg-bubble-menu")],m);
+    `}};i([n({type:Boolean,reflect:!0})],m.prototype,"open",void 0),i([n({attribute:!1})],m.prototype,"toolbarState",void 0),i([n({attribute:!1})],m.prototype,"items",void 0),m=i([o("nile-wysiwyg-bubble-menu")],m);

package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../engine/plugins/code-highlight.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../index-89c520e9.cjs.js","../../index-3ca67627.cjs.js","../../xml-90fd974e.cjs.js"],function(_export,_context){"use strict";var e,n,s,o,i,t,a,_templateObject,_templateObject2,_templateObject3,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){n=_lit.css;s=_lit.html;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){t=_internalNileElementCjsJs.N;},function(_enginePluginsCodeHighlightCjsJs){a=_enginePluginsCodeHighlightCjsJs.C;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_index00bCjsJs){},function(_index00aCjsJs){},function(_xml00cCjsJs){}],execute:function execute(){r=/*#__PURE__*/function(_t){function r(){var _this;_classCallCheck(this,r);_this=_callSuper(this,r,arguments),_this.open=!1,_this.language=null;return _this;}_inherits(r,_t);return _createClass(r,[{key:"render",value:function render(){var _this$language,_this2=this;var e=(_this$language=this.language)!==null&&_this$language!==void 0?_this$language:"";return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span class=\"menu\" part=\"code-language\" @mousedown=",">\n        <span class=\"label\">Language</span>\n        <select\n          aria-label=\"Code block language\"\n          title=\"Syntax highlighting language for this code block\"\n          .value=","\n          @change=","\n        >\n          ","\n        </select>\n      </span>\n    "])),function(e){return e.stopPropagation();},e,function(e){var n=e.target.value;_this2.emit("wysiwyg-command",{name:"setCodeBlockLanguage",attrs:{language:n||null}});},a.map(function(n){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <option value="," ?selected=",">\n                ","\n              </option>\n            "])),n.value,n.value===e,n.label);}));}}],[{key:"styles",get:function get(){return[n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .menu {\n          display: inline-flex;\n          align-items: center;\n          gap: 6px;\n          padding: 4px 4px 4px 10px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          background: var(--nile-colors-white-base, #ffffff);\n          box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);\n        }\n\n        .label {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          white-space: nowrap;\n        }\n\n        select {\n          font: inherit;\n          font-size: 12px;\n          height: 24px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n          cursor: pointer;\n          outline: none;\n        }\n\n        select:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n      "])))];}}]);}(t);e([o({type:Boolean,reflect:!0})],r.prototype,"open",void 0),e([o({type:String})],r.prototype,"language",void 0),r=e([i("nile-wysiwyg-code-menu")],r);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","../../internal/nile-element.cjs.js","../engine/plugins/code-highlight.cjs.js","../../internal/accessibility/a11y.state.enum.cjs.js","../../internal/accessibility/a11y.property.enum.cjs.js","../../internal/accessibility/role.enum.cjs.js","../../index-89c520e9.cjs.js","../../index-3ca67627.cjs.js","../../xml-90fd974e.cjs.js"],function(_export,_context){"use strict";var e,o,n,r,s,a,t,_templateObject,_templateObject2,_templateObject3,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){o=_lit.css;n=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_enginePluginsCodeHighlightCjsJs){t=_enginePluginsCodeHighlightCjsJs.C;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_index00bCjsJs){},function(_index00aCjsJs){},function(_xml00cCjsJs){}],execute:function execute(){i=/*#__PURE__*/function(_a){function i(){var _this;_classCallCheck(this,i);_this=_callSuper(this,i,arguments),_this.open=!1,_this.language=null;return _this;}_inherits(i,_a);return _createClass(i,[{key:"render",value:function render(){var _this$language,_this2=this;var e=(_this$language=this.language)!==null&&_this$language!==void 0?_this$language:"";return n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span class=\"menu\" part=\"code-language\" @mousedown=",">\n        <span class=\"label\">Language</span>\n        <select\n          aria-label=\"Code block language\"\n          title=\"Syntax highlighting language for this code block\"\n          .value=","\n          @change=","\n        >\n          ","\n        </select>\n      </span>\n    "])),function(e){return e.stopPropagation();},e,function(e){var o=e.target.value;_this2.emit("wysiwyg-command",{name:"setCodeBlockLanguage",attrs:{language:o||null}});},t.map(function(o){return n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <option value="," ?selected=",">\n                ","\n              </option>\n            "])),o.value,o.value===e,o.label);}));}}],[{key:"styles",get:function get(){return[o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .menu {\n          display: inline-flex;\n          align-items: center;\n          gap: 6px;\n          padding: 4px 4px 4px 10px;\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n          box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);\n        }\n\n        .label {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n          white-space: nowrap;\n        }\n\n        select {\n          font: inherit;\n          font-size: 12px;\n          height: 24px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n          cursor: pointer;\n          outline: none;\n        }\n\n        select:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      "])))];}}]);}(a);e([r({type:Boolean,reflect:!0})],i.prototype,"open",void 0),e([r({type:String})],i.prototype,"language",void 0),i=e([s("nile-wysiwyg-code-menu")],i);}};});
 //# sourceMappingURL=code-block-menu.cjs.js.map

package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/code-block-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { CODE_LANGUAGES } from '../engine/plugins/code-highlight';\n\n/**\n * Compact floating language picker shown while the cursor is inside a code\n * block. Selection dispatches `wysiwyg-command` with setCodeBlockLanguage.\n */\n@customElement('nile-wysiwyg-code-menu')\nexport class NileWysiwygCodeMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Current language attr ('' = auto, null treated as ''). */\n  @property({ type: String }) language: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .menu {\n          display: inline-flex;\n          align-items: center;\n          gap: 6px;\n          padding: 4px 4px 4px 10px;\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          background: var(--nile-colors-white-base, #ffffff);\n          box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);\n        }\n\n        .label {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, #98a2b3);\n          white-space: nowrap;\n        }\n\n        select {\n          font: inherit;\n          font-size: 12px;\n          height: 24px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, #344054);\n          cursor: pointer;\n          outline: none;\n        }\n\n        select:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n      `,\n    ];\n  }\n\n  public render(): TemplateResult {\n    const value = this.language ?? '';\n    return html`\n      <span class=\"menu\" part=\"code-language\" @mousedown=${(e: Event) => e.stopPropagation()}>\n        <span class=\"label\">Language</span>\n        <select\n          aria-label=\"Code block language\"\n          title=\"Syntax highlighting language for this code block\"\n          .value=${value}\n          @change=${(e: Event) => {\n            const language = (e.target as HTMLSelectElement).value;\n            this.emit('wysiwyg-command', {\n              name: 'setCodeBlockLanguage',\n              attrs: { language: language || null },\n            });\n          }}\n        >\n          ${CODE_LANGUAGES.map(\n            lang => html`\n              <option value=${lang.value} ?selected=${lang.value === value}>\n                ${lang.label}\n              </option>\n            `\n          )}\n        </select>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-code-menu': NileWysiwygCodeMenu;\n  }\n}\n"],"names":["NileWysiwygCodeMenu","_t","r","constructor","this","open","language","_this","_inherits","_createClass","key","value","render","_this$language","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","target","emit","name","attrs","CODE_LANGUAGES","map","lang","_templateObject2","label","__decorate","get","css","_templateObject3","NileElement","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"6qHAUaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuCC,KAAAA,CAAIC,IAAG,CAAA,CAAA,CAAA,CAGvBD,KAAAA,CAAQE,QAAAA,CAAkB,IAoFvD,QAAAC,KAAA,EAlFQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAsDA,SAAAC,MAAAA,CAAAA,iCACL,GAAMD,CAAAA,CAAAA,EAAAA,cAAAA,CAAQP,KAAKE,QAAY,UAAAO,cAAA,UAAAA,cAAA,CAAA,EAAA,CAC/B,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8WAC6CC,SAAAA,CAAAA,QAAaA,CAAAA,CAAEC,CAAAA,eAAAA,CAAAA,CAAAA,GAKxDP,CAAAA,CACEM,SAAAA,CAAAA,CAAAA,CACT,GAAMX,CAAAA,CAAAA,CAAYW,CAAEE,CAAAA,MAAAA,CAA6BR,MACjDP,MAAKgB,CAAAA,IAAAA,CAAK,iBAAmB,CAAA,CAC3BC,KAAM,sBACNC,CAAAA,KAAAA,CAAO,CAAEhB,QAAAA,CAAUA,GAAY,IAC/B,CAAA,CAAA,CAAA,EAAA,CAGFiB,CAAeC,CAAAA,GAAAA,CACfC,SAAAA,SAAQX,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,oHACMS,CAAKd,CAAAA,KAAAA,CAAmBc,EAAKd,KAAUA,GAAAA,CAAAA,CACnDc,CAAKE,CAAAA,KAAAA,MAOpB,CAtF2CC,KAAAA,GAAAA,UAAAA,GAAAA,CAKrC,SAAAC,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAf,sBAAA,6yCAkDN,EAEM,MA5DgCgB,GACKJ,CAAAA,CAAA,CAA3CK,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAqBpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqC,SAAA,CAAA,MAAA,CAAA,IAAA,EAG7BT,CAAAA,CAAAA,CAAAA,CAAA,CAA3BK,CAAS,CAAA,CAAEC,IAAMI,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAyCtC,CAAAqC,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAJhDrC,CAAmB4B,CAAAA,CAAAA,CAAA,CAD/BW,CAAAA,CAAc,wBACFvC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"code-block-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/code-block-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\nimport { CODE_LANGUAGES } from '../engine/plugins/code-highlight';\n\n/**\n * Compact floating language picker shown while the cursor is inside a code\n * block. Selection dispatches `wysiwyg-command` with setCodeBlockLanguage.\n */\n@customElement('nile-wysiwyg-code-menu')\nexport class NileWysiwygCodeMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Current language attr ('' = auto, null treated as ''). */\n  @property({ type: String }) language: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host {\n          font-family: var(\n            --nile-font-family-sans-serif,\n            var(--ng-font-family-body, system-ui, -apple-system, sans-serif)\n          );\n          position: absolute;\n          z-index: 15;\n          display: none;\n        }\n\n        :host([open]) {\n          display: block;\n        }\n\n        .menu {\n          display: inline-flex;\n          align-items: center;\n          gap: 6px;\n          padding: 4px 4px 4px 10px;\n          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n          border-radius: 8px;\n          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n          box-shadow: 0 4px 12px rgba(16, 24, 40, 0.12);\n        }\n\n        .label {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));\n          white-space: nowrap;\n        }\n\n        select {\n          font: inherit;\n          font-size: 12px;\n          height: 24px;\n          padding: 0 4px;\n          border: none;\n          border-radius: 5px;\n          background: transparent;\n          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));\n          cursor: pointer;\n          outline: none;\n        }\n\n        select:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n      `,\n    ];\n  }\n\n  public render(): TemplateResult {\n    const value = this.language ?? '';\n    return html`\n      <span class=\"menu\" part=\"code-language\" @mousedown=${(e: Event) => e.stopPropagation()}>\n        <span class=\"label\">Language</span>\n        <select\n          aria-label=\"Code block language\"\n          title=\"Syntax highlighting language for this code block\"\n          .value=${value}\n          @change=${(e: Event) => {\n            const language = (e.target as HTMLSelectElement).value;\n            this.emit('wysiwyg-command', {\n              name: 'setCodeBlockLanguage',\n              attrs: { language: language || null },\n            });\n          }}\n        >\n          ${CODE_LANGUAGES.map(\n            lang => html`\n              <option value=${lang.value} ?selected=${lang.value === value}>\n                ${lang.label}\n              </option>\n            `\n          )}\n        </select>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-code-menu': NileWysiwygCodeMenu;\n  }\n}\n"],"names":["NileWysiwygCodeMenu","_a","i","constructor","this","open","language","_this","_inherits","_createClass","key","value","render","_this$language","html","_templateObject","_taggedTemplateLiteral","e","stopPropagation","target","emit","name","attrs","CODE_LANGUAGES","map","lang","_templateObject2","label","__decorate","get","css","_templateObject3","NileElement","property","type","Boolean","reflect","prototype","String","customElement"],"mappings":"6qHAUaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuCC,KAAAA,CAAIC,IAAG,CAAA,CAAA,CAAA,CAGvBD,KAAAA,CAAQE,QAAAA,CAAkB,IAoFvD,QAAAC,KAAA,EAlFQC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,UAAAC,KAAA,CAsDA,SAAAC,MAAAA,CAAAA,iCACL,GAAMD,CAAAA,CAAAA,EAAAA,cAAAA,CAAQP,KAAKE,QAAY,UAAAO,cAAA,UAAAA,cAAA,CAAA,EAAA,CAC/B,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8WAC6CC,SAAAA,CAAAA,QAAaA,CAAAA,CAAEC,CAAAA,eAAAA,CAAAA,CAAAA,GAKxDP,CAAAA,CACEM,SAAAA,CAAAA,CAAAA,CACT,GAAMX,CAAAA,CAAAA,CAAYW,CAAEE,CAAAA,MAAAA,CAA6BR,MACjDP,MAAKgB,CAAAA,IAAAA,CAAK,iBAAmB,CAAA,CAC3BC,KAAM,sBACNC,CAAAA,KAAAA,CAAO,CAAEhB,QAAAA,CAAUA,GAAY,IAC/B,CAAA,CAAA,CAAA,EAAA,CAGFiB,CAAeC,CAAAA,GAAAA,CACfC,SAAAA,SAAQX,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,oHACMS,CAAKd,CAAAA,KAAAA,CAAmBc,EAAKd,KAAUA,GAAAA,CAAAA,CACnDc,CAAKE,CAAAA,KAAAA,MAOpB,CAtF2CC,KAAAA,GAAAA,UAAAA,GAAAA,CAKrC,SAAAC,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAf,sBAAA,w6CAkDN,EAEM,MA5DgCgB,GACKJ,CAAAA,CAAA,CAA3CK,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAqBpC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqC,SAAA,CAAA,MAAA,CAAA,IAAA,EAG7BT,CAAAA,CAAAA,CAAAA,CAAA,CAA3BK,CAAS,CAAA,CAAEC,IAAMI,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAyCtC,CAAAqC,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAJhDrC,CAAmB4B,CAAAA,CAAAA,CAAA,CAD/BW,CAAAA,CAAc,wBACFvC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}