@brightspot/ui 6.5.0 → 6.6.1-pr.394.2026.10.20
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.
- package/README.md +5 -3
- package/dist/components/copy-to-clipboard/CopyToClipboard.d.ts +2 -2
- package/dist/components/copy-to-clipboard/CopyToClipboard.js +2 -2
- package/dist/components/copy-to-clipboard/CopyToClipboard.js.map +1 -1
- package/dist/components/icon/Icon.d.ts.map +1 -1
- package/dist/components/icon/Icon.js +6 -23
- package/dist/components/icon/Icon.js.map +1 -1
- package/dist/components/popover/Popover.d.ts +1 -1
- package/dist/components/popover/Popover.js +1 -1
- package/dist/custom-elements.json +55 -351
- package/dist/effects/sparkle-worklet.d.ts +1 -1
- package/dist/effects/sparkle-worklet.d.ts.map +1 -1
- package/dist/effects/sparkle-worklet.js +4 -1
- package/dist/effects/sparkle-worklet.js.map +1 -1
- package/dist/effects/sparkle.js +8 -2
- package/dist/effects/sparkle.js.map +1 -1
- package/dist/storybook/assets/{ActionBar.stories-0ScNWOC4.js → ActionBar.stories-CEjXRCIS.js} +1 -1
- package/dist/storybook/assets/{ActionItem.stories-DXJ_yKW3.js → ActionItem.stories-Cz-T84tp.js} +1 -1
- package/dist/storybook/assets/{AiSparkle.stories-Z_5khRM7.js → AiSparkle.stories-CzBXuzEU.js} +1 -1
- package/dist/storybook/assets/{Avatar.stories-C9XcQNHg.js → Avatar.stories-AJX0kLX8.js} +1 -1
- package/dist/storybook/assets/{AvatarGroup.stories-Cdy_mkeq.js → AvatarGroup.stories-UUqLayQM.js} +1 -1
- package/dist/storybook/assets/{Badge.stories-BUdXSprE.js → Badge.stories-D2UyaSo-.js} +1 -1
- package/dist/storybook/assets/{Banner.stories-D71fgNb5.js → Banner.stories-C11RLbwT.js} +1 -1
- package/dist/storybook/assets/{Button-D7pK-2at.js → Button-DAj1JSoC.js} +1 -1
- package/dist/storybook/assets/{Button.stories-B6WKuxXx.js → Button.stories-CHrnCY1Y.js} +1 -1
- package/dist/storybook/assets/{ButtonGroup.stories-CwiRfEal.js → ButtonGroup.stories-DohDeUig.js} +1 -1
- package/dist/storybook/assets/{Card.stories-CxCcO9k6.js → Card.stories-Dn0lP5eN.js} +1 -1
- package/dist/storybook/assets/{Celebrate.stories-DNVFUrhg.js → Celebrate.stories-BKhEY579.js} +1 -1
- package/dist/storybook/assets/{Checkbox.stories-SuP4ltMI.js → Checkbox.stories-LahCF7kO.js} +1 -1
- package/dist/storybook/assets/{CircularProgress.stories-BB0twcGv.js → CircularProgress.stories-CWNnEczz.js} +1 -1
- package/dist/storybook/assets/{ClipboardMixin.stories-DaPV19jG.js → ClipboardMixin.stories-CR77T0Cz.js} +1 -1
- package/dist/storybook/assets/{Color-6BZIO3FS-DQ34tmQu.js → Color-6BZIO3FS-KcI2mZNI.js} +1 -1
- package/dist/storybook/assets/{Colors.stories-CMFJai_a.js → Colors.stories-DJYWknhY.js} +1 -1
- package/dist/storybook/assets/{CombinedEffects.stories-BIHfDsN0.js → CombinedEffects.stories-BcWzbwcv.js} +1 -1
- package/dist/storybook/assets/{ComponentStatesMixin-Bq-OGuus.js → ComponentStatesMixin-BiBKV26z.js} +1 -1
- package/dist/storybook/assets/{ComponentStatesMixin.stories-DMxDqidh.js → ComponentStatesMixin.stories-D1iPuPj_.js} +1 -1
- package/dist/storybook/assets/{CopyToClipboard.stories-CkdYHm8U.js → CopyToClipboard.stories-BruJYG8p.js} +10 -10
- package/dist/storybook/assets/{Debounce.stories-CZSMfS-h.js → Debounce.stories-BdvCCIQX.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-LL677BLK-CCAvPHmY.js → DocsRenderer-LL677BLK-v9m0LDzO.js} +3 -3
- package/dist/storybook/assets/{Dropdown.stories-BTqSRQiC.js → Dropdown.stories-BmhbAR-A.js} +1 -1
- package/dist/storybook/assets/{EmptyState.stories-CjIkNVv4.js → EmptyState.stories-3iyeJ-sW.js} +1 -1
- package/dist/storybook/assets/{EscaAvatar.stories-ORFCzxQw.js → EscaAvatar.stories-_dtl81UN.js} +1 -1
- package/dist/storybook/assets/{Events.stories-DHFT6dZM.js → Events.stories-CV-qyS0V.js} +1 -1
- package/dist/storybook/assets/{Heading.stories-CRgKl3Ve.js → Heading.stories-C29ZrS8b.js} +1 -1
- package/dist/storybook/assets/{HueRipple.stories-YiQHrWPS.js → HueRipple.stories-Dokg99T4.js} +1 -1
- package/dist/storybook/assets/{Icon.stories-Bv4QRZNL.js → Icon.stories-D13thE4h.js} +1 -1
- package/dist/storybook/assets/{IconButton.stories-ErFc860x.js → IconButton.stories-daVXEvym.js} +1 -1
- package/dist/storybook/assets/{LinearProgress.stories-DUAAMzdt.js → LinearProgress.stories-xohaGaZl.js} +1 -1
- package/dist/storybook/assets/{Message.stories-DxJEEd1I.js → Message.stories-Dm3AZSqY.js} +1 -1
- package/dist/storybook/assets/{OnFindMixin.stories-CoKUEhb4.js → OnFindMixin.stories-CtNAO-EB.js} +1 -1
- package/dist/storybook/assets/{Pagination.stories-6k02-Zb5.js → Pagination.stories-tjLeP_7T.js} +1 -1
- package/dist/storybook/assets/{Popover.stories-Cd7P1nw_.js → Popover.stories-PD0ptxG3.js} +4 -4
- package/dist/storybook/assets/{ReadyMixin-BL65bbm_.js → ReadyMixin-BQADqWhz.js} +1 -1
- package/dist/storybook/assets/{RovingTabindexMixin.stories-CvtQ9Om6.js → RovingTabindexMixin.stories-DwpOdgON.js} +1 -1
- package/dist/storybook/assets/{Rtc.stories-BBmO6Ses.js → Rtc.stories-BdNypKLI.js} +1 -1
- package/dist/storybook/assets/{ScrollShadow.stories-BUiypzkp.js → ScrollShadow.stories-DHphJP1c.js} +1 -1
- package/dist/storybook/assets/{Switch.stories-BndbX0N7.js → Switch.stories-Cafa7bkH.js} +1 -1
- package/dist/storybook/assets/{Tab.stories-DVMyUFjq.js → Tab.stories-Caen5kvn.js} +1 -1
- package/dist/storybook/assets/{Tabs.stories-BQPYcQ6j.js → Tabs.stories-B6jPENzQ.js} +1 -1
- package/dist/storybook/assets/{Throttle.stories-CKYOCVnj.js → Throttle.stories-CYvVShNK.js} +1 -1
- package/dist/storybook/assets/{Tooltip.stories-B3DmBl8X.js → Tooltip.stories-CRCNHWzQ.js} +1 -1
- package/dist/storybook/assets/{Upload.stories-nzkKN-_d.js → Upload.stories-BMeORvKf.js} +1 -1
- package/dist/storybook/assets/{UploadItem.stories-CL3oKT8D.js → UploadItem.stories-BN7XR070.js} +1 -1
- package/dist/storybook/assets/{Welcome.stories-DfHnb5cA.js → Welcome.stories--vSNWrBV.js} +1 -1
- package/dist/storybook/assets/{Widget.stories-CcVwc0wv.js → Widget.stories-X0QykTxk.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-65CFNBJE-CxSJYFKf.js → WithTooltip-65CFNBJE-BTgN0eSv.js} +1 -1
- package/dist/storybook/assets/{blocks-A7XjcsrR.js → blocks-EHqPwzeY.js} +5 -5
- package/dist/storybook/assets/{formatter-EIJCOSYU-BJ6Z7p9H.js → formatter-EIJCOSYU-CU6NupY8.js} +1 -1
- package/dist/storybook/assets/if-defined-D6BOJIH1.js +1 -0
- package/dist/storybook/assets/{iframe-ChxxW2FZ.js → iframe-Cv1aRrKQ.js} +96 -96
- package/dist/storybook/assets/{index-ChSJHRK6.js → index-BKfXb7Qu.js} +1 -1
- package/dist/storybook/assets/{onFind-C-gvwlyW.js → onFind-BTdPwgql.js} +1 -1
- package/dist/storybook/assets/{onFind.stories-8tPEGWhS.js → onFind.stories-DhfjPlrm.js} +1 -1
- package/dist/storybook/assets/{onRemove.stories-CSuoNbAk.js → onRemove.stories-Du4zAp-w.js} +1 -1
- package/dist/storybook/assets/{onVisible.stories-LFpM1FnE.js → onVisible.stories-UUeCvnxS.js} +1 -1
- package/dist/storybook/assets/{ripple-DQbyyRUw.js → ripple-CedcTXtA.js} +15 -12
- package/dist/storybook/assets/{style-map-4fqj8G4H.js → style-map-9lLMRO2U.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-ED5Y7EFY-DCcLcHdT.js → syntaxhighlighter-ED5Y7EFY-CB3FdXga.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/util/ProgressMixin.js +1 -1
- package/dist/util/ProgressMixin.js.map +1 -1
- package/dist/util/TooltipMixin.js +5 -5
- package/docs/components/ActionItem.md +0 -5
- package/docs/components/Avatar.md +0 -5
- package/docs/components/CircularProgress.md +1 -1
- package/docs/components/CopyToClipboard.md +1 -1
- package/docs/components/Dropdown.md +0 -5
- package/docs/components/IconButton.md +0 -5
- package/docs/components/LinearProgress.md +1 -1
- package/docs/components/Popover.md +1 -2
- package/docs/components/README.md +12 -0
- package/docs/dari-elements.md +55 -0
- package/package.json +7 -3
- package/src/legacy/tool-ui/src/ContentEdit.css +1 -1
- package/src/legacy/tool-ui/src/ContentInputGroup.css +15 -1
- package/src/legacy/tool-ui/src/Conversation.ts +4 -0
- package/src/legacy/tool-ui/src/CopyToClipboard/index.ts +2 -2
- package/src/legacy/tool-ui/src/CopyToClipboard.css +3 -3
- package/src/legacy/tool-ui/src/Entry.ts +1 -1
- package/src/legacy/tool-ui/src/LookingGlass.css +2 -2
- package/src/legacy/tool-ui/src/NavRail/index.css +4 -3
- package/src/legacy/tool-ui/src/Page.css +3 -2
- package/src/legacy/tool-ui/src/PageNav.ts +22 -10
- package/src/legacy/tool-ui/src/SearchFields.css +5 -0
- package/src/legacy/tool-ui/src/SearchWidget.css +4 -4
- package/src/legacy/tool-ui/src/SearchWidget.ts +1 -1
- package/src/legacy/tool-ui/src/SharePreviewCommenting.ts +20 -7
- package/src/legacy/tool-ui/src/Widget.css +4 -4
- package/src/legacy/tool-ui/src/main/webapp/dist/{RTEProseMirror.beb34ef615bdd5b46ab0.js → RTEProseMirror.575bcd19b0e61c1620ea.js} +20 -16
- package/src/legacy/tool-ui/src/main/webapp/dist/v4.19a7871e6043c2ea6433.css +3 -0
- package/src/legacy/tool-ui/src/main/webapp/dist/{v4.fee133dfaae516995f6c.js → v4.a8a254afe03b2e16b402.js} +5 -5
- package/src/legacy/tool-ui/src/main/webapp/dist/{v5.c52683421261f109dd30.js → v5.5a8e87d4b970f239465a.js} +60 -6
- package/src/legacy/tool-ui/src/main/webapp/dist/v5.5b5e4754654c515bfee6.css +140 -0
- package/src/legacy/tool-ui/src/main/webapp/v4/CopyToClipboard.less +1 -1
- package/src/legacy/tool-ui/src/main/webapp/v4/Widget.less +1 -1
- package/src/legacy/tool-ui/src/util/getComponentKey.ts +1 -1
- package/src/legacy/tool-ui/src/util/svg.ts +0 -31
- package/src/legacy/tool-ui/src/v5.ts +18 -8
- package/src/legacy/tool-ui/src/widget/index.ts +2 -2
- package/dist/storybook/assets/if-defined-C9mNa1xD.js +0 -1
- package/src/legacy/tool-ui/src/Icon/index.css +0 -11
- package/src/legacy/tool-ui/src/Icon/index.ts +0 -69
- package/src/legacy/tool-ui/src/main/webapp/dist/v4.d48271241dbf3eecc14e.css +0 -3
- package/src/legacy/tool-ui/src/main/webapp/dist/v5.450b0b8178c9222bafab.css +0 -5
- /package/src/legacy/tool-ui/src/main/webapp/dist/{RTEProseMirror.beb34ef615bdd5b46ab0.js.LICENSE.txt → RTEProseMirror.575bcd19b0e61c1620ea.js.LICENSE.txt} +0 -0
- /package/src/legacy/tool-ui/src/main/webapp/dist/{v4.fee133dfaae516995f6c.js.LICENSE.txt → v4.a8a254afe03b2e16b402.js.LICENSE.txt} +0 -0
- /package/src/legacy/tool-ui/src/main/webapp/dist/{v5.c52683421261f109dd30.js.LICENSE.txt → v5.5a8e87d4b970f239465a.js.LICENSE.txt} +0 -0
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ The CMS's own interface is built from this UI library, and we're gradually movin
|
|
|
16
16
|
|
|
17
17
|
The CMS interface lives in `src/legacy/tool-ui/`. Edit files there and preview them in a running CMS one of two ways.
|
|
18
18
|
|
|
19
|
-
**You'll need:** Node 22 (`nvm use 22`), Yarn 1, a local `brightspot` checkout, and `yarn install` run once here.
|
|
19
|
+
**You'll need:** Node 22 (`nvm use 22`), Yarn 1, a local `brightspot` checkout, and `yarn install` then `yarn build` run once here. The CMS bundle imports some library components from the build output, so rerun `yarn build` after changing them.
|
|
20
20
|
|
|
21
21
|
> **Editor tip:** In VSCode, the recommended extensions autocomplete the `btu-*` classes as you type. See the [VSCode setup notes](src/legacy/tool-ui/README.md#visual-studio-code).
|
|
22
22
|
|
|
@@ -92,7 +92,7 @@ If you don't already have one, create a Tailwind config file at the root of your
|
|
|
92
92
|
```js
|
|
93
93
|
// tailwind.config.mjs
|
|
94
94
|
export default {
|
|
95
|
-
content: ['./src/**/*.{js,ts,html}'], // wherever your markup lives
|
|
95
|
+
content: ['./src/**/*.{js,ts,html,java}'], // wherever your markup lives, including Java that builds class lists
|
|
96
96
|
}
|
|
97
97
|
```
|
|
98
98
|
|
|
@@ -104,7 +104,7 @@ import preset from '@brightspot/ui'
|
|
|
104
104
|
|
|
105
105
|
export default {
|
|
106
106
|
presets: [preset],
|
|
107
|
-
content: ['./src/**/*.{js,ts,html}'],
|
|
107
|
+
content: ['./src/**/*.{js,ts,html,java}'],
|
|
108
108
|
}
|
|
109
109
|
```
|
|
110
110
|
|
|
@@ -120,6 +120,8 @@ import '@brightspot/ui/components/badge/Badge.js'
|
|
|
120
120
|
<btu-badge>Draft</btu-badge>
|
|
121
121
|
```
|
|
122
122
|
|
|
123
|
+
On a CMS page, the CMS defines only a few of these elements itself. Import every other element your plugin uses, including ones your Java renders through the generated `com.brightspot.ui.dari` classes. [Using these in a plugin](docs/components/README.md#using-these-in-a-plugin) lists which ones the CMS defines.
|
|
124
|
+
|
|
123
125
|
To browse everything available, run the interactive catalog:
|
|
124
126
|
|
|
125
127
|
```sh
|
|
@@ -11,7 +11,7 @@ declare const CopyToClipboard_base: (new (...args: any[]) => import("../../util/
|
|
|
11
11
|
* a temporary state that can be styled with CSS.
|
|
12
12
|
*
|
|
13
13
|
* Button styling is inherited from `btu-button-*` classes. Override appearance
|
|
14
|
-
* by passing custom classes via the `
|
|
14
|
+
* by passing custom classes via the `buttonclasses` attribute.
|
|
15
15
|
*
|
|
16
16
|
* @element btu-copy-to-clipboard
|
|
17
17
|
*
|
|
@@ -36,7 +36,7 @@ export default class CopyToClipboard extends CopyToClipboard_base {
|
|
|
36
36
|
copydata?: string;
|
|
37
37
|
/**
|
|
38
38
|
* Custom CSS classes for the button. If provided, replaces the default classes.
|
|
39
|
-
* @attr
|
|
39
|
+
* @attr buttonclasses
|
|
40
40
|
*/
|
|
41
41
|
buttonClasses?: string;
|
|
42
42
|
/** @internal */
|
|
@@ -18,7 +18,7 @@ import { ReadyMixin } from '../../util/ReadyMixin.js';
|
|
|
18
18
|
* a temporary state that can be styled with CSS.
|
|
19
19
|
*
|
|
20
20
|
* Button styling is inherited from `btu-button-*` classes. Override appearance
|
|
21
|
-
* by passing custom classes via the `
|
|
21
|
+
* by passing custom classes via the `buttonclasses` attribute.
|
|
22
22
|
*
|
|
23
23
|
* @element btu-copy-to-clipboard
|
|
24
24
|
*
|
|
@@ -84,7 +84,7 @@ __decorate([
|
|
|
84
84
|
property({ type: String })
|
|
85
85
|
], CopyToClipboard.prototype, "copydata", void 0);
|
|
86
86
|
__decorate([
|
|
87
|
-
property({ type: String })
|
|
87
|
+
property({ type: String, attribute: 'buttonclasses' })
|
|
88
88
|
], CopyToClipboard.prototype, "buttonClasses", void 0);
|
|
89
89
|
// Register custom element with guard to prevent double registration
|
|
90
90
|
if (!customElements.get('btu-copy-to-clipboard')) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../src/components/copy-to-clipboard/CopyToClipboard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc,CACzD,oBAAoB,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAChE;IAqBC,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAA;QACrC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QAErB,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAA;YACtC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAA;IAC1C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACzC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QACrD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,gCAAgC,CAAA;QACjG,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,8CAA8C,SAAS,EAAE,CAAA;QAE/F,OAAO,IAAI,CAAA;;eAEA,OAAO;oBACF,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO;eACpD,IAAI,CAAC,IAAI;kBACN,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;;QAEpC,IAAI,CAAC,KAAK;cACJ,CAAA;IACZ,CAAC;CACF;AAhEC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACV;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../../src/components/copy-to-clipboard/CopyToClipboard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc,CACzD,oBAAoB,CAAC,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAChE;IAqBC,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAA;QACrC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;QAErB,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;QACrD,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAA;YACtC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAA;QACpC,CAAC;QAED,KAAK,CAAC,iBAAiB,EAAE,CAAA;IAC3B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAA;IAC1C,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAM;QAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;YACzC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACvE,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QACrD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,gCAAgC,CAAA;QACjG,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,8CAA8C,SAAS,EAAE,CAAA;QAE/F,OAAO,IAAI,CAAA;;eAEA,OAAO;oBACF,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,IAAI,OAAO;eACpD,IAAI,CAAC,IAAI;kBACN,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;;QAEpC,IAAI,CAAC,KAAK;cACJ,CAAA;IACZ,CAAC;CACF;AAhEC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACV;AAOjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDACjC;AA2DxB,oEAAoE;AACpE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC;IACjD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAA;AACjE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAM3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAKjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,WAAW,EAAE,OAAO,GAAG,OAAO,CAAC,CAAA;AAEvE,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAC9B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAAyC;IACzE,MAAM,KAAK,OAAO,WAEjB;IAED;;;;;;;;OAQG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAO;IAE7C;;;;;;;OAOG;IAEH,MAAM,EAAE,MAAM,CAAkB;IAEhC;;;;OAIG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;;;;;OAQG;IAgBH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAE7B,gBAAgB;IAChB,OAAO,CAAC,cAAc,CAAe;IACrC,OAAO,CAAC,uBAAuB,CAAQ;IAEvC,iBAAiB,IAAI,IAAI;IAWzB,gBAAgB;IAIhB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoCnD,YAAY,IAAI,IAAI;IAIpB;;;OAGG;IACH,OAAO,CAAC,UAAU;IASlB,MAAM;CA8CP;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAA;KACjB;CACF"}
|
|
@@ -8,19 +8,11 @@ import { LitElement, html } from 'lit';
|
|
|
8
8
|
import { property } from 'lit/decorators.js';
|
|
9
9
|
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
10
10
|
import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
|
|
11
|
-
import * as LucideExports from 'lucide-static/dist/cjs/lucide-static';
|
|
12
11
|
import { BRAND_SYMBOL_COMPAT, getBrandIcon } from '../../brand-icons.js';
|
|
13
12
|
import { getIcon } from '../../LucideDynamicLoader.js';
|
|
14
13
|
import { EventEmitterMixin } from '../../util/EventEmitterMixin.js';
|
|
15
14
|
import { ReadyMixin } from '../../util/ReadyMixin.js';
|
|
16
|
-
import {
|
|
17
|
-
import { addMask } from '../../util/svg.js';
|
|
18
|
-
const svgs = {};
|
|
19
|
-
for (const [key, value] of Object.entries(LucideExports)) {
|
|
20
|
-
if (typeof value === 'string') {
|
|
21
|
-
svgs[key] = value;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
15
|
+
import { addNameSpaceXML, encodeSVG } from '../../util/svg.js';
|
|
24
16
|
/**
|
|
25
17
|
* An icon component for displaying Lucide icons.
|
|
26
18
|
*
|
|
@@ -108,12 +100,7 @@ export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
|
|
|
108
100
|
}
|
|
109
101
|
willUpdate(changedProperties) {
|
|
110
102
|
const classes = [...this.initialClasses, 'btu-icon', `btu-icon-${this.size}`];
|
|
111
|
-
//
|
|
112
|
-
// class provides the `mask: var(--mask-url, ...)` fallback chain — the
|
|
113
|
-
// `--mask-url` set in render() (referencing the inlined SVG's <mask>
|
|
114
|
-
// defs) resolves through it. Per-name `btu-icon-via-mask-NAME` rules
|
|
115
|
-
// are intentionally not emitted to v5.css; they were a pre-`--mask-url`
|
|
116
|
-
// vestige here.
|
|
103
|
+
// `btu-icon-via-mask` masks with the `--icon-svg` that render() sets.
|
|
117
104
|
if (this.gradient) {
|
|
118
105
|
classes.push(`btu-icon-gradient-${this.gradient}`);
|
|
119
106
|
classes.push('btu-icon-via-mask');
|
|
@@ -175,15 +162,11 @@ export default class Icon extends EventEmitterMixin(ReadyMixin(LitElement)) {
|
|
|
175
162
|
? `<!-- btu-icon: Brand "${this.escapeHtml(brandName)}" not found. Showing fallback "circle-dashed". See src/brand-icons.ts for available marks. -->\n`
|
|
176
163
|
: `<!-- btu-icon: Icon "${this.escapeHtml(this.symbol)}" not found. Showing fallback "circle-dashed". See https://lucide.dev/icons/ for available icons. -->\n`
|
|
177
164
|
: '';
|
|
178
|
-
//
|
|
165
|
+
// Gradient: the glyph masks the host's gradient background. A data-URI mask scales
|
|
166
|
+
// with the host's `center / contain`; an inline <mask> referenced by id stays 24px.
|
|
179
167
|
if (this.gradient) {
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
// Set mask URL for Tailwind plugin to reference
|
|
183
|
-
this.style.setProperty('--mask-url', `url(#${kebabName})`);
|
|
184
|
-
// Add mask element to SVG - Tailwind class handles display/sizing
|
|
185
|
-
const maskedSvg = addMask(decodedSvg, kebabName);
|
|
186
|
-
return html `${unsafeHTML(debugComment)}${unsafeSVG(maskedSvg)}`;
|
|
168
|
+
this.style.setProperty('--icon-svg', `url("data:image/svg+xml,${encodeSVG(addNameSpaceXML(decodedSvg))}")`);
|
|
169
|
+
return html `${unsafeHTML(debugComment)}`;
|
|
187
170
|
}
|
|
188
171
|
// Non-gradient path: render SVG with sizing
|
|
189
172
|
const fillAttr = this.style.getPropertyValue('--icon-fill') ? `fill="var(--icon-fill)"` : ''; // Optional fill
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAuB,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.ts"],"names":[],"mappings":"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"}
|