npm - @oicl/openbridge-webcomponents-full-bundle - Versions diffs - 2.0.0-next.119 → 2.0.0-next.121 - Mend

@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.119 → 2.0.0-next.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/dist/integration-systems/integration-button/integration-button.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare enum IntegrationButtonType {
 /**
  * `<obc-integration-button>` – A button component for integration systems.
  *
- * @slot leading-icon - Icon before label (shown when `hasLeadingIcon` is true)
+ * @slot leading-icon - Icon before label (shown when `hasLeadingIcon` is true); rendered at the large icon size when `hasStatus` is true
  * @slot trailing-icon - Icon after label (shown when `hasTrailingIcon` is true)
  * @slot trailing-icon2 - Icon after label (shown when `hasTrailingIcon2` is true)
  * @slot label - Label text

package/dist/integration-systems/integration-button/integration-button.js CHANGED Viewed

@@ -46,7 +46,7 @@ let ObcIntegrationButton = class extends LitElement {
       selected: this.selected,
       activated: this.activated,
       disabled: this.disabled,
-      "has-description": this.hasStatus,
+      "has-status": this.hasStatus,
       ["variant-" + this.variant]: true,
       ["type-" + this.type]: true
     };

package/dist/integration-systems/integration-button/integration-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"integration-button.js","sources":["../../../src/integration-systems/integration-button/integration-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-button.css?inline';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport interface IntegrationButtonReadout {\n label: string;\n value: string;\n unit: string;\n}\n\nexport enum IntegrationButtonVariant {\n normal = 'normal',\n flat = 'flat',\n}\n\nexport enum IntegrationButtonType {\n hug = 'hug',\n regular = 'regular',\n rich = 'rich',\n}\n\n/*\n `<obc-integration-button>` – A button component for integration systems.\n \n @slot leading-icon - Icon before label (shown when `hasLeadingIcon` is true)\n * @slot trailing-icon - Icon after label (shown when `hasTrailingIcon` is true)\n * @slot trailing-icon2 - Icon after label (shown when `hasTrailingIcon2` is true)\n * @slot label - Label text\n * @slot status - Status/description text (shown when `hasStatus` is true)\n * @slot info-label - Info label text\n * @slot info-status - Info status text\n * @slot integration-vessel-menu - Integration vessel menu to be shown when button is in activated state\n \n @fires click - Fired when the internal button is activated.\n \n @experimental\n /\n@customElement('obc-integration-button')\nexport class ObcIntegrationButton extends LitElement {\n /* Shows the `trailing-icon` slot. /\n @property({type: Boolean}) hasTrailingIcon = false;\n /\n Shows the `trailing-icon2` slot.\n * @availableWhen hasTrailingIcon==true\n /\n @property({type: Boolean}) hasTrailingIcon2 = false;\n /* Shows the `leading-icon` slot. /\n @property({type: Boolean}) hasLeadingIcon = false;\n /* Shows the `status` slot. /\n @property({type: Boolean}) hasStatus = false;\n /* List of readout items shown in the rich type. /\n @property({type: Array, attribute: false})\n readouts: IntegrationButtonReadout[] = [];\n /* Disables the internal button. /\n @property({type: Boolean}) disabled = false;\n /* Applies active state styling while a selection is pending. /\n @property({type: Boolean}) activated = false;\n /* Applies selected state styling. /\n @property({type: Boolean}) selected = false;\n /* Shows a bottom divider under the button. /\n @property({type: Boolean}) dividerBottom = false;\n /* Shows a right divider to separate from adjacent buttons. /\n @property({type: Boolean}) dividerRight = false;\n /* Visual variant (`normal` or `flat`). /\n @property({type: String}) variant: IntegrationButtonVariant =\n IntegrationButtonVariant.normal;\n /* Layout type (`hug`, `regular`, or `rich`). */\n @property({type: String}) type: IntegrationButtonType =\n IntegrationButtonType.regular;\n\n private getButtonClasses() {\n return {\n 'touch-target': true,\n selected: this.selected,\n activated: this.activated,\n disabled: this.disabled,\n 'has-description': this.hasStatus,\n ['variant-' + this.variant]: true,\n ['type-' + this.type]: true,\n };\n }\n\n private onIntegrationVesselMenuClick(event: Event) {\n event.stopPropagation();\n }\n\n renderRich() {\n return html`\n <div class=\"button-horizontal-divider-container\">\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n <div class=\"main-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\">\n <slot name=\"status\"></slot>\n </div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n <div class=\"info-container\">\n <div class=\"info-item\">\n <slot class=\"info-label\" name=\"info-label\"></slot>\n <slot class=\"info-status\" name=\"info-status\"></slot>\n </div>\n ${this.readouts.map(\n (readout) => html`\n <div class=\"info-readout-item\">\n <div class=\"info-item-label\">${readout.label}</div>\n <div class=\"info-item-value\">${readout.value}</div>\n <div class=\"info-item-unit\">${readout.unit}</div>\n </div>\n `\n )}\n </div>\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div\n class=\"divider-right\"\n style=\"visibility: hidden;\"\n ></div>`}\n </div>\n ${this.dividerBottom\n ? html`<div class=\"divider-bottom\"></div>`\n : nothing}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n renderRegular() {\n return html`\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\"><slot name=\"status\"></slot></div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div class=\"divider-right\" style=\"visibility: hidden;\"></div>`}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n renderHug() {\n return html`\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\"><slot name=\"status\"></slot></div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div class=\"divider-right\" style=\"visibility: hidden;\"></div>`}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n override render() {\n switch (this.type) {\n case IntegrationButtonType.hug: {\n return this.renderHug();\n }\n case IntegrationButtonType.rich: {\n return this.renderRich();\n }\n case IntegrationButtonType.regular:\n default: {\n return this.renderRegular();\n }\n }\n }\n\n static override styles = unsafeCSS(compentStyle);\n\n override updated() {\n let dividerHeight = 40;\n if (this.type === IntegrationButtonType.hug) {\n dividerHeight = 32;\n }\n if (this.type === IntegrationButtonType.rich) {\n dividerHeight = 64;\n }\n this.style.setProperty(\n '--integration-button-divider-height',\n `${dividerHeight}px`\n );\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-integration-button': ObcIntegrationButton;\n }\n}\n"],"names":["IntegrationButtonVariant","IntegrationButtonType"],"mappings":";;;;;;;;;;;;;;;AAYO,IAAK,6CAAAA,8BAAL;AACLA,4BAAA,QAAA,IAAS;AACTA,4BAAA,MAAA,IAAO;AAFG,SAAAA;AAAA,GAAA,4BAAA,CAAA,CAAA;AAKL,IAAK,0CAAAC,2BAAL;AACLA,yBAAA,KAAA,IAAM;AACNA,yBAAA,SAAA,IAAU;AACVA,yBAAA,MAAA,IAAO;AAHG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAuBL,IAAM,uBAAN,cAAmC,WAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEsB,SAAA,kBAAkB;AAKlB,SAAA,mBAAmB;AAEnB,SAAA,iBAAiB;AAEjB,SAAA,YAAY;AAGvC,SAAA,WAAuC,CAAA;AAEZ,SAAA,WAAW;AAEX,SAAA,YAAY;AAEZ,SAAA,WAAW;AAEX,SAAA,gBAAgB;AAEhB,SAAA,eAAe;AAEhB,SAAA,UACxB;AAEwB,SAAA,OACxB;AAAA,EAAA;AAAA,EAEM,mBAAmB;AACzB,WAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,UAAU,KAAK;AAAA,MACf,WAAW,KAAK;AAAA,MAChB,UAAU,KAAK;AAAA,MACf,mBAAmB,KAAK;AAAA,MACxB,CAAC,aAAa,KAAK,OAAO,GAAG;AAAA,MAC7B,CAAC,UAAU,KAAK,IAAI,GAAG;AAAA,IAAA;AAAA,EAE3B;AAAA,EAEQ,6BAA6B,OAAc;AACjD,UAAM,gBAAA;AAAA,EACR;AAAA,EAEA,aAAa;AACX,WAAO;AAAA;AAAA;AAAA;AAAA,oBAIS,SAAS,KAAK,kBAAkB,CAAC;AAAA,wBAC7B,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,iBACH;AAAA;AAAA,8BAGA,OAAO;AAAA;AAAA;AAAA,oBAGP,KAAK,YACH;AAAA;AAAA,gCAGA,OAAO;AAAA;AAAA,kBAEX,KAAK,kBACH;AAAA,wBACI,KAAK,mBACH;AAAA;AAAA;AAAA,sCAIA,OAAO;AAAA;AAAA,8BAGb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOT,KAAK,SAAS;AAAA,MACd,CAAC,YAAY;AAAA;AAAA,qDAEsB,QAAQ,KAAK;AAAA,qDACb,QAAQ,KAAK;AAAA,oDACd,QAAQ,IAAI;AAAA;AAAA;AAAA,IAAA,CAG/C;AAAA;AAAA;AAAA;AAAA,YAIL,KAAK,eACH,0CACA;AAAA;AAAA;AAAA,sBAGQ;AAAA;AAAA,UAEZ,KAAK,gBACH,2CACA,OAAO;AAAA;AAAA;AAAA,gBAGH,SAAS;AAAA,MACf,qCAAqC;AAAA,MACrC,MAAM,KAAK;AAAA,IAAA,CACZ,CAAC;AAAA,iBACO,KAAK,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AAAA,EAEA,gBAAgB;AACd,WAAO;AAAA;AAAA;AAAA,kBAGO,SAAS,KAAK,kBAAkB,CAAC;AAAA,sBAC7B,KAAK,QAAQ;AAAA;AAAA;AAAA,cAGrB,KAAK,iBACH;AAAA;AAAA,0BAGA,OAAO;AAAA;AAAA;AAAA,gBAGP,KAAK,YACH,8DACA,OAAO;AAAA;AAAA,cAEX,KAAK,kBACH;AAAA,oBACI,KAAK,mBACH;AAAA;AAAA;AAAA,kCAIA,OAAO;AAAA;AAAA,0BAGb,OAAO;AAAA;AAAA;AAAA,UAGb,KAAK,eACH,0CACA,mEAAmE;AAAA;AAAA;AAAA,gBAG/D,SAAS;AAAA,MACf,qCAAqC;AAAA,MACrC,MAAM,KAAK;AAAA,IAAA,CACZ,CAAC;AAAA,iBACO,KAAK,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AAAA,EAEA,YAAY;AACV,WAAO;AAAA;AAAA;AAAA,kBAGO,SAAS,KAAK,kBAAkB,CAAC;AAAA,sBAC7B,KAAK,QAAQ;AAAA;AAAA;AAAA,cAGrB,KAAK,iBACH;AAAA;AAAA,0BAGA,OAAO;AAAA;AAAA;AAAA,gBAGP,KAAK,YACH,8DACA,OAAO;AAAA;AAAA,cAEX,KAAK,kBACH;AAAA,oBACI,KAAK,mBACH;AAAA;AAAA;AAAA,kCAIA,OAAO;AAAA;AAAA,0BAGb,OAAO;AAAA;AAAA;AAAA,UAGb,KAAK,eACH,0CACA,mEAAmE;AAAA;AAAA;AAAA,gBAG/D,SAAS;AAAA,MACf,qCAAqC;AAAA,MACrC,MAAM,KAAK;AAAA,IAAA,CACZ,CAAC;AAAA,iBACO,KAAK,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AAAA,EAES,SAAS;AAChB,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK,OAA2B;AAC9B,eAAO,KAAK,UAAA;AAAA,MACd;AAAA,MACA,KAAK,QAA4B;AAC/B,eAAO,KAAK,WAAA;AAAA,MACd;AAAA,MACA,KAAK;AAAA,MACL,SAAS;AACP,eAAO,KAAK,cAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAEJ;AAAA,EAIS,UAAU;AACjB,QAAI,gBAAgB;AACpB,QAAI,KAAK,SAAS,OAA2B;AAC3C,sBAAgB;AAAA,IAClB;AACA,QAAI,KAAK,SAAS,QAA4B;AAC5C,sBAAgB;AAAA,IAClB;AACA,SAAK,MAAM;AAAA,MACT;AAAA,MACA,GAAG,aAAa;AAAA,IAAA;AAAA,EAEpB;AACF;AAzPa,qBA0OK,SAAS,UAAU,YAAY;AAxOpB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAFd,qBAEgB,WAAA,mBAAA,CAAA;AAKA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAPd,qBAOgB,WAAA,oBAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GATd,qBASgB,WAAA,kBAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAXd,qBAWgB,WAAA,aAAA,CAAA;AAG3B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAb9B,qBAcX,WAAA,YAAA,CAAA;AAE2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAhBd,qBAgBgB,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAlBd,qBAkBgB,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GApBd,qBAoBgB,WAAA,YAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAtBd,qBAsBgB,WAAA,iBAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAxBd,qBAwBgB,WAAA,gBAAA,CAAA;AAED,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA1Bb,qBA0Be,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA7Bb,qBA6Be,WAAA,QAAA,CAAA;AA7Bf,uBAAN,gBAAA;AAAA,EADN,cAAc,wBAAwB;AAAA,GAC1B,oBAAA;"}
1	+ {"version":3,"file":"integration-button.js","sources":["../../../src/integration-systems/integration-button/integration-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './integration-button.css?inline';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport interface IntegrationButtonReadout {\n label: string;\n value: string;\n unit: string;\n}\n\nexport enum IntegrationButtonVariant {\n normal = 'normal',\n flat = 'flat',\n}\n\nexport enum IntegrationButtonType {\n hug = 'hug',\n regular = 'regular',\n rich = 'rich',\n}\n\n/*\n `<obc-integration-button>` – A button component for integration systems.\n \n @slot leading-icon - Icon before label (shown when `hasLeadingIcon` is true); rendered at the large icon size when `hasStatus` is true\n * @slot trailing-icon - Icon after label (shown when `hasTrailingIcon` is true)\n * @slot trailing-icon2 - Icon after label (shown when `hasTrailingIcon2` is true)\n * @slot label - Label text\n * @slot status - Status/description text (shown when `hasStatus` is true)\n * @slot info-label - Info label text\n * @slot info-status - Info status text\n * @slot integration-vessel-menu - Integration vessel menu to be shown when button is in activated state\n \n @fires click - Fired when the internal button is activated.\n \n @experimental\n /\n@customElement('obc-integration-button')\nexport class ObcIntegrationButton extends LitElement {\n /* Shows the `trailing-icon` slot. /\n @property({type: Boolean}) hasTrailingIcon = false;\n /\n Shows the `trailing-icon2` slot.\n * @availableWhen hasTrailingIcon==true\n /\n @property({type: Boolean}) hasTrailingIcon2 = false;\n /* Shows the `leading-icon` slot. /\n @property({type: Boolean}) hasLeadingIcon = false;\n /* Shows the `status` slot. /\n @property({type: Boolean}) hasStatus = false;\n /* List of readout items shown in the rich type. /\n @property({type: Array, attribute: false})\n readouts: IntegrationButtonReadout[] = [];\n /* Disables the internal button. /\n @property({type: Boolean}) disabled = false;\n /* Applies active state styling while a selection is pending. /\n @property({type: Boolean}) activated = false;\n /* Applies selected state styling. /\n @property({type: Boolean}) selected = false;\n /* Shows a bottom divider under the button. /\n @property({type: Boolean}) dividerBottom = false;\n /* Shows a right divider to separate from adjacent buttons. /\n @property({type: Boolean}) dividerRight = false;\n /* Visual variant (`normal` or `flat`). /\n @property({type: String}) variant: IntegrationButtonVariant =\n IntegrationButtonVariant.normal;\n /* Layout type (`hug`, `regular`, or `rich`). */\n @property({type: String}) type: IntegrationButtonType =\n IntegrationButtonType.regular;\n\n private getButtonClasses() {\n return {\n 'touch-target': true,\n selected: this.selected,\n activated: this.activated,\n disabled: this.disabled,\n 'has-status': this.hasStatus,\n ['variant-' + this.variant]: true,\n ['type-' + this.type]: true,\n };\n }\n\n private onIntegrationVesselMenuClick(event: Event) {\n event.stopPropagation();\n }\n\n renderRich() {\n return html`\n <div class=\"button-horizontal-divider-container\">\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n <div class=\"main-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\">\n <slot name=\"status\"></slot>\n </div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n <div class=\"info-container\">\n <div class=\"info-item\">\n <slot class=\"info-label\" name=\"info-label\"></slot>\n <slot class=\"info-status\" name=\"info-status\"></slot>\n </div>\n ${this.readouts.map(\n (readout) => html`\n <div class=\"info-readout-item\">\n <div class=\"info-item-label\">${readout.label}</div>\n <div class=\"info-item-value\">${readout.value}</div>\n <div class=\"info-item-unit\">${readout.unit}</div>\n </div>\n `\n )}\n </div>\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div\n class=\"divider-right\"\n style=\"visibility: hidden;\"\n ></div>`}\n </div>\n ${this.dividerBottom\n ? html`<div class=\"divider-bottom\"></div>`\n : nothing}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n renderRegular() {\n return html`\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\"><slot name=\"status\"></slot></div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div class=\"divider-right\" style=\"visibility: hidden;\"></div>`}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n renderHug() {\n return html`\n <div class=\"button-vertical-divider-container\">\n <button\n class=${classMap(this.getButtonClasses())}\n ?disabled=${this.disabled}\n >\n <div class=\"content-container\">\n ${this.hasLeadingIcon\n ? html`<div class=\"icon leading\">\n <slot name=\"leading-icon\"></slot>\n </div>`\n : nothing}\n <div class=\"text-container\">\n <div class=\"label\"><slot name=\"label\"></slot></div>\n ${this.hasStatus\n ? html`<div class=\"status\"><slot name=\"status\"></slot></div>`\n : nothing}\n </div>\n ${this.hasTrailingIcon\n ? html`<div class=\"icon-container\">\n ${this.hasTrailingIcon2\n ? html`<slot\n name=\"trailing-icon2\"\n class=\"icon trailing\"\n ></slot>`\n : nothing}\n <slot name=\"trailing-icon\" class=\"icon trailing\"></slot>\n </div>`\n : nothing}\n </div>\n </button>\n ${this.dividerRight\n ? html`<div class=\"divider-right\"></div>`\n : html`<div class=\"divider-right\" style=\"visibility: hidden;\"></div>`}\n </div>\n <div\n class=${classMap({\n 'integration-vessel-menu-container': true,\n show: this.activated,\n })}\n @click=${this.onIntegrationVesselMenuClick}\n >\n <slot name=\"integration-vessel-menu\"></slot>\n </div>\n `;\n }\n\n override render() {\n switch (this.type) {\n case IntegrationButtonType.hug: {\n return this.renderHug();\n }\n case IntegrationButtonType.rich: {\n return this.renderRich();\n }\n case IntegrationButtonType.regular:\n default: {\n return this.renderRegular();\n }\n }\n }\n\n static override styles = unsafeCSS(compentStyle);\n\n override updated() {\n let dividerHeight = 40;\n if (this.type === IntegrationButtonType.hug) {\n dividerHeight = 32;\n }\n if (this.type === IntegrationButtonType.rich) {\n dividerHeight = 64;\n }\n this.style.setProperty(\n '--integration-button-divider-height',\n `${dividerHeight}px`\n );\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-integration-button': ObcIntegrationButton;\n }\n}\n"],"names":["IntegrationButtonVariant","IntegrationButtonType"],"mappings":"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"}

