Allow Damaging Items to Override Graze Damage

src/lang/en.json

@@ -572,7 +572,11 @@
                 },
                 "Damage": {
                     "Title": "Damage",
-                    "Formula": "Damage Formula"
+                    "Formula": "Damage Formula",
+                    "GrazeOverride": "Override Graze Damage Calculation",
+                    "GrazeShow": "Show New Graze Damage Formula",
+                    "GrazeHide": "Hide New Graze Damage Forumla",
+                    "GrazeFormula": "New Formula"
                 },
                 "Modality": {
                     "Title": "Modality",

src/style/sheets/item/module.scss

@@ -304,6 +304,29 @@ app-item-properties {
     }
 }
 
+app-item-details-damage {
+    .form-group-stacked {
+        .header {
+            display: flex;
+            align-items: center;
+
+            label {
+                font-weight: bold;
+                flex: 2;
+            }
+
+            span {
+                flex: 3;
+                font-style: italic;
+            }
+
+            .controls {
+                margin-right: 0.5rem;
+            }
+        }
+    }
+}
+
 app-item-details-equip {
     .form-group-stacked {
         .header {

src/system/applications/item/components/details-damage.ts

@@ -11,6 +11,20 @@ export class DetailsDamageComponent extends HandlebarsApplicationComponent<
     static TEMPLATE =
         'systems/cosmere-rpg/templates/item/components/details-damage.hbs';
 
+    /* eslint-disable @typescript-eslint/unbound-method */
+    static ACTIONS = {
+        'toggle-graze-collapsed': DetailsDamageComponent.onToggleGrazeCollapsed,
+    };
+    /* eslint-enable @typescript-eslint/unbound-method */
+    private grazeOverrideCollapsed = true;
+
+    /* --- Actions --- */
+
+    private static onToggleGrazeCollapsed(this: DetailsDamageComponent) {
+        this.grazeOverrideCollapsed = !this.grazeOverrideCollapsed;
+        void this.render();
+    }
+
     /* --- Context --- */
 
     public _prepareContext(params: never, context: BaseItemSheetRenderContext) {
@@ -34,6 +48,10 @@ export class DetailsDamageComponent extends HandlebarsApplicationComponent<
         return {
             hasSkillTest,
             hasSkill,
+            grazeInputCollapsed:
+                this.grazeOverrideCollapsed ||
+                this.application.item.system.damage.grazeOverrideFormula !==
+                    undefined,
 
             typeSelectOptions: {
                 none: '—',

src/system/data/item/mixins/damaging.ts

@@ -5,6 +5,7 @@ export interface DamagingItemData {
     damage: {
         formula?: string;
         type?: DamageType;
+        grazeOverrideFormula?: string;
         skill?: Skill;
         attribute?: Attribute;
     };
@@ -22,6 +23,10 @@ export function DamagingItemMixin<P extends CosmereItem>() {
                             nullable: true,
                             blank: false,
                         }),
+                        grazeOverrideFormula:
+                            new foundry.data.fields.StringField({
+                                nullable: true,
+                            }),
                         type: new foundry.data.fields.StringField({
                             nullable: true,
                             choices: Object.keys(CONFIG.COSMERE.damageTypes),

src/templates/item/components/details-damage.hbs

@@ -61,4 +61,37 @@
     {{/if}}
 </div>
 {{/if}}
+
+<div class="form-group-stacked">
+    <div class="header">
+        <label>{{localize "COSMERE.Item.Sheet.Damage.GrazeOverride"}}</label>
+        <div class="controls">
+            {{#if grazeInputCollapsed}}
+            <a data-action="toggle-graze-collapsed"
+                data-tooltip="COSMERE.Item.Sheet.Damage.GrazeShow"
+            >
+                <i class="fa-solid fa-chevron-left"></i>
+            </a>
+            {{else}}
+            <a data-action="toggle-graze-collapsed"
+                data-tooltip="COSMERE.Item.Sheet.Damage.GrazeHide"
+            >
+                <i class="fa-solid fa-chevron-down"></i>
+            </a>
+            {{/if}}
+        </div>
+    </div>
+    {{#if (not grazeInputCollapsed)}}
+    <div class="form-group formula">
+        <label>{{localize "COSMERE.Item.Sheet.Damage.GrazeFormula"}}</label>
+        <input name="system.damage.grazeOverrideFormula"
+            type="text"
+            value="{{item.system.damage.grazeOverrideFormula}}"
+            {{#if (not editable)}}
+            readonly
+            {{/if}}
+        >
+    </div>
+    {{/if}}
+</div>
 {{/if}}