The Deadlock Wiki - User contributions [en]

Template:ItemBox/styles.css

2026-07-23T21:54:03Z

~2026-LaneLeechSecure746: Reduce scroll jank when many cards are on screen: skip offscreen cards with content-visibility, isolate the blend group to the card, drop hidden tags from layout, remove the bevel blend mode (with help from vergir-bot LLM)

/* The whole card scales off one knob: font-size on .itembox (1em = 10px base) */
.itembox,
.itembox * {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
}
.itembox {
--itembox-ink: #10130D;
--itembox-weapon: #EC981a;
--itembox-vitality: #7CBB1E;
--itembox-spirit: #CE91FF;
--itembox-imbue-fg: #E8C9FF;
--itembox-imbue-bg: #623585;
--itembox-font: 'Retail Demo', sans-serif;
position: relative;
display: inline-block;
font-size: 10px;
width: 8em;
height: 12.5em;
border-radius: 0.6em;
box-shadow: 0.2em 0.2em 1.2em #00000097;
overflow: hidden;
transition-duration: 0.1s;
transition-property: opacity, transform, filter;
/* Offscreen cards skip layout, paint and compositing entirely. The box is a
fixed 8em x 12.5em, so contain-intrinsic-size keeps the placeholder the
exact size of the real card and nothing reflows on scroll. */
content-visibility: auto;
contain-intrinsic-size: 8em 12.5em;
}
.itembox-background {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
pointer-events: none;
}
.itembox-card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
background-size: cover;
/* Confines mix-blend-mode below to the card. Without it the blend group
reaches the page backdrop and the card cannot be cached as one layer. */
isolation: isolate;
}

.itembox-tier-1.itembox-weapon .itembox-card {
background-image: url('/images/3/3e/Weapon_Card_T1.png');
}
.itembox-tier-2.itembox-weapon .itembox-card {
background-image: url('/images/9/96/Weapon_Card_T2.png');
}
.itembox-tier-3.itembox-weapon .itembox-card {
background-image: url('/images/5/5d/Weapon_Card_T3.png');
}
.itembox-tier-4.itembox-weapon .itembox-card {
background-image: url('/images/a/a6/Weapon_Card_T4.png');
}
.itembox-tier-5.itembox-weapon .itembox-card {
background-image: url('/images/a/a6/Weapon_Card_T4.png');
}
.itembox-tier-1.itembox-vitality .itembox-card {
background-image: url('/images/7/75/Armor_Card_T1.png');
}
.itembox-tier-2.itembox-vitality .itembox-card {
background-image: url('/images/0/05/Armor_Card_T2.png');
}
.itembox-tier-3.itembox-vitality .itembox-card {
background-image: url('/images/7/7c/Armor_Card_T3.png');
}
.itembox-tier-4.itembox-vitality .itembox-card {
background-image: url('/images/1/18/Armor_Card_T4.png');
}
.itembox-tier-5.itembox-vitality .itembox-card {
background-image: url('/images/1/18/Armor_Card_T4.png');
}
.itembox-tier-1.itembox-spirit .itembox-card {
background-image: url('/images/a/af/Tech_Card_T1.png');
}
.itembox-tier-2.itembox-spirit .itembox-card {
background-image: url('/images/a/ac/Tech_Card_T2.png');
}
.itembox-tier-3.itembox-spirit .itembox-card {
background-image: url('/images/6/67/Tech_Card_T3.png');
}
.itembox-tier-4.itembox-spirit .itembox-card {
background-image: url('/images/f/f5/Tech_Card_T4.png');
}
.itembox-tier-5.itembox-spirit .itembox-card {
background-image: url('/images/f/f5/Tech_Card_T4.png');
}

.itembox-icon-area {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
aspect-ratio: 1 / 1;
}
.itembox-icon {
width: 100%;
height: 100%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
mask-size: cover;
mask-repeat: no-repeat;
mask-mode: luminance;
}
.itembox-icon > span,
.itembox-icon > span > span,
.itembox-icon picture {
display: block;
width: 100%;
height: 100%;
}
.itembox-icon img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}

.itembox-icon-v1 .itembox-icon {
mask-image: url('/images/1/10/Icon_mask01.png');
}
.itembox-icon-v2 .itembox-icon {
mask-image: url('/images/6/6f/Icon_mask02.png');
}
.itembox-icon-v3 .itembox-icon {
mask-image: url('/images/9/96/Icon_mask03.png');
}

