wuira 0.2.8 → 0.3.2

package/lib/ui/decorations/borderTextures.d.ts

@@ -1,40 +1,5 @@
-export declare const borderTextures: {
-    readonly solid: {
-        readonly label: "Solid";
-        readonly path: "";
-        readonly edgeSize: 1;
-    };
-    readonly tooltip: {
-        readonly label: "Blizzard Tooltip";
-        readonly path: "Interface\\Tooltips\\UI-Tooltip-Border";
-        readonly edgeSize: 16;
-    };
-    readonly dialog: {
-        readonly label: "Blizzard Dialog";
-        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Border";
-        readonly edgeSize: 32;
-    };
-    readonly dialogGold: {
-        readonly label: "Blizzard Dialog Gold";
-        readonly path: "Interface\\DialogFrame\\UI-DialogBox-Gold-Border";
-        readonly edgeSize: 32;
-    };
-    readonly achievementWood: {
-        readonly label: "Blizzard Achievement Wood";
-        readonly path: "Interface\\AchievementFrame\\UI-Achievement-WoodBorder";
-        readonly edgeSize: 16;
-    };
-    readonly chatBubble: {
-        readonly label: "Blizzard Chat Bubble";
-        readonly path: "Interface\\Tooltips\\ChatBubble-Backdrop";
-        readonly edgeSize: 16;
-    };
-    readonly party: {
-        readonly label: "Blizzard Party";
-        readonly path: "Interface\\CHARACTERFRAME\\UI-Party-Border";
-        readonly edgeSize: 16;
-    };
-};
+import { borderTextures } from "../media/clientMedia";
+export { borderTextures };
 export type BorderTexture = keyof typeof borderTextures | {
     path: string;
     edgeSize: number;

package/lib/ui/decorations/borderTextures.lua

@@ -1,12 +1,6 @@
 --[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
 local ____exports = {}
-____exports.borderTextures = {
-    solid = {label = "Solid", path = "", edgeSize = 1},
-    tooltip = {label = "Blizzard Tooltip", path = "Interface\\Tooltips\\UI-Tooltip-Border", edgeSize = 16},
-    dialog = {label = "Blizzard Dialog", path = "Interface\\DialogFrame\\UI-DialogBox-Border", edgeSize = 32},
-    dialogGold = {label = "Blizzard Dialog Gold", path = "Interface\\DialogFrame\\UI-DialogBox-Gold-Border", edgeSize = 32},
-    achievementWood = {label = "Blizzard Achievement Wood", path = "Interface\\AchievementFrame\\UI-Achievement-WoodBorder", edgeSize = 16},
-    chatBubble = {label = "Blizzard Chat Bubble", path = "Interface\\Tooltips\\ChatBubble-Backdrop", edgeSize = 16},
-    party = {label = "Blizzard Party", path = "Interface\\CHARACTERFRAME\\UI-Party-Border", edgeSize = 16}
-}
+local ____clientMedia = require("ui.media.clientMedia")
+local borderTextures = ____clientMedia.borderTextures
+____exports.borderTextures = borderTextures
 return ____exports

package/lib/ui/decorations/statusBarTextures.d.ts

@@ -1,12 +1,5 @@
-export declare const statusBarTextures: {
-    readonly solid: {
-        readonly label: "Solid";
-        readonly path: "Interface\\Buttons\\WHITE8X8";
-    };
-    readonly blizzard: {
-        readonly label: "Blizzard Status Bar";
-        readonly path: "Interface\\TargetingFrame\\UI-StatusBar";
-    };
-};
-/** Accepts catalog names or a native/custom texture path. */
-export declare function resolveStatusBarTexture(texture: string): string;
+export { progressTextures as statusBarTextures } from "../media/clientMedia";
+/** Accepts a catalog name, a texture path, a status-bar atlas, or a numeric client file id. */
+export declare function resolveStatusBarTexture(texture: string): string | number;
+/** Power-bar entries from the client are atlases. A file path stays on SetStatusBarTexture. */
+export declare function applyStatusBarTexture(bar: wuiraNativeStatusBar, texture: string | number): void;

package/lib/ui/decorations/statusBarTextures.lua

@@ -1,9 +1,88 @@
 --[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
+-- Lua Library inline imports
+local function __TS__StringCharCodeAt(self, index)
+    if index ~= index then
+        index = 0
+    end
+    if index < 0 then
+        return 0 / 0
+    end
+    return string.byte(self, index + 1) or 0 / 0
+end
+
+local function __TS__Number(value)
+    local valueType = type(value)
+    if valueType == "number" then
+        return value
+    elseif valueType == "string" then
+        local numberValue = tonumber(value)
+        if numberValue then
+            return numberValue
+        end
+        if value == "Infinity" then
+            return math.huge
+        end
+        if value == "-Infinity" then
+            return -math.huge
+        end
+        local stringWithoutSpaces = string.gsub(value, "%s", "")
+        if stringWithoutSpaces == "" then
+            return 0
+        end
+        return 0 / 0
+    elseif valueType == "boolean" then
+        return value and 1 or 0
+    else
+        return 0 / 0
+    end
+end
+-- End of Lua Library inline imports
 local ____exports = {}
-____exports.statusBarTextures = {solid = {label = "Solid", path = "Interface\\Buttons\\WHITE8X8"}, blizzard = {label = "Blizzard Status Bar", path = "Interface\\TargetingFrame\\UI-StatusBar"}}
---- Accepts catalog names or a native/custom texture path.
+local ____clientMedia = require("ui.media.clientMedia")
+local progressTextures = ____clientMedia.progressTextures
+do
+    local ____clientMedia = require("ui.media.clientMedia")
+    ____exports.statusBarTextures = ____clientMedia.progressTextures
+end
+local function fileId(self, value)
+    if #value == 0 then
+        return nil
+    end
+    local index = 0
+    while index < #value do
+        local code = __TS__StringCharCodeAt(value, index)
+        if code < 48 or code > 57 then
+            return nil
+        end
+        index = index + 1
+    end
+    return __TS__Number(value)
+end
+--- Accepts a catalog name, a texture path, a status-bar atlas, or a numeric client file id.
 function ____exports.resolveStatusBarTexture(self, texture)
-    local preset = ____exports.statusBarTextures[texture]
-    return preset == nil and texture or preset.path
+    local preset = progressTextures[texture]
+    if preset ~= nil then
+        return preset.path
+    end
+    return fileId(nil, texture) or texture
+end
+local function isAtlas(self, name)
+    if type(GetAtlasInfo) == "function" and GetAtlasInfo(name) ~= nil then
+        return true
+    end
+    local textures = C_Texture
+    return textures ~= nil and textures.GetAtlasInfo ~= nil and textures.GetAtlasInfo(name) ~= nil
+end
+--- Power-bar entries from the client are atlases. A file path stays on SetStatusBarTexture.
+function ____exports.applyStatusBarTexture(self, bar, texture)
+    if type(texture) == "string" and isAtlas(nil, texture) then
+        bar:SetStatusBarTexture("Interface\\Buttons\\WHITE8X8")
+        local fill = bar:GetStatusBarTexture()
+        if fill ~= nil and fill.SetAtlas ~= nil then
+            fill:SetAtlas(texture)
+        end
+        return
+    end
+    bar:SetStatusBarTexture(texture)
 end
 return ____exports

package/lib/ui/index.d.ts

@@ -24,9 +24,15 @@ export { ProgressBar } from "./ProgressBar";
 export { Background } from "./decorations/Background";
 export { Border } from "./decorations/Border";
 export { Glow } from "./decorations/Glow";
+export { startOverlayGlow } from "./overlayGlow";
+export type { OverlayGlowKind, OverlayGlowOptions } from "./overlayGlow";
 export { Tooltip } from "./decorations/Tooltip";
 export type { TooltipProps, TooltipAnchor, TooltipLine, NativeTooltip } from "./decorations/Tooltip";
+export { progressTextures, backgroundTextures, borderTextures, clientFonts } from "./media/clientMedia";
+export type { ClientMedia, ClientBorder } from "./media/clientMedia";
+export { resolveMediaPath } from "./media/clientMedia";
 export { Label } from "./Label";
 export type { LabelProps } from "./Label";
 export { Icon } from "./Icon";
 export type { IconProps } from "./Icon";
+export { unitPortrait } from "./UnitPortrait";

package/lib/ui/index.lua

@@ -68,10 +68,25 @@ do
     local ____Glow = require("ui.decorations.Glow")
     ____exports.Glow = ____Glow.Glow
 end
+do
+    local ____overlayGlow = require("ui.overlayGlow")
+    ____exports.startOverlayGlow = ____overlayGlow.startOverlayGlow
+end
 do
     local ____Tooltip = require("ui.decorations.Tooltip")
     ____exports.Tooltip = ____Tooltip.Tooltip
 end
+do
+    local ____clientMedia = require("ui.media.clientMedia")
+    ____exports.progressTextures = ____clientMedia.progressTextures
+    ____exports.backgroundTextures = ____clientMedia.backgroundTextures
+    ____exports.borderTextures = ____clientMedia.borderTextures
+    ____exports.clientFonts = ____clientMedia.clientFonts
+end
+do
+    local ____clientMedia = require("ui.media.clientMedia")
+    ____exports.resolveMediaPath = ____clientMedia.resolveMediaPath
+end
 do
     local ____Label = require("ui.Label")
     ____exports.Label = ____Label.Label
@@ -80,4 +95,8 @@ do
     local ____Icon = require("ui.Icon")
     ____exports.Icon = ____Icon.Icon
 end
+do
+    local ____UnitPortrait = require("ui.UnitPortrait")
+    ____exports.unitPortrait = ____UnitPortrait.unitPortrait
+end
 return ____exports

package/lib/ui/layout/calculateFlow.d.ts

@@ -1,12 +1,24 @@
 import type { FlowLayoutProps } from "../FlowLayout";
-/** Pure layout calculation in top-left UI coordinates. */
-export declare function calculateFlow(props: FlowLayoutProps & {
+export interface FlowChild {
     width: number;
     height: number;
-}, children: readonly {
+    anchor?: string;
+}
+/** Horizontal space is columnGap. Vertical space is rowGap. Older gap and lineGap fill whichever axis is unset. */
+export declare function flowSpacing(direction: string | undefined, props: {
+    gap?: number;
+    lineGap?: number;
+    columnGap?: number;
+    rowGap?: number;
+}): {
+    main: number;
+    cross: number;
+};
+/** Pack children along one direction, then place the group and each child separately. */
+export declare function calculateFlow(props: FlowLayoutProps & {
     width: number;
     height: number;
-}[]): {
+}, children: readonly FlowChild[]): {
     x: number;
     y: number;
 }[];

package/lib/ui/layout/calculateFlow.lua

@@ -1,62 +1,169 @@
 --[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
 -- Lua Library inline imports
-local function __TS__NumberIsFinite(value)
-    return type(value) == "number" and value == value and value ~= math.huge and value ~= -math.huge
+local function __TS__StringIncludes(self, searchString, position)
+    if not position then
+        position = 1
+    else
+        position = position + 1
+    end
+    local index = string.find(self, searchString, position, true)
+    return index ~= nil
+end
+
+local function __TS__ArrayMap(self, callbackfn, thisArg)
+    local result = {}
+    for i = 1, #self do
+        result[i] = callbackfn(thisArg, self[i], i - 1, self)
+    end
+    return result
 end
 -- End of Lua Library inline imports
 local ____exports = {}
---- Pure layout calculation in top-left UI coordinates.
-function ____exports.calculateFlow(self, props, children)
-    local horizontal = props.direction == "horizontal"
-    local requestedLimit = horizontal and props.width or props.height
-    local limit = props.sizing == "content" and requestedLimit == 0 and math.huge or requestedLimit
+local function axisFraction(self, anchor, axis, fallback)
+    if anchor == nil or anchor == "" then
+        return fallback
+    end
+    if axis == "x" then
+        if __TS__StringIncludes(anchor, "LEFT") then
+            return 0
+        end
+        if __TS__StringIncludes(anchor, "RIGHT") then
+            return 1
+        end
+        return 0.5
+    end
+    if __TS__StringIncludes(anchor, "TOP") then
+        return 0
+    end
+    if __TS__StringIncludes(anchor, "BOTTOM") then
+        return 1
+    end
+    return 0.5
+end
+--- Horizontal space is columnGap. Vertical space is rowGap. Older gap and lineGap fill whichever axis is unset.
+function ____exports.flowSpacing(self, direction, props)
+    local horizontal = direction == "horizontal" or direction == "ltr" or direction == "rtl" or direction == "horizontalReverse"
     local gap = props.gap or 0
     local lineGap = props.lineGap or gap
-    if gap < 0 or lineGap < 0 then
+    local column = props.columnGap or (horizontal and gap or lineGap)
+    local row = props.rowGap or (horizontal and lineGap or gap)
+    if column < 0 or row < 0 then
         error("FlowLayout gaps must be non-negative")
     end
-    local result = {}
-    local cursor = 0
-    local cross = 0
-    local lineSize = 0
-    local count = 0
-    local lineStart = 0
-    local function alignLine()
-        local free = __TS__NumberIsFinite(limit) and math.max(0, limit - cursor) or 0
-        local offset = props.justify == "center" and free / 2 or (props.justify == "end" and free or 0)
-        do
-            local index = lineStart
-            while index < #result do
-                if horizontal then
-                    local ____result_index_0, ____x_1 = result[index + 1], "x"
-                    ____result_index_0[____x_1] = ____result_index_0[____x_1] + offset
-                else
-                    local ____result_index_2, ____y_3 = result[index + 1], "y"
-                    ____result_index_2[____y_3] = ____result_index_2[____y_3] + offset
-                end
-                index = index + 1
+    return horizontal and ({main = column, cross = row}) or ({main = row, cross = column})
+end
+local function flowAxis(self, direction)
+    local horizontal = direction == "horizontal" or direction == "ltr" or direction == "rtl" or direction == "horizontalReverse"
+    local reverse = direction == "rtl" or direction == "btt" or direction == "horizontalReverse" or direction == "verticalReverse"
+    return {horizontal = horizontal, reverse = reverse}
+end
+local function fraction(self, value, center, ____end)
+    if value == center then
+        return 0.5
+    end
+    if value == ____end then
+        return 1
+    end
+    return 0
+end
+--- Pack children along one direction, then place the group and each child separately.
+function ____exports.calculateFlow(self, props, children)
+    local ____flowAxis_result_0 = flowAxis(nil, props.direction)
+    local horizontal = ____flowAxis_result_0.horizontal
+    local reverse = ____flowAxis_result_0.reverse
+    local requestedLimit = horizontal and props.width or props.height
+    local limit = props.sizing == "content" and requestedLimit == 0 and math.huge or requestedLimit
+    local spacing = ____exports.flowSpacing(nil, props.direction, props)
+    local gap = spacing.main
+    local lineGap = spacing.cross
+    local justifyFallback = horizontal and props.alignX == nil or not horizontal and props.alignY == nil
+    local ____justifyFallback_1
+    if justifyFallback then
+        ____justifyFallback_1 = props.justify
+    else
+        ____justifyFallback_1 = nil
+    end
+    local mainJustify = ____justifyFallback_1
+    local alignX = fraction(nil, props.alignX or (horizontal and mainJustify == "center" and "center" or (horizontal and mainJustify == "end" and "right" or nil)), "center", "right")
+    local alignY = fraction(nil, props.alignY or (not horizontal and mainJustify == "center" and "center" or (not horizontal and mainJustify == "end" and "bottom" or nil)), "center", "bottom")
+    local lines = {}
+    local line = {items = {}, mainSize = 0, crossSize = 0}
+    do
+        local index = 0
+        while index < #children do
+            local child = children[index + 1]
+            local mainSize = horizontal and child.width or child.height
+            local crossSize = horizontal and child.height or child.width
+            local next = #line.items == 0 and 0 or line.mainSize + gap
+            if props.grow and #line.items > 0 and next + mainSize > limit then
+                lines[#lines + 1] = line
+                line = {items = {}, mainSize = 0, crossSize = 0}
+            end
+            local main = #line.items == 0 and 0 or line.mainSize + gap
+            local ____line_items_2 = line.items
+            ____line_items_2[#____line_items_2 + 1] = {
+                index = index,
+                main = main,
+                mainSize = mainSize,
+                crossSize = crossSize,
+                width = child.width,
+                height = child.height,
+                anchor = child.anchor
+            }
+            line.mainSize = main + mainSize
+            line.crossSize = math.max(line.crossSize, crossSize)
+            index = index + 1
+        end
+    end
+    if #line.items > 0 then
+        lines[#lines + 1] = line
+    end
+    local packCross = 0
+    local packMain = 0
+    do
+        local index = 0
+        while index < #lines do
+            packMain = math.max(packMain, lines[index + 1].mainSize)
+            packCross = packCross + lines[index + 1].crossSize
+            if index < #lines - 1 then
+                packCross = packCross + lineGap
             end
+            index = index + 1
         end
-        lineStart = #result
-    end
-    for ____, child in ipairs(children) do
-        local size = horizontal and child.width or child.height
-        local crossSize = horizontal and child.height or child.width
-        local next = count == 0 and 0 or cursor + gap
-        if props.grow and count > 0 and next + size > limit then
-            alignLine(nil)
-            cross = cross + (lineSize + lineGap)
-            cursor = 0
-            lineSize = 0
-            count = 0
+    end
+    local mainBox = horizontal and (props.sizing == "content" and props.width == 0 and packMain or props.width) or (props.sizing == "content" and props.height == 0 and packMain or props.height)
+    local crossBox = horizontal and (props.sizing == "content" and props.height == 0 and packCross or props.height) or (props.sizing == "content" and props.width == 0 and packCross or props.width)
+    local mainFraction = horizontal and alignX or alignY
+    local crossFraction = horizontal and alignY or alignX
+    local result = __TS__ArrayMap(
+        children,
+        function() return {x = 0, y = 0} end
+    )
+    local cross = (crossBox - packCross) * crossFraction
+    do
+        local index = 0
+        while index < #lines do
+            local packed = lines[index + 1]
+            local mainFree = mainBox - packed.mainSize
+            local mainShift = (justifyFallback and math.max(0, mainFree) or mainFree) * mainFraction
+            for ____, item in ipairs(packed.items) do
+                local main = (reverse and packed.mainSize - item.main - item.mainSize or item.main) + mainShift
+                local slotX = horizontal and main or cross
+                local slotY = horizontal and cross or main
+                local slotW = horizontal and item.mainSize or packed.crossSize
+                local slotH = horizontal and packed.crossSize or item.mainSize
+                result[item.index + 1] = {
+                    x = slotX + (slotW - item.width) * axisFraction(nil, item.anchor, "x", 0),
+                    y = slotY + (slotH - item.height) * axisFraction(nil, item.anchor, "y", 0)
+                }
+            end
+            cross = cross + packed.crossSize
+            if index < #lines - 1 then
+                cross = cross + lineGap
+            end
+            index = index + 1
         end
-        local position = count == 0 and 0 or cursor + gap
-        result[#result + 1] = horizontal and ({x = position, y = cross}) or ({x = cross, y = position})
-        cursor = position + size
-        lineSize = math.max(lineSize, crossSize)
-        count = count + 1
     end
-    alignLine(nil)
     return result
 end
 return ____exports

package/lib/ui/layout/calculateGrid.d.ts

@@ -1,9 +1,10 @@
 import type { GridLayoutProps } from "../GridLayout";
-/** Row-major placement into uniform slots; children keep their own sizes. */
-export declare function calculateGrid(props: GridLayoutProps, children: readonly {
-    width: number;
-    height: number;
-}[]): {
+import type { FlowChild } from "./calculateFlow";
+/** Place children in slots. Direction chooses the order; each child anchors inside its slot. */
+export declare function calculateGrid(props: GridLayoutProps & {
+    width?: number;
+    height?: number;
+}, children: readonly FlowChild[]): {
     x: number;
     y: number;
 }[];

package/lib/ui/layout/calculateGrid.lua

@@ -1,5 +1,15 @@
 --[[ Generated with https://github.com/TypeScriptToLua/TypeScriptToLua ]]
 -- Lua Library inline imports
+local function __TS__StringIncludes(self, searchString, position)
+    if not position then
+        position = 1
+    else
+        position = position + 1
+    end
+    local index = string.find(self, searchString, position, true)
+    return index ~= nil
+end
+
 local function __TS__NumberIsFinite(value)
     return type(value) == "number" and value == value and value ~= math.huge and value ~= -math.huge
 end
@@ -13,7 +23,37 @@ local function __TS__ArrayMap(self, callbackfn, thisArg)
 end
 -- End of Lua Library inline imports
 local ____exports = {}
---- Row-major placement into uniform slots; children keep their own sizes.
+local function axisFraction(self, anchor, axis, fallback)
+    if anchor == nil or anchor == "" then
+        return fallback
+    end
+    if axis == "x" then
+        if __TS__StringIncludes(anchor, "LEFT") then
+            return 0
+        end
+        if __TS__StringIncludes(anchor, "RIGHT") then
+            return 1
+        end
+        return 0.5
+    end
+    if __TS__StringIncludes(anchor, "TOP") then
+        return 0
+    end
+    if __TS__StringIncludes(anchor, "BOTTOM") then
+        return 1
+    end
+    return 0.5
+end
+local function fraction(self, value, ____end)
+    if value == "center" then
+        return 0.5
+    end
+    if value == ____end then
+        return 1
+    end
+    return 0
+end
+--- Place children in slots. Direction chooses the order; each child anchors inside its slot.
 function ____exports.calculateGrid(self, props, children)
     if not __TS__NumberIsFinite(props.columns) or props.columns < 1 or math.floor(props.columns) ~= props.columns then
         error("GridLayout columns must be a positive integer")
@@ -36,12 +76,46 @@ function ____exports.calculateGrid(self, props, children)
     if width < 0 or height < 0 then
         error("GridLayout cell sizes must be non-negative")
     end
-    return __TS__ArrayMap(
+    local columns = props.columns
+    local rows = #children == 0 and 0 or math.ceil(#children / columns)
+    local vertical = props.direction == "ttb" or props.direction == "btt" or props.direction == "vertical" or props.direction == "verticalReverse"
+    local reverse = props.direction == "rtl" or props.direction == "btt" or props.direction == "horizontalReverse" or props.direction == "verticalReverse"
+    local alignX = fraction(nil, props.alignX, "right")
+    local alignY = fraction(nil, props.alignY, "bottom")
+    local points = __TS__ArrayMap(
         children,
-        function(____, _, index) return {
-            x = index % props.columns * (width + columnGap),
-            y = math.floor(index / props.columns) * (height + rowGap)
-        } end
+        function(____, child, index)
+            local column = index % columns
+            local row = math.floor(index / columns)
+            if vertical then
+                column = math.floor(index / math.max(1, rows))
+                row = index % math.max(1, rows)
+            end
+            if reverse then
+                if vertical then
+                    row = rows - 1 - row
+                else
+                    column = columns - 1 - column
+                end
+            end
+            local slotX = column * (width + columnGap)
+            local slotY = row * (height + rowGap)
+            return {
+                x = slotX + (width - child.width) * axisFraction(nil, child.anchor, "x", 0),
+                y = slotY + (height - child.height) * axisFraction(nil, child.anchor, "y", 0)
+            }
+        end
     )
+    local packW = (columns == 0 or rows == 0) and 0 or columns * width + math.max(0, columns - 1) * columnGap
+    local packH = (columns == 0 or rows == 0) and 0 or rows * height + math.max(0, rows - 1) * rowGap
+    local boxW = props.sizing == "content" and (props.width or 0) == 0 and packW or (props.width or packW)
+    local boxH = props.sizing == "content" and (props.height or 0) == 0 and packH or (props.height or packH)
+    local shiftX = (boxW - packW) * alignX
+    local shiftY = (boxH - packH) * alignY
+    for ____, point in ipairs(points) do
+        point.x = point.x + shiftX
+        point.y = point.y + shiftY
+    end
+    return points
 end
 return ____exports