package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js CHANGED Viewed

@@ -279,6 +279,7 @@ const compentStyle = css`* {
     flex-direction: column;
     align-items: flex-start;
     flex-grow: 1;
+    text-align: left;
   }
 :is(.wrapper option:not(.fleet-option)) .text-container .label {

package/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"integration-dropdown-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"integration-dropdown-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/openbridge.css CHANGED Viewed

@@ -14739,36 +14739,6 @@
   inherits: true;
   initial-value: 0;
 }
-@keyframes warning-blink {
-  0% {
-    --warning-blink-on: 1;
-    --warning-blink-off: 0;
-    --alarm-blink-on: 1;
-    --alarm-blink-off: 0;
-  }
-  25% {
-    --alarm-blink-on: 0;
-    --alarm-blink-off: 1;
-  }
-  50% {
-    --warning-blink-on: 0;
-    --warning-blink-off: 1;
-    --alarm-blink-on: 1;
-    --alarm-blink-off: 0;
-  }
-  75% {
-    --alarm-blink-on: 0;
-    --alarm-blink-off: 1;
-  }
-  100% {
-    --warning-blink-on: 1;
-    --warning-blink-off: 0;
-  }
-}
 @property --warning-blink-on {
   syntax: "<number>";
   inherits: true;
@@ -14779,10 +14749,6 @@
   inherits: true;
   initial-value: 0;
 }
-:root {
-  animation: warning-blink 4s infinite;
-  animation-timing-function: steps(1);
-}
 :root[data-obc-theme="day"] {
   --critical-enabled-background-color: rgb(196, 36, 183);
   --critical-enabled-border-color: rgb(153, 0, 143);
@@ -14899,45 +14865,6 @@
   inherits: true;
   initial-value: 0;
 }
-@keyframes critical-blink {
-  0% {
-    --critical-blink-on: 1;
-    --critical-blink-off: 0;
-  }
-  50% {
-    --critical-blink-on: 0;
-    --critical-blink-off: 1;
-  }
-  100% {
-    --critical-blink-on: 1;
-    --critical-blink-off: 0;
-  }
-}
-@keyframes low-blink {
-  0% {
-    --low-blink-on: 1;
-    --low-blink-off: 0;
-  }
-  50% {
-    --low-blink-on: 0;
-    --low-blink-off: 1;
-  }
-  100% {
-    --low-blink-on: 1;
-    --low-blink-off: 0;
-  }
-}
-:root {
-  animation:
-    warning-blink 4s infinite,
-    critical-blink 1s infinite,
-    low-blink 8s infinite;
-  animation-timing-function: steps(1);
-}
 .obc-radio-button {
   user-select: none;

package/dist/palettes/blinking.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare function blinkingCritical(el: HTMLElement): () => void;
+export declare function blinkingAlarm(el: HTMLElement): () => void;
+export declare function blinkingWarning(el: HTMLElement): () => void;
+export declare function blinkingLow(el: HTMLElement): () => void;
+export declare function blinkingAll(el: HTMLElement): () => void;
+//# sourceMappingURL=blinking.d.ts.map

package/dist/palettes/blinking.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"blinking.d.ts","sourceRoot":"","sources":["../../src/palettes/blinking.ts"],"names":[],"mappings":"AAqBA,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAE5D;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAEzD;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAE3D;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAEvD;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM,IAAI,CAQvD"}

package/dist/palettes/blinking.js ADDED Viewed

@@ -0,0 +1,44 @@
+const CRITICAL_PERIOD = 1e3;
+const ALARM_PERIOD = 2e3;
+const WARNING_PERIOD = 4e3;
+const LOW_PERIOD = 8e3;
+function blinkingInstall(el, period, label) {
+  const anim = el.animate(
+    [
+      { [label + "-on"]: 1, [label + "-off"]: 0 },
+      { [label + "-on"]: 0, [label + "-off"]: 1 }
+    ],
+    { duration: period, iterations: Infinity, easing: "steps(2, jump-none)" }
+  );
+  anim.startTime = 0;
+  return () => anim.cancel();
+}
+function blinkingCritical(el) {
+  return blinkingInstall(el, CRITICAL_PERIOD, "--critical-blink");
+}
+function blinkingAlarm(el) {
+  return blinkingInstall(el, ALARM_PERIOD, "--alarm-blink");
+}
+function blinkingWarning(el) {
+  return blinkingInstall(el, WARNING_PERIOD, "--warning-blink");
+}
+function blinkingLow(el) {
+  return blinkingInstall(el, LOW_PERIOD, "--low-blink");
+}
+function blinkingAll(el) {
+  const animes = [
+    blinkingCritical(el),
+    blinkingAlarm(el),
+    blinkingWarning(el),
+    blinkingLow(el)
+  ];
+  return () => animes.forEach((anim) => anim());
+}
+export {
+  blinkingAlarm,
+  blinkingAll,
+  blinkingCritical,
+  blinkingLow,
+  blinkingWarning
+};
+//# sourceMappingURL=blinking.js.map

package/dist/palettes/blinking.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"blinking.js","sources":["../../src/palettes/blinking.ts"],"sourcesContent":["const CRITICAL_PERIOD = 1000; // ms\nconst ALARM_PERIOD = 2000; // ms\nconst WARNING_PERIOD = 4000; // ms\nconst LOW_PERIOD = 8000; // ms\n\nfunction blinkingInstall(\n el: HTMLElement,\n period: number,\n label: string\n): () => void {\n const anim = el.animate(\n [\n {[label + '-on']: 1, [label + '-off']: 0},\n {[label + '-on']: 0, [label + '-off']: 1},\n ],\n {duration: period, iterations: Infinity, easing: 'steps(2, jump-none)'}\n );\n anim.startTime = 0; // Common time origin for all animations, so they blink in sync.\n return () => anim.cancel();\n}\n\nexport function blinkingCritical(el: HTMLElement): () => void {\n return blinkingInstall(el, CRITICAL_PERIOD, '--critical-blink');\n}\n\nexport function blinkingAlarm(el: HTMLElement): () => void {\n return blinkingInstall(el, ALARM_PERIOD, '--alarm-blink');\n}\n\nexport function blinkingWarning(el: HTMLElement): () => void {\n return blinkingInstall(el, WARNING_PERIOD, '--warning-blink');\n}\n\nexport function blinkingLow(el: HTMLElement): () => void {\n return blinkingInstall(el, LOW_PERIOD, '--low-blink');\n}\n\nexport function blinkingAll(el: HTMLElement): () => void {\n const animes = [\n blinkingCritical(el),\n blinkingAlarm(el),\n blinkingWarning(el),\n blinkingLow(el),\n ];\n return () => animes.forEach((anim) => anim());\n}\n"],"names":[],"mappings":"AAAA,MAAM,kBAAkB;AACxB,MAAM,eAAe;AACrB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AAEnB,SAAS,gBACP,IACA,QACA,OACY;AACZ,QAAM,OAAO,GAAG;AAAA,IACd;AAAA,MACE,EAAC,CAAC,QAAQ,KAAK,GAAG,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAA;AAAA,MACvC,EAAC,CAAC,QAAQ,KAAK,GAAG,GAAG,CAAC,QAAQ,MAAM,GAAG,EAAA;AAAA,IAAC;AAAA,IAE1C,EAAC,UAAU,QAAQ,YAAY,UAAU,QAAQ,sBAAA;AAAA,EAAqB;AAExE,OAAK,YAAY;AACjB,SAAO,MAAM,KAAK,OAAA;AACpB;AAEO,SAAS,iBAAiB,IAA6B;AAC5D,SAAO,gBAAgB,IAAI,iBAAiB,kBAAkB;AAChE;AAEO,SAAS,cAAc,IAA6B;AACzD,SAAO,gBAAgB,IAAI,cAAc,eAAe;AAC1D;AAEO,SAAS,gBAAgB,IAA6B;AAC3D,SAAO,gBAAgB,IAAI,gBAAgB,iBAAiB;AAC9D;AAEO,SAAS,YAAY,IAA6B;AACvD,SAAO,gBAAgB,IAAI,YAAY,aAAa;AACtD;AAEO,SAAS,YAAY,IAA6B;AACvD,QAAM,SAAS;AAAA,IACb,iBAAiB,EAAE;AAAA,IACnB,cAAc,EAAE;AAAA,IAChB,gBAAgB,EAAE;AAAA,IAClB,YAAY,EAAE;AAAA,EAAA;AAEhB,SAAO,MAAM,OAAO,QAAQ,CAAC,SAAS,MAAM;AAC9C;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-full-bundle",
-  "version": "2.0.0-next.119",
+  "version": "2.0.0-next.121",
   "type": "module",
   "repository": {
     "type": "git",
@@ -140,7 +140,9 @@
     "typecheck": "tsc --noEmit",
     "format": "prettier \"**/*.{cjs,html,js,json,md,ts,css}\"  --write",
     "format:check": "prettier \"**/*.{cjs,html,js,json,md,ts,css}\"  --check",
-    "lint": "npm run lint:mixins && npm run lint:variables && npm run lint:icons && npm run lint:slots && npm run lint:lit-analyzer && npm run lint:eslint",
+    "lint": "npm run lint:mixins && npm run lint:variables && npm run lint:icons && npm run lint:slots && npm run lint:agents && npm run lint:lit-analyzer && npm run lint:eslint",
+    "agents:sync": "tsx ./script/sync-agent-docs.ts",
+    "lint:agents": "tsx ./script/sync-agent-docs.ts --check",
     "lint:mixins": "tsx ./script/check-css-mixins.ts",
     "lint:slots": "tsx ./script/check-slot-event-docs.ts",
     "lint:variables": "tsx ./script/check-css-variables.ts",

package/script/agent-docs/emitters.ts ADDED Viewed

@@ -0,0 +1,189 @@
+import type {AgentDoc} from './frontmatter.js';
+export const ROUTING_MARKER = 'agents:routing';
+const SYNC_CMD = 'npm run agents:sync -w packages/openbridge-webcomponents';
+/**
+ * Rewrites sibling links so they still resolve from an adapter directory.
+ *
+ * Canonical docs link to each other by bare filename — `[jsdoc.md](jsdoc.md)` —
+ * which is correct inside `docs/agents/` and broken once the body is copied
+ * into `.github/instructions/` or `.cursor/rules/`, where the sibling is named
+ * `jsdoc.instructions.md` / `jsdoc.mdc` or does not exist at all.
+ *
+ * They are repointed at the canonical file rather than at the neighbouring
+ * adapter: the canonical doc is the thing a reader should land on, and one
+ * rewrite then works for every adapter. `.github/instructions/`, `.cursor/rules/`
+ * and `docs/agents/` are all two levels below the repository root, so links
+ * already written as `../../…` need no adjustment.
+ *
+ * Only names in `siblings` are touched, so an unrelated bare `.md` link is left
+ * alone instead of being silently repointed at a file that does not exist.
+ */
+export function rewriteSiblingLinks(
+  body: string,
+  siblings: ReadonlySet<string>
+): string {
+  return body.replace(
+    /\]\((?!\.\.\/|\/|https?:)([A-Za-z0-9._-]+)\.md(#[^)]*)?\)/g,
+    (match, name: string, hash: string | undefined) =>
+      siblings.has(name)
+        ? `](../../docs/agents/${name}.md${hash ?? ''})`
+        : match
+  );
+}
+function banner(source: string): string {
+  return [
+    '<!-- GENERATED FILE — DO NOT EDIT.',
+    `     Source: ${source}`,
+    `     Regenerate: ${SYNC_CMD} -->`,
+  ].join('\n');
+}
+/**
+ * Copilot path-scoped instruction file: `applyTo` frontmatter plus the full
+ * body. The body is copied rather than referenced because a pointer would
+ * defeat the glob auto-attachment this file exists to provide.
+ */
+export function renderInstructionsFile(
+  doc: AgentDoc,
+  siblings: ReadonlySet<string> = new Set()
+): string {
+  return [
+    '---',
+    `applyTo: "${doc.globs.join(',')}"`,
+    '---',
+    '',
+    banner(doc.sourcePath),
+    '',
+    rewriteSiblingLinks(doc.body, siblings).replace(/\n*$/, '\n'),
+  ].join('\n');
+}
+/**
+ * Cursor rule: `globs` + `alwaysApply: false` is Cursor's "Apply to Specific
+ * Files" type — the direct equivalent of Copilot's `applyTo`.
+ *
+ * `description` is deliberately omitted. Cursor's four rule types are distinct
+ * frontmatter combinations, and adding a description alongside globs selects
+ * "Apply Intelligently" (the agent decides) instead of deterministic
+ * attachment. The description still reaches the reader: the body opens with the
+ * document's own heading.
+ *
+ * Negative globs are dropped. Cursor documents `globs` as a comma-separated
+ * list and says nothing about `!` negation, so a pattern it cannot parse could
+ * take the whole line with it. The only doc affected is `jsdoc.md`, whose
+ * exclusions are generated directories a developer rarely opens by hand.
+ */
+export function renderCursorRule(
+  doc: AgentDoc,
+  siblings: ReadonlySet<string> = new Set()
+): string {
+  const globs = doc.globs.filter((g) => !g.startsWith('!'));
+  return [
+    '---',
+    `globs: ${globs.join(',')}`,
+    'alwaysApply: false',
+    '---',
+    '',
+    banner(doc.sourcePath),
+    '',
+    rewriteSiblingLinks(doc.body, siblings).replace(/\n*$/, '\n'),
+  ].join('\n');
+}
+/** Shared routing table (no markers) for AGENTS.md and copilot-instructions.md. */
+export function renderRoutingTable(docs: AgentDoc[]): string {
+  const rows = [...docs]
+    .sort((a, b) => a.name.localeCompare(b.name))
+    .map((doc) => {
+      const scope = doc.globs.map((g) => `\`${g}\``).join('<br>');
+      return `| [${doc.name}](${doc.sourcePath}) | ${scope} | ${doc.description} |`;
+    });
+  return [
+    '| Doc | Scope (globs) | Description |',
+    '| --- | --- | --- |',
+    ...rows,
+  ].join('\n');
+}
+/**
+ * Repo-wide Copilot entry point. Unlike the path-scoped files this one carries
+ * no bodies — it has no globs of its own, so a pointer costs nothing here.
+ */
+export function renderCopilotInstructions(docs: AgentDoc[]): string {
+  return [
+    banner('docs/agents/*.md'),
+    '',
+    '# GitHub Copilot Custom Instructions',
+    '',
+    '> **Canonical instructions live in [`AGENTS.md`](../AGENTS.md)**, and the',
+    '> path-scoped rules in [`docs/agents/`](../docs/agents/). This file exists',
+    '> because Copilot reads `.github/copilot-instructions.md` by convention.',
+    '',
+    'This repository contains the Openbridge Web Components library, a collection',
+    'of maritime navigation and automation UI components built with Lit and',
+    'TypeScript.',
+    '',
+    '- **Start here →** [`AGENTS.md`](../AGENTS.md).',
+    '- Path-scoped rules are auto-attached from `.github/instructions/`, which is',
+    '  generated from `docs/agents/`. Read the canonical file, not the copy.',
+    '- Ask for clarification (e.g. a list of questions) before implementing',
+    '  significant changes.',
+    '',
+    '## Available Instruction Files',
+    '',
+    renderRoutingTable(docs),
+    '',
+  ].join('\n');
+}
+/**
+ * Claude Code entry point. Generated locally; stays gitignored.
+ *
+ * A pure pointer by design. Claude Code reads `CLAUDE.md` by convention, so the
+ * file exists to route it to the canonical instructions — it deliberately holds
+ * no rules of its own. Anything that applies to the whole team belongs in
+ * `AGENTS.md`; anything path-scoped belongs in `docs/agents/`. Neither is
+ * tool-specific, so neither belongs here.
+ */
+export function renderClaudeMd(): string {
+  return [
+    banner('the agents:sync generator'),
+    '',
+    '# CLAUDE.md',
+    '',
+    'All repository instructions live in **[AGENTS.md](AGENTS.md)** — read and',
+    'follow it, including the path-scoped rules in',
+    '[`docs/agents/`](docs/agents/) that it routes to.',
+    '',
+    'This file intentionally adds nothing of its own. It exists because Claude',
+    'Code reads `CLAUDE.md` by convention; the instructions are tool-neutral and',
+    'shared with every other agent.',
+    '',
+  ].join('\n');
+}
+/** Replaces the text between `<!-- marker:start -->` and `<!-- marker:end -->`. */
+export function replaceMarkedBlock(
+  content: string,
+  marker: string,
+  replacement: string
+): string {
+  const start = `<!-- ${marker}:start -->`;
+  const end = `<!-- ${marker}:end -->`;
+  const startIdx = content.indexOf(start);
+  const endIdx = content.indexOf(end);
+  if (startIdx === -1 || endIdx === -1 || endIdx < startIdx) {
+    throw new Error(`markers "${start}" / "${end}" not found`);
+  }
+  return (
+    content.slice(0, startIdx + start.length) +
+    '\n' +
+    replacement +
+    '\n' +
+    content.slice(endIdx)
+  );
+}