.itembox-tier-badge {
position: absolute;
top: 0;
right: 0;
width: 2.8em;
height: 2.8em;
transform: scale(1.4);
transform-origin: top right;
/* display:none rather than visibility:hidden so the badge and its
drop-shadow() cost nothing on the cards that never show it. */
display: none;
}
.itembox-show-tier .itembox-tier-badge {
display: block;
}
.itembox-tier-badge-fill {
width: 100%;
height: 100%;
mask-size: 2.2em;
mask-repeat: no-repeat;
mask-position: right 0;
mask-image: url('/images/6/61/Tier_corner_cap.svg');
}
.itembox-tier-badge-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 2.2em;
background-repeat: no-repeat;
background-position: right 0;
background-image: url('/images/6/61/Tier_corner_cap.svg');
filter: drop-shadow(-0.4em 0 0.6em #000000ff);
}

.itembox-weapon .itembox-tier-badge-fill {
background-color: var(--itembox-weapon);
}
.itembox-vitality .itembox-tier-badge-fill {
background-color: var(--itembox-vitality);
}
.itembox-spirit .itembox-tier-badge-fill {
background-color: var(--itembox-spirit);
}

.itembox-tier-badge-number {
position: absolute;
right: 0;
top: 0.3em;
height: 0.8em;
mask-size: 100% 100%;
background-color: var(--itembox-ink);
}
.itembox-tier-1 .itembox-tier-badge-number {
width: 0.5em;
right: 0.4em;
mask-image: url('/images/2/24/Tier_numbers_small_01.svg');
}
.itembox-tier-2 .itembox-tier-badge-number {
width: 0.7em;
right: 0.3em;
mask-image: url('/images/7/74/Tier_numbers_small_02.svg');
}
.itembox-tier-3 .itembox-tier-badge-number {
width: 0.9em;
right: 0.2em;
mask-image: url('/images/5/54/Tier_numbers_small_03.svg');
}
.itembox-tier-4 .itembox-tier-badge-number {
width: 1.1em;
mask-image: url('/images/c/c6/Tier_numbers_small_04.svg');
}
.itembox-tier-5 .itembox-tier-badge-number {
width: 1.1em;
right: 0.1em;
mask-image: url('/images/8/81/Tier_numbers_small_05.svg');
}

.itembox-imbue-tag {
position: absolute;
bottom: 0;
display: none;
flex-direction: column;
justify-content: center;
width: 100%;
height: fit-content;
font-size: 1.2em;
font-weight: bold;
font-family: var(--itembox-font);
line-height: normal;
letter-spacing: 0.1em;
white-space: nowrap;
text-align: center;
text-transform: uppercase;
border-radius: 0.2em;
padding: 0 0.3em;
color: var(--itembox-imbue-fg);
background-color: var(--itembox-imbue-bg);
}
.itembox-imbue .itembox-imbue-tag {
display: flex;
}
.itembox-active.itembox-imbue .itembox-imbue-tag {
justify-content: start;
height: 2.2em;
}

.itembox-name-area {
width: 100%;
height: 4.5em;
padding: 0.5em 0.4em;
}
.itembox-name {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
line-height: 1.2;
text-align: center;
font-size: 1.5em;
font-weight: bold;
font-family: var(--itembox-font);
color: var(--itembox-ink);
overflow-wrap: normal;
word-break: normal;
}

.itembox-tier-4.itembox-weapon .itembox-name,
.itembox-tier-5.itembox-weapon .itembox-name {
color: #e4c5a1;
}
.itembox-tier-4.itembox-vitality .itembox-name,
.itembox-tier-5.itembox-vitality .itembox-name {
color: #c2e7cd;
}
.itembox-tier-4.itembox-spirit .itembox-name,
.itembox-tier-5.itembox-spirit .itembox-name {
color: #e3d4f2;
}

.itembox-wear {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.7;
mask-size: 100% 100%;
background-color: white;
}
.itembox-wear-v1 .itembox-wear {
mask-image: url('/images/8/8f/Card_PaperWear_1.png');
}
.itembox-wear-v2 .itembox-wear {
mask-image: url('/images/1/11/Card_PaperWear_2.png');
}
.itembox-wear-v3 .itembox-wear {
mask-image: url('/images/8/89/Card_PaperWear_3.png');
}
.itembox-wear-v4 .itembox-wear {
mask-image: url('/images/5/52/Card_PaperWear_4.png');
}

.itembox-tier-1.itembox-vitality .itembox-wear {
opacity: 1;
background-color: #f4e2cd;
}
.itembox-tier-1.itembox-spirit .itembox-wear {
opacity: 1;
background-color: rgb(247, 232, 213);
}
.itembox-tier-2 .itembox-wear {
background-color: rgb(230, 209, 191);
}
.itembox-tier-3 .itembox-wear {
background-color: rgb(206, 173, 155);
}
.itembox-tier-4 .itembox-wear,
.itembox-tier-5 .itembox-wear {
background-color: rgb(105, 97, 92);
}

