@aquera/nile-elements 2.0.0 → 2.0.1

package/dist/nile-wysiwyg-editor/ui/insert-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/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 e,i,t,s,o,r,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,a;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){i=_lit.css;t=_lit.html;s=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;r=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_n){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.heading="",_this.emptyText="Nothing configured.",_this.items=[];return _this;}_inherits(a,_n);return _createClass(a,[{key:"handleKeydown",value:function handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-insert-cancel"));}},{key:"render",value:function render(){var _this2=this;return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=\"panel\"\n        part=\"insert-menu\"\n        role=\"menu\"\n        @keydown=","\n        @mousedown=","\n      >\n        ","\n        ","\n      </div>\n    "])),this.handleKeydown,function(e){return e.preventDefault();},this.heading?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"heading\">","</div>"])),this.heading):s,0===this.items.length?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"empty\">","</div>"])),this.emptyText):this.items.map(function(e,i){return t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <button\n                  type=\"button\"\n                  class=\"item\"\n                  role=\"menuitem\"\n                  @click=","\n                >\n                  <div class=\"label\">","</div>\n                  ","\n                </button>\n              "])),function(){return _this2.emit("wysiwyg-insert-select",{index:i});},e.label,e.description?t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<div class=\"desc\">","</div>"])),e.description):s);}));}}],[{key:"styles",get:function get(){return[i(_templateObject6||(_templateObject6=_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        .panel {\n          width: 260px;\n          max-height: 300px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          padding: 6px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .heading {\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-600, #667085);\n          padding: 4px 8px;\n        }\n\n        .item {\n          display: block;\n          width: 100%;\n          text-align: left;\n          font: inherit;\n          padding: 6px 8px;\n          border: none;\n          border-radius: 6px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, #101828);\n        }\n\n        .item:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        .item .label {\n          font-size: 13px;\n        }\n\n        .item .desc {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-600, #667085);\n          margin-top: 1px;\n        }\n\n        .empty {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #667085);\n          padding: 8px;\n        }\n      "])))];}}]);}(n);e([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0),e([o({type:String})],a.prototype,"heading",void 0),e([o({type:String,attribute:"empty-text"})],a.prototype,"emptyText",void 0),e([o({attribute:!1})],a.prototype,"items",void 0),a=e([r("nile-wysiwyg-insert-menu")],a);}};});
+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 e,t,r,i,o,s,n,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,a;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){t=_lit.css;r=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_n){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.heading="",_this.emptyText="Nothing configured.",_this.items=[];return _this;}_inherits(a,_n);return _createClass(a,[{key:"handleKeydown",value:function handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-insert-cancel"));}},{key:"render",value:function render(){var _this2=this;return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=\"panel\"\n        part=\"insert-menu\"\n        role=\"menu\"\n        @keydown=","\n        @mousedown=","\n      >\n        ","\n        ","\n      </div>\n    "])),this.handleKeydown,function(e){return e.preventDefault();},this.heading?r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"heading\">","</div>"])),this.heading):i,0===this.items.length?r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"empty\">","</div>"])),this.emptyText):this.items.map(function(e,t){return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <button\n                  type=\"button\"\n                  class=\"item\"\n                  role=\"menuitem\"\n                  @click=","\n                >\n                  <div class=\"label\">","</div>\n                  ","\n                </button>\n              "])),function(){return _this2.emit("wysiwyg-insert-select",{index:t});},e.label,e.description?r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<div class=\"desc\">","</div>"])),e.description):i);}));}}],[{key:"styles",get:function get(){return[t(_templateObject6||(_templateObject6=_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        .panel {\n          width: 260px;\n          max-height: 300px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          padding: 6px;\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: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .heading {\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          padding: 4px 8px;\n        }\n\n        .item {\n          display: block;\n          width: 100%;\n          text-align: left;\n          font: inherit;\n          padding: 6px 8px;\n          border: none;\n          border-radius: 6px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .item:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        .item .label {\n          font-size: 13px;\n        }\n\n        .item .desc {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          margin-top: 1px;\n        }\n\n        .empty {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          padding: 8px;\n        }\n      "])))];}}]);}(n);e([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0),e([o({type:String})],a.prototype,"heading",void 0),e([o({type:String,attribute:"empty-text"})],a.prototype,"emptyText",void 0),e([o({attribute:!1})],a.prototype,"items",void 0),a=e([s("nile-wysiwyg-insert-menu")],a);}};});
 //# sourceMappingURL=insert-menu.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"insert-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/insert-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nexport interface InsertMenuItem {\n  label: string;\n  description?: string;\n}\n\n/**\n * Generic list popover for \"pick one and insert\" toolbar actions — used by the\n * template and merge-field pickers. Emits `wysiwyg-insert-select` { index } and\n * `wysiwyg-insert-cancel`. Never takes focus, so the editor selection survives.\n */\n@customElement('nile-wysiwyg-insert-menu')\nexport class NileWysiwygInsertMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) heading = '';\n\n  @property({ type: String, attribute: 'empty-text' }) emptyText = 'Nothing configured.';\n\n  @property({ attribute: false }) items: InsertMenuItem[] = [];\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        .panel {\n          width: 260px;\n          max-height: 300px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          padding: 6px;\n          background: var(--nile-wysiwyg-popover-bg, #ffffff);\n          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);\n          border-radius: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .heading {\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-600, #667085);\n          padding: 4px 8px;\n        }\n\n        .item {\n          display: block;\n          width: 100%;\n          text-align: left;\n          font: inherit;\n          padding: 6px 8px;\n          border: none;\n          border-radius: 6px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, #101828);\n        }\n\n        .item:hover {\n          background: var(--nile-colors-neutral-100, #f2f4f7);\n        }\n\n        .item .label {\n          font-size: 13px;\n        }\n\n        .item .desc {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-600, #667085);\n          margin-top: 1px;\n        }\n\n        .empty {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, #667085);\n          padding: 8px;\n        }\n      `,\n    ];\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-insert-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=\"panel\"\n        part=\"insert-menu\"\n        role=\"menu\"\n        @keydown=${this.handleKeydown}\n        @mousedown=${(e: Event) => e.preventDefault()}\n      >\n        ${this.heading ? html`<div class=\"heading\">${this.heading}</div>` : nothing}\n        ${this.items.length === 0\n          ? html`<div class=\"empty\">${this.emptyText}</div>`\n          : this.items.map(\n              (item, index) => html`\n                <button\n                  type=\"button\"\n                  class=\"item\"\n                  role=\"menuitem\"\n                  @click=${() => this.emit('wysiwyg-insert-select', { index })}\n                >\n                  <div class=\"label\">${item.label}</div>\n                  ${item.description\n                    ? html`<div class=\"desc\">${item.description}</div>`\n                    : nothing}\n                </button>\n              `\n            )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-insert-menu': NileWysiwygInsertMenu;\n  }\n}\n"],"names":["NileWysiwygInsertMenu","_n","a","constructor","this","open","heading","emptyText","items","_this","_inherits","_createClass","key","value","handleKeydown","event","stopPropagation","emit","render","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","_templateObject2","nothing","length","_templateObject3","map","item","index","_templateObject4","label","description","_templateObject5","__decorate","get","css","_templateObject6","NileElement","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"48GAeaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuCC,KAAAA,CAAIC,IAAG,CAAA,CAAA,CAAA,CAEvBD,KAAAA,CAAOE,OAAAA,CAAG,GAEeF,KAAAA,CAASG,SAAAA,CAAG,qBAEjCH,CAAAA,KAAAA,CAAKI,MAAqB,EAiH3D,QAAAC,KAAA,EA/GQC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,iBAAAC,KAAA,CA0EC,SAAAC,aAAAA,CAAcC,CACF,CAAA,CAAA,QAAA,GAAdA,EAAMH,GACRG,GAAAA,CAAAA,CAAMC,eACNZ,CAAAA,CAAAA,CAAAA,IAAAA,CAAKa,KAAK,uBAEb,CAAA,CAAA,EAEM,GAAAL,GAAA,UAAAC,KAAA,UAAAK,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uMAKIjB,IAAKU,CAAAA,aAAAA,CACFQ,SAAAA,CAAAA,QAAaA,CAAAA,CAAEC,CAAAA,cAAAA,CAAAA,CAAAA,GAE3BnB,IAAAA,CAAKE,OAAUa,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,wCAAwBjB,IAAAA,CAAKE,OAAkBmB,EAAAA,CAAAA,CAC5C,CAAA,GAAtBrB,IAAKI,CAAAA,KAAAA,CAAMkB,MACTP,CAAAA,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,sCAAsBjB,IAAAA,CAAKG,SAC/BH,EAAAA,IAAAA,CAAKI,KAAMoB,CAAAA,GAAAA,CACT,SAACC,CAAAA,CAAMC,SAAUX,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,gTAKR,iBAAMjB,CAAAA,MAAAA,CAAKa,IAAK,CAAA,uBAAA,CAAyB,CAAEa,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAE/BD,CAAKG,CAAAA,KAAAA,CACxBH,CAAAA,CAAKI,WACHd,CAAAA,CAAI,CAAAe,gBAAA,GAAAA,gBAAA,CAAAb,sBAAA,qCAAqBQ,CAAAA,CAAKI,WAC9BR,EAAAA,CAAAA,MAMnB,CAtH2CU,KAAAA,GAAAA,UAAAA,GAAAA,CAQrC,SAAAC,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAjB,sBAAA,uzDAsEN,EAEO,MAnFiCkB,GACGJ,CAAAA,CAAA,CAA3CK,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAqB3C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4C,SAAA,CAAA,MAAA,CAAA,IAAA,IAE7BT,CAAA,CAAA,CAA3BK,EAAS,CAAEC,IAAAA,CAAMI,UAAuB7C,CAAA4C,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAEYT,CAAA,CAAA,CAApDK,EAAS,CAAEC,IAAAA,CAAMI,OAAQC,SAAW,CAAA,YAAA,CAAA,CAAA,CAAA,CAAkD9C,EAAA4C,SAAA,CAAA,WAAA,CAAA,IAAA,EAEvDT,CAAAA,CAAAA,CAAAA,CAAA,CAA/BK,CAAAA,CAAS,CAAEM,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsC9C,EAAA4C,SAAA,CAAA,OAAA,CAAA,IAAA,IAPlD5C,CAAqBmC,CAAAA,CAAAA,CAAA,CADjCY,CAAAA,CAAc,0BACF/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"insert-menu.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/insert-menu.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\nexport interface InsertMenuItem {\n  label: string;\n  description?: string;\n}\n\n/**\n * Generic list popover for \"pick one and insert\" toolbar actions — used by the\n * template and merge-field pickers. Emits `wysiwyg-insert-select` { index } and\n * `wysiwyg-insert-cancel`. Never takes focus, so the editor selection survives.\n */\n@customElement('nile-wysiwyg-insert-menu')\nexport class NileWysiwygInsertMenu extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) heading = '';\n\n  @property({ type: String, attribute: 'empty-text' }) emptyText = 'Nothing configured.';\n\n  @property({ attribute: false }) items: InsertMenuItem[] = [];\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        .panel {\n          width: 260px;\n          max-height: 300px;\n          overflow-y: auto;\n          overscroll-behavior: contain;\n          padding: 6px;\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: 8px;\n          box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));\n        }\n\n        .heading {\n          font-size: 11px;\n          font-weight: 600;\n          text-transform: uppercase;\n          letter-spacing: 0.04em;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          padding: 4px 8px;\n        }\n\n        .item {\n          display: block;\n          width: 100%;\n          text-align: left;\n          font: inherit;\n          padding: 6px 8px;\n          border: none;\n          border-radius: 6px;\n          background: transparent;\n          cursor: pointer;\n          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n        }\n\n        .item:hover {\n          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n        }\n\n        .item .label {\n          font-size: 13px;\n        }\n\n        .item .desc {\n          font-size: 11px;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          margin-top: 1px;\n        }\n\n        .empty {\n          font-size: 12px;\n          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));\n          padding: 8px;\n        }\n      `,\n    ];\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-insert-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div\n        class=\"panel\"\n        part=\"insert-menu\"\n        role=\"menu\"\n        @keydown=${this.handleKeydown}\n        @mousedown=${(e: Event) => e.preventDefault()}\n      >\n        ${this.heading ? html`<div class=\"heading\">${this.heading}</div>` : nothing}\n        ${this.items.length === 0\n          ? html`<div class=\"empty\">${this.emptyText}</div>`\n          : this.items.map(\n              (item, index) => html`\n                <button\n                  type=\"button\"\n                  class=\"item\"\n                  role=\"menuitem\"\n                  @click=${() => this.emit('wysiwyg-insert-select', { index })}\n                >\n                  <div class=\"label\">${item.label}</div>\n                  ${item.description\n                    ? html`<div class=\"desc\">${item.description}</div>`\n                    : nothing}\n                </button>\n              `\n            )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-insert-menu': NileWysiwygInsertMenu;\n  }\n}\n"],"names":["NileWysiwygInsertMenu","_n","a","constructor","this","open","heading","emptyText","items","_this","_inherits","_createClass","key","value","handleKeydown","event","stopPropagation","emit","render","html","_templateObject","_taggedTemplateLiteral","e","preventDefault","_templateObject2","nothing","length","_templateObject3","map","item","index","_templateObject4","label","description","_templateObject5","__decorate","get","css","_templateObject6","NileElement","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"48GAeaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCACuCC,KAAAA,CAAIC,IAAG,CAAA,CAAA,CAAA,CAEvBD,KAAAA,CAAOE,OAAAA,CAAG,GAEeF,KAAAA,CAASG,SAAAA,CAAG,qBAEjCH,CAAAA,KAAAA,CAAKI,MAAqB,EAiH3D,QAAAC,KAAA,EA/GQC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,iBAAAC,KAAA,CA0EC,SAAAC,aAAAA,CAAcC,CACF,CAAA,CAAA,QAAA,GAAdA,EAAMH,GACRG,GAAAA,CAAAA,CAAMC,eACNZ,CAAAA,CAAAA,CAAAA,IAAAA,CAAKa,KAAK,uBAEb,CAAA,CAAA,EAEM,GAAAL,GAAA,UAAAC,KAAA,UAAAK,MAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uMAKIjB,IAAKU,CAAAA,aAAAA,CACFQ,SAAAA,CAAAA,QAAaA,CAAAA,CAAEC,CAAAA,cAAAA,CAAAA,CAAAA,GAE3BnB,IAAAA,CAAKE,OAAUa,CAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,wCAAwBjB,IAAAA,CAAKE,OAAkBmB,EAAAA,CAAAA,CAC5C,CAAA,GAAtBrB,IAAKI,CAAAA,KAAAA,CAAMkB,MACTP,CAAAA,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,sCAAsBjB,IAAAA,CAAKG,SAC/BH,EAAAA,IAAAA,CAAKI,KAAMoB,CAAAA,GAAAA,CACT,SAACC,CAAAA,CAAMC,SAAUX,CAAAA,CAAI,CAAAY,gBAAA,GAAAA,gBAAA,CAAAV,sBAAA,gTAKR,iBAAMjB,CAAAA,MAAAA,CAAKa,IAAK,CAAA,uBAAA,CAAyB,CAAEa,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAE/BD,CAAKG,CAAAA,KAAAA,CACxBH,CAAAA,CAAKI,WACHd,CAAAA,CAAI,CAAAe,gBAAA,GAAAA,gBAAA,CAAAb,sBAAA,qCAAqBQ,CAAAA,CAAKI,WAC9BR,EAAAA,CAAAA,MAMnB,CAtH2CU,KAAAA,GAAAA,UAAAA,GAAAA,CAQrC,SAAAC,IAAA,CACL,CAAA,MAAO,CACLC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAjB,sBAAA,o+DAsEN,EAEO,MAnFiCkB,GACGJ,CAAAA,CAAA,CAA3CK,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAqB3C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4C,SAAA,CAAA,MAAA,CAAA,IAAA,IAE7BT,CAAA,CAAA,CAA3BK,EAAS,CAAEC,IAAAA,CAAMI,UAAuB7C,CAAA4C,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAEYT,CAAA,CAAA,CAApDK,EAAS,CAAEC,IAAAA,CAAMI,OAAQC,SAAW,CAAA,YAAA,CAAA,CAAA,CAAA,CAAkD9C,EAAA4C,SAAA,CAAA,WAAA,CAAA,IAAA,EAEvDT,CAAAA,CAAAA,CAAAA,CAAA,CAA/BK,CAAAA,CAAS,CAAEM,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsC9C,EAAA4C,SAAA,CAAA,OAAA,CAAA,IAAA,IAPlD5C,CAAqBmC,CAAAA,CAAAA,CAAA,CADjCY,CAAAA,CAAc,0BACF/C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"lit";import{property as o,customElement as r}from"lit/decorators.js";import{N as n}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 a=class extends n{constructor(){super(...arguments),this.open=!1,this.heading="",this.emptyText="Nothing configured.",this.items=[]}static get styles(){return[i`
+import{__decorate as e}from"tslib";import{css as t,html as r,nothing as i}from"lit";import{property as o,customElement as s}from"lit/decorators.js";import{N as n}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 a=class extends n{constructor(){super(...arguments),this.open=!1,this.heading="",this.emptyText="Nothing configured.",this.items=[]}static get styles(){return[t`
         :host {
           font-family: var(
             --nile-font-family-sans-serif,
@@ -19,8 +19,8 @@ import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"l
           overflow-y: auto;
           overscroll-behavior: contain;
           padding: 6px;
-          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: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
         }
@@ -30,7 +30,7 @@ import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"l
           font-weight: 600;
           text-transform: uppercase;
           letter-spacing: 0.04em;
-          color: var(--nile-colors-neutral-600, #667085);
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
           padding: 4px 8px;
         }
 
@@ -44,11 +44,11 @@ import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"l
           border-radius: 6px;
           background: transparent;
           cursor: pointer;
-          color: var(--nile-colors-dark-900, #101828);
+          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
         }
 
         .item:hover {
-          background: var(--nile-colors-neutral-100, #f2f4f7);
+          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
         }
 
         .item .label {
@@ -57,16 +57,16 @@ import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"l
 
         .item .desc {
           font-size: 11px;
-          color: var(--nile-colors-neutral-600, #667085);
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
           margin-top: 1px;
         }
 
         .empty {
           font-size: 12px;
-          color: var(--nile-colors-neutral-600, #667085);
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
           padding: 8px;
         }
-      `]}handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-insert-cancel"))}render(){return t`
+      `]}handleKeydown(e){"Escape"===e.key&&(e.stopPropagation(),this.emit("wysiwyg-insert-cancel"))}render(){return r`
       <div
         class="panel"
         part="insert-menu"
@@ -74,17 +74,17 @@ import{__decorate as e}from"tslib";import{css as i,html as t,nothing as s}from"l
         @keydown=${this.handleKeydown}
         @mousedown=${e=>e.preventDefault()}
       >
-        ${this.heading?t`<div class="heading">${this.heading}</div>`:s}
-        ${0===this.items.length?t`<div class="empty">${this.emptyText}</div>`:this.items.map(((e,i)=>t`
+        ${this.heading?r`<div class="heading">${this.heading}</div>`:i}
+        ${0===this.items.length?r`<div class="empty">${this.emptyText}</div>`:this.items.map(((e,t)=>r`
                 <button
                   type="button"
                   class="item"
                   role="menuitem"
-                  @click=${()=>this.emit("wysiwyg-insert-select",{index:i})}
+                  @click=${()=>this.emit("wysiwyg-insert-select",{index:t})}
                 >
                   <div class="label">${e.label}</div>
-                  ${e.description?t`<div class="desc">${e.description}</div>`:s}
+                  ${e.description?r`<div class="desc">${e.description}</div>`:i}
                 </button>
               `))}
       </div>
-    `}};e([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0),e([o({type:String})],a.prototype,"heading",void 0),e([o({type:String,attribute:"empty-text"})],a.prototype,"emptyText",void 0),e([o({attribute:!1})],a.prototype,"items",void 0),a=e([r("nile-wysiwyg-insert-menu")],a);
+    `}};e([o({type:Boolean,reflect:!0})],a.prototype,"open",void 0),e([o({type:String})],a.prototype,"heading",void 0),e([o({type:String,attribute:"empty-text"})],a.prototype,"emptyText",void 0),e([o({attribute:!1})],a.prototype,"items",void 0),a=e([s("nile-wysiwyg-insert-menu")],a);

package/dist/nile-wysiwyg-editor/ui/link-editor.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 t,i,e,o,r,n,l,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,a;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){t=_tslib.__decorate;},function(_lit){i=_lit.css;e=_lit.html;o=_lit.nothing;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.href="",_this.text="",_this.allowText=!1,_this.canRemove=!1;return _this;}_inherits(a,_s);return _createClass(a,[{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$hrefInput;return(_this2$hrefInput=_this2.hrefInput)===null||_this2$hrefInput===void 0?void 0:_this2$hrefInput.focus();});}},{key:"handleSubmit",value:function handleSubmit(t){var _this$hrefInput$value,_this$hrefInput,_this$shadowRoot,_e$value$trim;t.preventDefault();var i=(_this$hrefInput$value=(_this$hrefInput=this.hrefInput)===null||_this$hrefInput===void 0?void 0:_this$hrefInput.value.trim())!==null&&_this$hrefInput$value!==void 0?_this$hrefInput$value:"";if(!i)return;var e=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector(".link-editor__text");this.emit("wysiwyg-link-apply",{href:i,text:(_e$value$trim=e===null||e===void 0?void 0:e.value.trim())!==null&&_e$value$trim!==void 0?_e$value$trim:""});}},{key:"handleKeydown",value:function handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("wysiwyg-link-cancel"));}},{key:"render",value:function render(){var _this3=this;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <form\n        class=\"link-editor\"\n        part=\"link-editor\"\n        @submit=","\n        @keydown=","\n      >\n        <label>\n          URL\n          <input\n            class=\"link-editor__href\"\n            type=\"url\"\n            placeholder=\"https://\"\n            .value=","\n          />\n        </label>\n        ","\n        <div class=\"link-editor__actions\">\n          ","\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Apply</button>\n        </div>\n      </form>\n    "])),this.handleSubmit,this.handleKeydown,this.href,this.allowText?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <label>\n                Text\n                <input class=\"link-editor__text\" type=\"text\" .value="," />\n              </label>\n            "])),this.text):o,this.canRemove?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <button\n                  type=\"button\"\n                  class=\"danger\"\n                  @click=","\n                >\n                  Remove\n                </button>\n              "])),function(){return _this3.emit("wysiwyg-link-remove");}):o,function(){return _this3.emit("wysiwyg-link-cancel");});}}],[{key:"styles",get:function get(){return[i(_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        .link-editor {\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\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          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        .link-editor__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        button.danger {\n          color: var(--nile-colors-error-600, #d92d20);\n        }\n      "])))];}}]);}(s);t([r({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([r({type:String})],a.prototype,"href",void 0),t([r({type:String})],a.prototype,"text",void 0),t([r({type:Boolean})],a.prototype,"allowText",void 0),t([r({type:Boolean})],a.prototype,"canRemove",void 0),t([n(".link-editor__href")],a.prototype,"hrefInput",void 0),a=t([l("nile-wysiwyg-link-editor")],a);}};});
+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 t,r,o,i,e,n,l,s,_templateObject,_templateObject2,_templateObject3,_templateObject4,a;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){t=_tslib.__decorate;},function(_lit){r=_lit.css;o=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;n=_litDecoratorsJs.query;l=_litDecoratorsJs.customElement;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.open=!1,_this.href="",_this.text="",_this.allowText=!1,_this.canRemove=!1;return _this;}_inherits(a,_s);return _createClass(a,[{key:"focusInput",value:function focusInput(){var _this2=this;this.updateComplete.then(function(){var _this2$hrefInput;return(_this2$hrefInput=_this2.hrefInput)===null||_this2$hrefInput===void 0?void 0:_this2$hrefInput.focus();});}},{key:"handleSubmit",value:function handleSubmit(t){var _this$hrefInput$value,_this$hrefInput,_this$shadowRoot,_o$value$trim;t.preventDefault();var r=(_this$hrefInput$value=(_this$hrefInput=this.hrefInput)===null||_this$hrefInput===void 0?void 0:_this$hrefInput.value.trim())!==null&&_this$hrefInput$value!==void 0?_this$hrefInput$value:"";if(!r)return;var o=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector(".link-editor__text");this.emit("wysiwyg-link-apply",{href:r,text:(_o$value$trim=o===null||o===void 0?void 0:o.value.trim())!==null&&_o$value$trim!==void 0?_o$value$trim:""});}},{key:"handleKeydown",value:function handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("wysiwyg-link-cancel"));}},{key:"render",value:function render(){var _this3=this;return o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <form\n        class=\"link-editor\"\n        part=\"link-editor\"\n        @submit=","\n        @keydown=","\n      >\n        <label>\n          URL\n          <input\n            class=\"link-editor__href\"\n            type=\"url\"\n            placeholder=\"https://\"\n            .value=","\n          />\n        </label>\n        ","\n        <div class=\"link-editor__actions\">\n          ","\n          <button type=\"button\" @click=",">\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Apply</button>\n        </div>\n      </form>\n    "])),this.handleSubmit,this.handleKeydown,this.href,this.allowText?o(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <label>\n                Text\n                <input class=\"link-editor__text\" type=\"text\" .value="," />\n              </label>\n            "])),this.text):i,this.canRemove?o(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <button\n                  type=\"button\"\n                  class=\"danger\"\n                  @click=","\n                >\n                  Remove\n                </button>\n              "])),function(){return _this3.emit("wysiwyg-link-remove");}):i,function(){return _this3.emit("wysiwyg-link-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        .link-editor {\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\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          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        .link-editor__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        button.danger {\n          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));\n        }\n      "])))];}}]);}(s);t([e({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([e({type:String})],a.prototype,"href",void 0),t([e({type:String})],a.prototype,"text",void 0),t([e({type:Boolean})],a.prototype,"allowText",void 0),t([e({type:Boolean})],a.prototype,"canRemove",void 0),t([n(".link-editor__href")],a.prototype,"hrefInput",void 0),a=t([l("nile-wysiwyg-link-editor")],a);}};});
 //# sourceMappingURL=link-editor.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-editor.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/link-editor.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Floating link create/edit panel. The host positions it absolutely inside\n * the editor chrome and listens for:\n *  - `wysiwyg-link-apply`  detail: { href, text }\n *  - `wysiwyg-link-remove`\n *  - `wysiwyg-link-cancel`\n */\n@customElement('nile-wysiwyg-link-editor')\nexport class NileWysiwygLinkEditor extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) href = '';\n\n  @property({ type: String }) text = '';\n\n  /** Show the text field (only when creating a link from a cursor). */\n  @property({ type: Boolean }) allowText = false;\n\n  /** Show the remove button (when editing an existing link). */\n  @property({ type: Boolean }) canRemove = false;\n\n  @query('.link-editor__href') hrefInput?: 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        .link-editor {\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\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          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        .link-editor__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        button.danger {\n          color: var(--nile-colors-error-600, #d92d20);\n        }\n      `,\n    ];\n  }\n\n  /** Focuses the URL field; called by the host after opening. */\n  public focusInput(): void {\n    this.updateComplete.then(() => this.hrefInput?.focus());\n  }\n\n  private handleSubmit(event: Event): void {\n    event.preventDefault();\n    const href = this.hrefInput?.value.trim() ?? '';\n    if (!href) return;\n    const textInput = this.shadowRoot?.querySelector<HTMLInputElement>('.link-editor__text');\n    this.emit('wysiwyg-link-apply', { href, text: textInput?.value.trim() ?? '' });\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-link-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <form\n        class=\"link-editor\"\n        part=\"link-editor\"\n        @submit=${this.handleSubmit}\n        @keydown=${this.handleKeydown}\n      >\n        <label>\n          URL\n          <input\n            class=\"link-editor__href\"\n            type=\"url\"\n            placeholder=\"https://\"\n            .value=${this.href}\n          />\n        </label>\n        ${this.allowText\n          ? html`\n              <label>\n                Text\n                <input class=\"link-editor__text\" type=\"text\" .value=${this.text} />\n              </label>\n            `\n          : nothing}\n        <div class=\"link-editor__actions\">\n          ${this.canRemove\n            ? html`\n                <button\n                  type=\"button\"\n                  class=\"danger\"\n                  @click=${() => this.emit('wysiwyg-link-remove')}\n                >\n                  Remove\n                </button>\n              `\n            : nothing}\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-link-cancel')}>\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Apply</button>\n        </div>\n      </form>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-link-editor': NileWysiwygLinkEditor;\n  }\n}\n"],"names":["NileWysiwygLinkEditor","a","this","open","href","text","allowText","canRemove","_this","_inherits","_s","_createClass","key","value","focusInput","updateComplete","then","_this2$hrefInput","hrefInput","focus","handleSubmit","event","preventDefault","trim","_this$hrefInput$value","textInput","shadowRoot","querySelector","emit","_e$value$trim","handleKeydown","stopPropagation","render","_this3","html","_templateObject","_taggedTemplateLiteral","_templateObject2","nothing","_templateObject3","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","query","customElement"],"mappings":"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"}
+{"version":3,"file":"link-editor.cjs.js","sources":["../../../../src/nile-wysiwyg-editor/ui/link-editor.ts"],"sourcesContent":["import { html, css, TemplateResult, CSSResultArray, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport NileElement from '../../internal/nile-element';\n\n/**\n * Floating link create/edit panel. The host positions it absolutely inside\n * the editor chrome and listens for:\n *  - `wysiwyg-link-apply`  detail: { href, text }\n *  - `wysiwyg-link-remove`\n *  - `wysiwyg-link-cancel`\n */\n@customElement('nile-wysiwyg-link-editor')\nexport class NileWysiwygLinkEditor extends NileElement {\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) href = '';\n\n  @property({ type: String }) text = '';\n\n  /** Show the text field (only when creating a link from a cursor). */\n  @property({ type: Boolean }) allowText = false;\n\n  /** Show the remove button (when editing an existing link). */\n  @property({ type: Boolean }) canRemove = false;\n\n  @query('.link-editor__href') hrefInput?: 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        .link-editor {\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\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          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        .link-editor__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        button.danger {\n          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));\n        }\n      `,\n    ];\n  }\n\n  /** Focuses the URL field; called by the host after opening. */\n  public focusInput(): void {\n    this.updateComplete.then(() => this.hrefInput?.focus());\n  }\n\n  private handleSubmit(event: Event): void {\n    event.preventDefault();\n    const href = this.hrefInput?.value.trim() ?? '';\n    if (!href) return;\n    const textInput = this.shadowRoot?.querySelector<HTMLInputElement>('.link-editor__text');\n    this.emit('wysiwyg-link-apply', { href, text: textInput?.value.trim() ?? '' });\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.stopPropagation();\n      this.emit('wysiwyg-link-cancel');\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <form\n        class=\"link-editor\"\n        part=\"link-editor\"\n        @submit=${this.handleSubmit}\n        @keydown=${this.handleKeydown}\n      >\n        <label>\n          URL\n          <input\n            class=\"link-editor__href\"\n            type=\"url\"\n            placeholder=\"https://\"\n            .value=${this.href}\n          />\n        </label>\n        ${this.allowText\n          ? html`\n              <label>\n                Text\n                <input class=\"link-editor__text\" type=\"text\" .value=${this.text} />\n              </label>\n            `\n          : nothing}\n        <div class=\"link-editor__actions\">\n          ${this.canRemove\n            ? html`\n                <button\n                  type=\"button\"\n                  class=\"danger\"\n                  @click=${() => this.emit('wysiwyg-link-remove')}\n                >\n                  Remove\n                </button>\n              `\n            : nothing}\n          <button type=\"button\" @click=${() => this.emit('wysiwyg-link-cancel')}>\n            Cancel\n          </button>\n          <button type=\"submit\" class=\"primary\">Apply</button>\n        </div>\n      </form>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-wysiwyg-link-editor': NileWysiwygLinkEditor;\n  }\n}\n"],"names":["NileWysiwygLinkEditor","a","this","open","href","text","allowText","canRemove","_this","_inherits","_s","_createClass","key","value","focusInput","updateComplete","then","_this2$hrefInput","hrefInput","focus","handleSubmit","event","preventDefault","trim","_this$hrefInput$value","textInput","shadowRoot","querySelector","emit","_o$value$trim","handleKeydown","stopPropagation","render","_this3","html","_templateObject","_taggedTemplateLiteral","_templateObject2","nothing","_templateObject3","get","css","_templateObject4","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","query","customElement"],"mappings":"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"}

package/dist/nile-wysiwyg-editor/ui/link-editor.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"lit";import{property as r,query as n,customElement as l}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 a=class extends s{constructor(){super(...arguments),this.open=!1,this.href="",this.text="",this.allowText=!1,this.canRemove=!1}static get styles(){return[i`
+import{__decorate as t}from"tslib";import{css as r,html as o,nothing as e}from"lit";import{property as i,query as n,customElement as l}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 a=class extends s{constructor(){super(...arguments),this.open=!1,this.href="",this.text="",this.allowText=!1,this.canRemove=!1}static get styles(){return[r`
         :host {
           font-family: var(
             --nile-font-family-sans-serif,
@@ -19,9 +19,9 @@ import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"l
           gap: 8px;
           min-width: 280px;
           padding: 12px;
-          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,
@@ -34,19 +34,19 @@ import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"l
           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));
         }
 
         .link-editor__actions {
@@ -62,18 +62,18 @@ import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"l
           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);
         }
 
         button.danger {
-          color: var(--nile-colors-error-600, #d92d20);
+          color: var(--nile-colors-error-600, var(--ng-componentcolors-utility-error-600));
         }
-      `]}focusInput(){this.updateComplete.then((()=>this.hrefInput?.focus()))}handleSubmit(t){t.preventDefault();const i=this.hrefInput?.value.trim()??"";if(!i)return;const e=this.shadowRoot?.querySelector(".link-editor__text");this.emit("wysiwyg-link-apply",{href:i,text:e?.value.trim()??""})}handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("wysiwyg-link-cancel"))}render(){return e`
+      `]}focusInput(){this.updateComplete.then((()=>this.hrefInput?.focus()))}handleSubmit(t){t.preventDefault();const r=this.hrefInput?.value.trim()??"";if(!r)return;const o=this.shadowRoot?.querySelector(".link-editor__text");this.emit("wysiwyg-link-apply",{href:r,text:o?.value.trim()??""})}handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("wysiwyg-link-cancel"))}render(){return o`
       <form
         class="link-editor"
         part="link-editor"
@@ -89,14 +89,14 @@ import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"l
             .value=${this.href}
           />
         </label>
-        ${this.allowText?e`
+        ${this.allowText?o`
               <label>
                 Text
                 <input class="link-editor__text" type="text" .value=${this.text} />
               </label>
-            `:o}
+            `:e}
         <div class="link-editor__actions">
-          ${this.canRemove?e`
+          ${this.canRemove?o`
                 <button
                   type="button"
                   class="danger"
@@ -104,11 +104,11 @@ import{__decorate as t}from"tslib";import{css as i,html as e,nothing as o}from"l
                 >
                   Remove
                 </button>
-              `:o}
+              `:e}
           <button type="button" @click=${()=>this.emit("wysiwyg-link-cancel")}>
             Cancel
           </button>
           <button type="submit" class="primary">Apply</button>
         </div>
       </form>
-    `}};t([r({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([r({type:String})],a.prototype,"href",void 0),t([r({type:String})],a.prototype,"text",void 0),t([r({type:Boolean})],a.prototype,"allowText",void 0),t([r({type:Boolean})],a.prototype,"canRemove",void 0),t([n(".link-editor__href")],a.prototype,"hrefInput",void 0),a=t([l("nile-wysiwyg-link-editor")],a);
+    `}};t([i({type:Boolean,reflect:!0})],a.prototype,"open",void 0),t([i({type:String})],a.prototype,"href",void 0),t([i({type:String})],a.prototype,"text",void 0),t([i({type:Boolean})],a.prototype,"allowText",void 0),t([i({type:Boolean})],a.prototype,"canRemove",void 0),t([n(".link-editor__href")],a.prototype,"hrefInput",void 0),a=t([l("nile-wysiwyg-link-editor")],a);