package/script/agent-docs/frontmatter.ts ADDED Viewed

@@ -0,0 +1,118 @@
+import path from 'node:path';
+/** One canonical agent-instruction document under `docs/agents/`. */
+export interface AgentDoc {
+  name: string;
+  description: string;
+  globs: string[];
+  body: string;
+  sourcePath: string;
+}
+const SCALAR_KEYS = ['name', 'description'] as const;
+const LIST_KEYS = ['globs'] as const;
+function unquote(value: string): string {
+  const trimmed = value.trim();
+  if (
+    (trimmed.startsWith("'") && trimmed.endsWith("'") && trimmed.length > 1) ||
+    (trimmed.startsWith('"') && trimmed.endsWith('"') && trimmed.length > 1)
+  ) {
+    return trimmed.slice(1, -1);
+  }
+  return trimmed;
+}
+/**
+ * Parses the strict frontmatter subset used by `docs/agents/*.md`.
+ *
+ * Deliberately not a YAML parser: it accepts `key: value` scalars and
+ * `  - item` lists for a fixed key set and throws on anything else, so a
+ * valid-but-unsupported construct can never be silently mis-emitted.
+ */
+export function parseAgentDoc(raw: string, sourcePath: string): AgentDoc {
+  const lines = raw.split('\n');
+  if (lines[0].trim() !== '---') {
+    throw new Error(`${sourcePath}: must start with a "---" frontmatter block`);
+  }
+  const end = lines.indexOf('---', 1);
+  if (end === -1) {
+    throw new Error(`${sourcePath}: frontmatter block is never closed`);
+  }
+  const scalars = new Map<string, string>();
+  const lists = new Map<string, string[]>();
+  let currentList: string[] | null = null;
+  for (let i = 1; i < end; i++) {
+    const line = lines[i];
+    const lineNo = i + 1;
+    if (line.trim() === '') continue;
+    if (line.startsWith('  - ') || line.startsWith('- ')) {
+      if (!currentList) {
+        throw new Error(
+          `${sourcePath}: list item with no key on line ${lineNo}`
+        );
+      }
+      currentList.push(unquote(line.slice(line.indexOf('- ') + 2)));
+      continue;
+    }
+    const match = /^([A-Za-z][A-Za-z0-9_]*):(.*)$/.exec(line);
+    if (!match) {
+      throw new Error(`${sourcePath}: cannot parse line ${lineNo}: ${line}`);
+    }
+    const [, key, rest] = match;
+    if ((SCALAR_KEYS as readonly string[]).includes(key)) {
+      scalars.set(key, unquote(rest));
+      currentList = null;
+    } else if ((LIST_KEYS as readonly string[]).includes(key)) {
+      if (rest.trim() !== '') {
+        throw new Error(
+          `${sourcePath}: "${key}" must be a block list, not an inline value (line ${lineNo})`
+        );
+      }
+      currentList = [];
+      lists.set(key, currentList);
+    } else {
+      throw new Error(
+        `${sourcePath}: unsupported key "${key}" on line ${lineNo}`
+      );
+    }
+  }
+  for (const key of SCALAR_KEYS) {
+    if (!scalars.get(key)) {
+      throw new Error(
+        `${sourcePath}: "${key}" is required and must be non-empty`
+      );
+    }
+  }
+  const globs = lists.get('globs') ?? [];
+  if (globs.length === 0) {
+    throw new Error(`${sourcePath}: "globs" must list at least one pattern`);
+  }
+  const name = scalars.get('name')!;
+  const expected = path.basename(sourcePath, '.md');
+  if (name !== expected) {
+    throw new Error(
+      `${sourcePath}: name "${name}" does not match filename "${expected}"`
+    );
+  }
+  const body = lines
+    .slice(end + 1)
+    .join('\n')
+    .replace(/^\n+/, '');
+  return {
+    name,
+    description: scalars.get('description')!,
+    globs,
+    body,
+    sourcePath,
+  };
+}

package/script/check-slot-event-docs.ts CHANGED Viewed

@@ -56,7 +56,7 @@
  * Dynamic slot names (`<slot name="${expr}">` or `<slot name="pre-${id}-post">`)
  * are skipped for the missing-slot check because their concrete names cannot be
  * known statically; document them with a placeholder tag such as
- * `@slot tab-<id>-icon` (see .cursor/rules/comments.mdc § Structured-tag rules).
+ * `@slot tab-<id>-icon` (see docs/agents/jsdoc.md § Structured-tag rules).
  *
  * Usage:
  * ```bash
@@ -413,7 +413,7 @@ async function run(): Promise<void> {
     printByFile(errors, (m) => console.error(m));
     console.error(
       `\n❌ Slot & event documentation audit failed. Add the missing @slot/@fires ` +
-        `tags (or remove the phantom ones). See .cursor/rules/comments.mdc.`
+        `tags (or remove the phantom ones). See docs/agents/jsdoc.md.`
     );
     process.exitCode = 1;
     return;