.itembox-texture {
position: absolute;
width: 100%;
height: 100%;
background-size: 100% 100%;
mix-blend-mode: multiply;
}
.itembox-texture-v1 .itembox-texture {
background-image: url('/images/9/97/Shopitem_papertexture01.png');
}
.itembox-texture-v2 .itembox-texture {
background-image: url('/images/b/bf/Shopitem_papertexture02.png');
}
.itembox-texture-v3 .itembox-texture {
background-image: url('/images/9/95/Shopitem_papertexture03.png');
}

/* Two hairlines at ~13% alpha: screen and normal blending land within ~2% of
each other here, so the blend mode is dropped and the layer stays cheap. */
.itembox-bevel {
position: absolute;
width: 100%;
height: 100%;
border-left: 0.1em solid #ffcc6622;
border-top: 0.1em solid #ffcc6622;
background-size: 100% 100%;
}

.itembox-active-tag {
position: absolute;
bottom: 3.5em;
display: none;
flex-direction: column;
justify-content: center;
align-self: center;
width: fit-content;
height: fit-content;
font-size: 1.1em;
font-weight: bold;
font-family: var(--itembox-font);
line-height: normal;
letter-spacing: 0;
white-space: nowrap;
text-align: center;
text-transform: uppercase;
border-radius: 0.2em;
padding: 0.1em 0.6em;
box-shadow: 0 0 1.5em #000000ff;
color: #ffefd7b3;
background-color: #171717;
}
.itembox-active .itembox-active-tag {
display: flex;
}

.itembox .item-link-wrapper,
.itembox .item-link-wrapper > a {
position: absolute;
display: block;
inset: 0;
}

Module:ItemData/nav

2026-07-23T20:40:21Z

~2026-LaneLeechSecure746: Active Items table: use var(--color-subtle) for diminished notes (with help from vergir-bot LLM)

local p = {}
local items_data = mw.loadJsonData("Data:ItemData.json")
local lang_module = require('Module:Lang')
local generic_module = require('Module:GenericData')
local util_module = require('Module:Utilities')

-- Exceptions if the link is different from the item name
local linkOverrides = {
["Bullet Lifesteal"] = "Bullet Lifesteal (item)",
["Spirit Lifesteal"] = "Spirit Lifesteal (item)"
}

-- Cached items grouped by slot to prevent redundant full-table evaluations
local cached_slots = nil
local function get_items_by_slot(slot)
if not cached_slots then
cached_slots = { table = {}, Weapon = {}, Armor = {}, Tech = {} }
for item_key, item_data in pairs(items_data) do
local this_slot = item_data["Slot"]
if this_slot and cached_slots[this_slot] then
table.insert(cached_slots[this_slot], { key = item_key, data = item_data })
end
end
end
return cached_slots[slot] or {}
end

-- With debug_mode on, it outputs unprocessed wikitext
local function process_debug_mode(wikitext, debug_mode)
if debug_mode == 'true' then
return wikitext
elseif debug_mode == 'false' or debug_mode == nil then
return mw.getCurrentFrame():preprocess(wikitext)
else
return "debug_mode must be 'true' or 'false'"
end
end

-- Writes list of items of a certain slot within the min and max soul bounds
local function write_wrapped_item_list(slot, min_souls, max_souls, template, sep, filter_mode)
if slot ~= 'Weapon' and slot ~= 'Armor' and slot ~= 'Tech' then
return 'slot must be Weapon, Armor (Vitality), or Tech (Spirit)'
end

local min_souls = tonumber(min_souls)
local max_souls = tonumber(max_souls)
if min_souls == nil or max_souls == nil then return 'Min/Max souls must be numerical' end

filter_mode = filter_mode or "all"

-- Lifted out of the loop: Language code doesn't change per item
local lang_code = lang_module.get_lang_code()

local items = {}
local slot_items = get_items_by_slot(slot) -- Drastically reduces search pool size

for _, item_entry in ipairs(slot_items) do
local item_key = item_entry.key
local item_data = item_entry.data

local this_cost = tonumber(item_data["Cost"])
local is_street_brawl = item_data["StreetBrawl"] == true
local should_include = true

-- Filter logic for Street Brawl items
if filter_mode == "street_brawl_only" and not is_street_brawl then
should_include = false
elseif filter_mode == "exclude_street_brawl" and is_street_brawl then
should_include = false
end

if should_include and item_data["Name"] ~= nil and item_data["IsDisabled"] == false and this_cost ~= nil then
if this_cost >= min_souls and this_cost < max_souls then
local item_name_english = lang_module.get_string(item_key, "en")
local item_link = linkOverrides[item_name_english] or item_name_english
local item_name_local = lang_module.get_string(item_key, lang_code)

local item_template
if template == "ItemIcon" then
if lang_code == "en" then
item_template = "{{ItemIcon|" .. item_name_english .. "|size=26px}}"
else
item_template = "{{ItemIcon|" .. item_name_english .. "|lang=" .. lang_code .. "|l1=" .. item_name_local .. "|size=26px}}"
end

local search_data = item_name_english
if lang_code ~= "en" and item_name_local then
search_data = search_data .. " " .. item_name_local
end

item_template = '' .. item_template .. ''
elseif template == "ItemBox" then
if lang_code == "en" then
if is_street_brawl then
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. item_link .. "|overrideTier=5}}"
else
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. item_link .. "}}"
end
else
local link_local = item_link .. "/" .. lang_code
if is_street_brawl then
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. link_local .. "|item_price={{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}"
else
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. link_local .. "}}"
end
end
else
return "Invalid template type"
end
table.insert(items, item_template)
end
end
end

-- Order list alphabetically
table.sort(items)

-- Append closing tags and bullets
if template == "ItemIcon" then
local total_items = #items
for i = 1, total_items do
if i == total_items then
items[i] = items[i] .. ''
else
items[i] = items[i] .. ' • '
end
end
end

return table.concat(items, sep)
end

-- for [[Template:Item Navbox]]
function p.get_item_nav_bulletpoints(slot, min_souls, max_souls, debug_mode, filter_mode)
if type(slot) == "table" and slot.args then
local frame = slot
slot = frame.args[1]
min_souls = frame.args[2]
max_souls = frame.args[3]
debug_mode = frame.args["debug_mode"]
filter_mode = frame.args["filter"]
end

local item_list = write_wrapped_item_list(slot, min_souls, max_souls, "ItemIcon", '', filter_mode)
return process_debug_mode(item_list, debug_mode)
end

-- for [[Template:Infobox ShopItems]]
function p.get_item_nav_cards(slot, min_souls, max_souls, debug_mode, filter_mode)
if type(slot) == "table" and slot.args then
local frame = slot
slot = frame.args[1]
min_souls = frame.args[2]
max_souls = frame.args[3]
debug_mode = frame.args["debug_mode"]
filter_mode = frame.args["filter"]
end

local item_list = write_wrapped_item_list(slot, min_souls, max_souls, "ItemBox", ' ', filter_mode)
return process_debug_mode(item_list, debug_mode)
end

-- for [[Template:Item Navbox]] subgroup rows
function p.write_item_slot_subgroup(frame)
local slot = frame.args[1]
local type_func = frame.args[2]
local debug_mode = frame.args['debug_mode']
local street_brawl_label = frame.args['street_brawl_label'] or '{{Legendary|{{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}'

if slot == nil then return "'slot' parameter is required" end

local template_args = {
["groupstyle"] = "background-color:" .. util_module.get_slot_color(slot) .. ";width:10%;min-width:70px;border-radius: 8px 0 0 8px",
["grouppadding"] = "5px",
["listpadding"] = "0 0.25rem",
}

local soul_style = "font-size: 12px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3);"
local prices = generic_module.get_item_price_per_tier()
local group_index = 1

for i, souls in ipairs(prices) do
local min_souls = souls

if min_souls ~= 0 then
local max_souls = prices[i+1] or (min_souls * 10)

local list
if type_func == 'get_item_nav_cards' then
list = p.get_item_nav_cards(slot, min_souls, max_souls, debug_mode, "exclude_street_brawl")
elseif type_func == 'get_item_nav_bulletpoints' then
list = p.get_item_nav_bulletpoints(slot, min_souls, max_souls, debug_mode, "exclude_street_brawl")
else
return "'type' should be get_item_nav_cards or get_item_nav_bulletpoints"
end

if list and list ~= "" then
template_args["group" .. group_index] = frame:expandTemplate{title="Souls", args={[1] = min_souls, ["Shadow"] = soul_style}}
template_args["list" .. group_index] = list
group_index = group_index + 1
end
end
end

local sb_list
if type_func == 'get_item_nav_cards' then
sb_list = p.get_item_nav_cards(slot, 0, 999999, debug_mode, "street_brawl_only")
elseif type_func == 'get_item_nav_bulletpoints' then
sb_list = p.get_item_nav_bulletpoints(slot, 0, 999999, debug_mode, "street_brawl_only")
end

if sb_list and sb_list ~= "" then
local sb_style = "color:#98ffde; font-family:'Retail Demo', sans-serif; text-wrap: nowrap; text-shadow: 0px 0px 2px #2c312e, 1.3px 1.3px rgba(0, 0, 0, 0.2);padding:5px;"
local sb_link_text = "[[Street Brawl{{if_lang}}|" .. street_brawl_label .. "]]"
template_args["group" .. group_index] = frame:preprocess(sb_link_text)
template_args["list" .. group_index] = sb_list
end

return frame:expandTemplate{title="Navbox subgroup", args=template_args}
end

-- for [[Template:Active Items]]

-- Displayed when a stat does not apply to an item
local NO_VALUE = "—"

-- One expanded inline attribute as produced by [[Module:Lang]]:
-- wrapper span > icon span > spacer span > wikilink
local INLINE_ATTRIBUTE_PATTERN =
'' ..
'%[%[File:[^%]]*%]%]' ..
' ' ..
'%[%[([^|%]]+)|([^%]]*)%]%]'

-- Range is taken from the first of these the item has a usable value for
local RANGE_PROPERTIES = { "AbilityCastRange", "Radius", "EndRadius" }

-- Rewrites the description markup [[Module:Lang]] produces
local function restyle_description(text)
text = text:gsub(INLINE_ATTRIBUTE_PATTERN, '[[%1|%2]]')
-- Attributes with an icon but no link keep their span; follow the site text color
text = text:gsub('color:#ffefd7;', 'color:var(--color-base);')
-- Diminished notes ("Cannot be used while Stunned...")
return (text:gsub('color:#C0C0C0', 'color:var(--color-subtle)'))
end

-- Numeric value of a stat, used for sorting
local function stat_sort_value(value)
if type(value) == "table" then value = value["Value"] end
if value == nil then return -1 end
return tonumber(tostring(value):match("[-%d%.]+")) or -1
end

-- First range property the item has a usable value for
local function get_range_property(item_data)
for _, property in ipairs(RANGE_PROPERTIES) do
local value = item_data[property]
if value ~= nil and stat_sort_value(value) > 0 then
return property, value
end
end
return nil, nil
end

-- Builds a stat cell, falling back to an em dash when the stat does not apply
local function stat_cell(raw_value, item_name, property, postfix)
if raw_value == nil or property == nil then
return '| data-sort-value="-1" style="text-align:center;font-size:16px" | ' .. NO_VALUE
end
return string.format(
'| data-sort-value="%s" style="text-align:center;font-size:16px" | {{#invoke:ItemData|get_prop|%s|%s}}%s',
stat_sort_value(raw_value), item_name, property, postfix or "")
end

function p.generate_active_items_table(frame)
local active_items = {}

for item_key, item_data in pairs(items_data) do
local cost = tonumber(item_data["Cost"])
if item_data["Name"] and
item_data["IsDisabled"] == false and
cost ~= nil and cost > 0 and
item_data["Activation"] and
item_data["Activation"] ~= "Passive" then

local range_property, range_value = get_range_property(item_data)

table.insert(active_items, {
name = item_data["Name"],
key = item_key,
cost = cost,
slot = item_data["Slot"] or "Weapon",
has_active_desc = item_data["ActiveDescription"] ~= nil,
cooldown = item_data["AbilityCooldown"],
duration = item_data["AbilityDuration"],
range_property = range_property,
range_value = range_value
})
end
end

table.sort(active_items, function(a, b) return a.name < b.name end)

-- Optimized string compilation using a structural buffer table
local rows = {}
table.insert(rows, [=[{| class="wikitable mw-collapsible sortable" style="width:100%"
|+{{#invoke:Dictionary|translate|Active Items}}
! colspan="2" | {{#invoke:Lang|get_string|Citadel_HeroBuilds_CategoryNameLabel}}
! {{#invoke:Lang|get_string|Citadel_UserFeedback_TypeLabel}}
! {{Souls|{{#invoke:Dictionary|translate|Cost}}}}
! {{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Active}}
! {{#invoke:Lang|get_string|AbilityCooldown_label}}
! {{#invoke:Lang|get_string|AbilityDuration_label}}
! {{#invoke:Lang|get_string|AbilityCastRange_label}}]=])

for _, item in ipairs(active_items) do
local bg_color = util_module.get_slot_color(item.slot)

local item_type
if item.slot == "Armor" then
item_type = "Armor"
elseif item.slot == "Tech" then
item_type = "Tech"
else
item_type = "Weapon"
end

local row = string.format([=[
|-
! style="background-color:%s" | [[File:%s.png|64x64px]]
! [[%s{{If_lang}}|{{#invoke:Lang|get_string|%s}}]]
| style="text-align:center;font-weight:bold" | {{ItemType|%s|{{#invoke:Lang|get_string|CitadelCategory%s}}}}
| data-sort-value="%d" style="text-align:center;font-size:15px" | {{Souls|%d}}
| {{#invoke:Utilities|process_variables|%s_active_desc|%s}}{{#invoke:Utilities|process_variables|%s_desc|%s}}{{#invoke:Utilities|process_variables|%s_active|%s}}
%s
%s
%s]=],
bg_color,
item.name,
item.name, item.key,
item_type, item_type,
item.cost, item.cost,
item.key, item.name, item.key, item.name, item.key, item.name,
stat_cell(item.cooldown, item.name, "AbilityCooldown", "s"),
stat_cell(item.duration, item.name, "AbilityDuration", "s"),
stat_cell(item.range_value, item.name, item.range_property))

table.insert(rows, row)
end

table.insert(rows, "\n|}")
return restyle_description(frame:preprocess(table.concat(rows, "\n")))
end

return p

Module:ItemData/nav

2026-07-23T20:32:21Z

~2026-LaneLeechSecure746: Active Items table: plain wikilinks for inline attributes, var(--color-base) for off-white styling, em dash for missing stats, add Duration and Cast Range columns (with help from vergir-bot LLM)

local p = {}
local items_data = mw.loadJsonData("Data:ItemData.json")
local lang_module = require('Module:Lang')
local generic_module = require('Module:GenericData')
local util_module = require('Module:Utilities')

-- Exceptions if the link is different from the item name
local linkOverrides = {
["Bullet Lifesteal"] = "Bullet Lifesteal (item)",
["Spirit Lifesteal"] = "Spirit Lifesteal (item)"
}

-- Cached items grouped by slot to prevent redundant full-table evaluations
local cached_slots = nil
local function get_items_by_slot(slot)
if not cached_slots then
cached_slots = { table = {}, Weapon = {}, Armor = {}, Tech = {} }
for item_key, item_data in pairs(items_data) do
local this_slot = item_data["Slot"]
if this_slot and cached_slots[this_slot] then
table.insert(cached_slots[this_slot], { key = item_key, data = item_data })
end
end
end
return cached_slots[slot] or {}
end

-- With debug_mode on, it outputs unprocessed wikitext
local function process_debug_mode(wikitext, debug_mode)
if debug_mode == 'true' then
return wikitext
elseif debug_mode == 'false' or debug_mode == nil then
return mw.getCurrentFrame():preprocess(wikitext)
else
return "debug_mode must be 'true' or 'false'"
end
end

-- Writes list of items of a certain slot within the min and max soul bounds
local function write_wrapped_item_list(slot, min_souls, max_souls, template, sep, filter_mode)
if slot ~= 'Weapon' and slot ~= 'Armor' and slot ~= 'Tech' then
return 'slot must be Weapon, Armor (Vitality), or Tech (Spirit)'
end

local min_souls = tonumber(min_souls)
local max_souls = tonumber(max_souls)
if min_souls == nil or max_souls == nil then return 'Min/Max souls must be numerical' end

filter_mode = filter_mode or "all"

-- Lifted out of the loop: Language code doesn't change per item
local lang_code = lang_module.get_lang_code()

local items = {}
local slot_items = get_items_by_slot(slot) -- Drastically reduces search pool size

for _, item_entry in ipairs(slot_items) do
local item_key = item_entry.key
local item_data = item_entry.data

local this_cost = tonumber(item_data["Cost"])
local is_street_brawl = item_data["StreetBrawl"] == true
local should_include = true

-- Filter logic for Street Brawl items
if filter_mode == "street_brawl_only" and not is_street_brawl then
should_include = false
elseif filter_mode == "exclude_street_brawl" and is_street_brawl then
should_include = false
end

if should_include and item_data["Name"] ~= nil and item_data["IsDisabled"] == false and this_cost ~= nil then
if this_cost >= min_souls and this_cost < max_souls then
local item_name_english = lang_module.get_string(item_key, "en")
local item_link = linkOverrides[item_name_english] or item_name_english
local item_name_local = lang_module.get_string(item_key, lang_code)

local item_template
if template == "ItemIcon" then
if lang_code == "en" then
item_template = "{{ItemIcon|" .. item_name_english .. "|size=26px}}"
else
item_template = "{{ItemIcon|" .. item_name_english .. "|lang=" .. lang_code .. "|l1=" .. item_name_local .. "|size=26px}}"
end

local search_data = item_name_english
if lang_code ~= "en" and item_name_local then
search_data = search_data .. " " .. item_name_local
end

item_template = '' .. item_template .. ''
elseif template == "ItemBox" then
if lang_code == "en" then
if is_street_brawl then
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. item_link .. "|overrideTier=5}}"
else
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. item_link .. "}}"
end
else
local link_local = item_link .. "/" .. lang_code
if is_street_brawl then
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. link_local .. "|item_price={{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}"
else
item_template = "{{ItemBox|itemName=" .. item_name_english .. "|overrideLinkClick=" .. link_local .. "}}"
end
end
else
return "Invalid template type"
end
table.insert(items, item_template)
end
end
end

-- Order list alphabetically
table.sort(items)

-- Append closing tags and bullets
if template == "ItemIcon" then
local total_items = #items
for i = 1, total_items do
if i == total_items then
items[i] = items[i] .. ''
else
items[i] = items[i] .. ' • '
end
end
end

return table.concat(items, sep)
end

-- for [[Template:Item Navbox]]
function p.get_item_nav_bulletpoints(slot, min_souls, max_souls, debug_mode, filter_mode)
if type(slot) == "table" and slot.args then
local frame = slot
slot = frame.args[1]
min_souls = frame.args[2]
max_souls = frame.args[3]
debug_mode = frame.args["debug_mode"]
filter_mode = frame.args["filter"]
end

local item_list = write_wrapped_item_list(slot, min_souls, max_souls, "ItemIcon", '', filter_mode)
return process_debug_mode(item_list, debug_mode)
end

-- for [[Template:Infobox ShopItems]]
function p.get_item_nav_cards(slot, min_souls, max_souls, debug_mode, filter_mode)
if type(slot) == "table" and slot.args then
local frame = slot
slot = frame.args[1]
min_souls = frame.args[2]
max_souls = frame.args[3]
debug_mode = frame.args["debug_mode"]
filter_mode = frame.args["filter"]
end

local item_list = write_wrapped_item_list(slot, min_souls, max_souls, "ItemBox", ' ', filter_mode)
return process_debug_mode(item_list, debug_mode)
end

-- for [[Template:Item Navbox]] subgroup rows
function p.write_item_slot_subgroup(frame)
local slot = frame.args[1]
local type_func = frame.args[2]
local debug_mode = frame.args['debug_mode']
local street_brawl_label = frame.args['street_brawl_label'] or '{{Legendary|{{#invoke:Lang|get_string|Citadel_ItemDraft_Legendary}}}}'

if slot == nil then return "'slot' parameter is required" end

local template_args = {
["groupstyle"] = "background-color:" .. util_module.get_slot_color(slot) .. ";width:10%;min-width:70px;border-radius: 8px 0 0 8px",
["grouppadding"] = "5px",
["listpadding"] = "0 0.25rem",
}

local soul_style = "font-size: 12px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3);"
local prices = generic_module.get_item_price_per_tier()
local group_index = 1

for i, souls in ipairs(prices) do
local min_souls = souls

if min_souls ~= 0 then
local max_souls = prices[i+1] or (min_souls * 10)

local list
if type_func == 'get_item_nav_cards' then
list = p.get_item_nav_cards(slot, min_souls, max_souls, debug_mode, "exclude_street_brawl")
elseif type_func == 'get_item_nav_bulletpoints' then
list = p.get_item_nav_bulletpoints(slot, min_souls, max_souls, debug_mode, "exclude_street_brawl")
else
return "'type' should be get_item_nav_cards or get_item_nav_bulletpoints"
end

if list and list ~= "" then
template_args["group" .. group_index] = frame:expandTemplate{title="Souls", args={[1] = min_souls, ["Shadow"] = soul_style}}
template_args["list" .. group_index] = list
group_index = group_index + 1
end
end
end

local sb_list
if type_func == 'get_item_nav_cards' then
sb_list = p.get_item_nav_cards(slot, 0, 999999, debug_mode, "street_brawl_only")
elseif type_func == 'get_item_nav_bulletpoints' then
sb_list = p.get_item_nav_bulletpoints(slot, 0, 999999, debug_mode, "street_brawl_only")
end

if sb_list and sb_list ~= "" then
local sb_style = "color:#98ffde; font-family:'Retail Demo', sans-serif; text-wrap: nowrap; text-shadow: 0px 0px 2px #2c312e, 1.3px 1.3px rgba(0, 0, 0, 0.2);padding:5px;"
local sb_link_text = "[[Street Brawl{{if_lang}}|" .. street_brawl_label .. "]]"
template_args["group" .. group_index] = frame:preprocess(sb_link_text)
template_args["list" .. group_index] = sb_list
end

return frame:expandTemplate{title="Navbox subgroup", args=template_args}
end

-- for [[Template:Active Items]]

-- Displayed when a stat does not apply to an item
local NO_VALUE = "—"

-- One expanded inline attribute as produced by [[Module:Lang]]:
-- wrapper span > icon span > spacer span > wikilink
local INLINE_ATTRIBUTE_PATTERN =
'' ..
'%[%[File:[^%]]*%]%]' ..
' ' ..
'%[%[([^|%]]+)|([^%]]*)%]%]'

-- Range is taken from the first of these the item has a usable value for
local RANGE_PROPERTIES = { "AbilityCastRange", "Radius", "EndRadius" }

-- Strips the icon markup from inline attributes, leaving plain wikilinks
local function restyle_inline_attributes(text)
text = text:gsub(INLINE_ATTRIBUTE_PATTERN, '[[%1|%2]]')
-- Attributes with an icon but no link keep their span; follow the site text color
return (text:gsub('color:#ffefd7;', 'color:var(--color-base);'))
end

-- Numeric value of a stat, used for sorting
local function stat_sort_value(value)
if type(value) == "table" then value = value["Value"] end
if value == nil then return -1 end
return tonumber(tostring(value):match("[-%d%.]+")) or -1
end

-- First range property the item has a usable value for
local function get_range_property(item_data)
for _, property in ipairs(RANGE_PROPERTIES) do
local value = item_data[property]
if value ~= nil and stat_sort_value(value) > 0 then
return property, value
end
end
return nil, nil
end

-- Builds a stat cell, falling back to an em dash when the stat does not apply
local function stat_cell(raw_value, item_name, property, postfix)
if raw_value == nil or property == nil then
return '| data-sort-value="-1" style="text-align:center;font-size:16px" | ' .. NO_VALUE
end
return string.format(
'| data-sort-value="%s" style="text-align:center;font-size:16px" | {{#invoke:ItemData|get_prop|%s|%s}}%s',
stat_sort_value(raw_value), item_name, property, postfix or "")
end

function p.generate_active_items_table(frame)
local active_items = {}

for item_key, item_data in pairs(items_data) do
local cost = tonumber(item_data["Cost"])
if item_data["Name"] and
item_data["IsDisabled"] == false and
cost ~= nil and cost > 0 and
item_data["Activation"] and
item_data["Activation"] ~= "Passive" then

local range_property, range_value = get_range_property(item_data)

table.insert(active_items, {
name = item_data["Name"],
key = item_key,
cost = cost,
slot = item_data["Slot"] or "Weapon",
has_active_desc = item_data["ActiveDescription"] ~= nil,
cooldown = item_data["AbilityCooldown"],
duration = item_data["AbilityDuration"],
range_property = range_property,
range_value = range_value
})
end
end

table.sort(active_items, function(a, b) return a.name < b.name end)

-- Optimized string compilation using a structural buffer table
local rows = {}
table.insert(rows, [=[{| class="wikitable mw-collapsible sortable" style="width:100%"
|+{{#invoke:Dictionary|translate|Active Items}}
! colspan="2" | {{#invoke:Lang|get_string|Citadel_HeroBuilds_CategoryNameLabel}}
! {{#invoke:Lang|get_string|Citadel_UserFeedback_TypeLabel}}
! {{Souls|{{#invoke:Dictionary|translate|Cost}}}}
! {{#invoke:Lang|get_string|Citadel_Mod_Tooltip_Active}}
! {{#invoke:Lang|get_string|AbilityCooldown_label}}
! {{#invoke:Lang|get_string|AbilityDuration_label}}
! {{#invoke:Lang|get_string|AbilityCastRange_label}}]=])

for _, item in ipairs(active_items) do
local bg_color = util_module.get_slot_color(item.slot)

local item_type
if item.slot == "Armor" then
item_type = "Armor"
elseif item.slot == "Tech" then
item_type = "Tech"
else
item_type = "Weapon"
end

local row = string.format([=[
|-
! style="background-color:%s" | [[File:%s.png|64x64px]]
! [[%s{{If_lang}}|{{#invoke:Lang|get_string|%s}}]]
| style="text-align:center;font-weight:bold" | {{ItemType|%s|{{#invoke:Lang|get_string|CitadelCategory%s}}}}
| data-sort-value="%d" style="text-align:center;font-size:15px" | {{Souls|%d}}
| {{#invoke:Utilities|process_variables|%s_active_desc|%s}}{{#invoke:Utilities|process_variables|%s_desc|%s}}{{#invoke:Utilities|process_variables|%s_active|%s}}
%s
%s
%s]=],
bg_color,
item.name,
item.name, item.key,
item_type, item_type,
item.cost, item.cost,
item.key, item.name, item.key, item.name, item.key, item.name,
stat_cell(item.cooldown, item.name, "AbilityCooldown", "s"),
stat_cell(item.duration, item.name, "AbilityDuration", "s"),
stat_cell(item.range_value, item.name, item.range_property))

table.insert(rows, row)
end

table.insert(rows, "\n|}")
return restyle_inline_attributes(frame:preprocess(table.concat(rows, "\n")))
end

return p