@ni/ok-components 1.3.1 → 1.3.3
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/dist/all-components-bundle.js +39 -10
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3674 -3644
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +116 -116
- package/dist/custom-elements.md +24 -24
- package/dist/esm/fv/card/styles.js +28 -4
- package/dist/esm/fv/card/styles.js.map +1 -1
- package/dist/esm/fv/card/template.js +2 -6
- package/dist/esm/fv/card/template.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/fv/card/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/fv/card/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, when } from '@ni/fast-element';\nimport { cardButtonTag } from '@ni/nimble-components/dist/esm/card-button';\nimport { FvCardInteractionMode } from './types';\nimport type { FvCard } from '.';\n\nconst cardContentTemplate = html<FvCard>`\n <div class=\"card-layout ${x => (x.hasMedia ? 'has-media' : 'no-media')}\">\n ${when(\n x => x.hasMedia,\n html<FvCard>`\n <div class=\"media-region\" part=\"media-region\">\n ${when(\n x => x.showInitials,\n html<FvCard>`\n <div class=\"initials-tile\" part=\"initials-tile\" aria-hidden=\"true\">\n ${x => x.initialsText}\n </div>\n `\n )}\n <slot\n name=\"icon\"\n @slotchange=\"${(x, c) => x.handleIconSlotChange(c.event)}\"\n ></slot>\n </div>\n `\n )}\n <div class=\"main-region\" part=\"main-region\">\n <div class=\"header-row\" part=\"header-row\">\n <div class=\"title-group\" part=\"title-group\">\n <div class=\"title\" part=\"title\">${x => x.title}</div>\n ${when(\n x => x.subtitle.length > 0,\n html<FvCard>`\n <div class=\"subtitle\" part=\"subtitle\">${x => x.subtitle}</div>\n `\n )}\n </div>\n ${when(\n x => x.hasBadgesContent,\n html<FvCard>`\n <div class=\"badges\" part=\"badges\">\n <slot\n name=\"badges\"\n @slotchange=\"${(x, c) => x.handleBadgesSlotChange(c.event)}\"\n ></slot>\n </div>\n `\n )}\n ${when(\n x => !x.hasBadgesContent,\n html<FvCard>`\n <slot\n name=\"badges\"\n hidden\n @slotchange=\"${(x, c) => x.handleBadgesSlotChange(c.event)}\"\n ></slot>\n `\n )}\n </div>\n ${when(\n x => x.showBody,\n html<FvCard>`\n <div class=\"body\" part=\"body\">\n ${when(\n x => x.description.length > 0,\n html<FvCard>`\n <div class=\"description\" part=\"description\">${x => x.description}</div>\n `\n )}\n <slot\n @slotchange=\"${(x, c) => x.handleDefaultSlotChange(c.event)}\"\n ></slot>\n </div>\n `\n )}\n ${when(\n x => !x.showBody,\n html<FvCard>`\n <slot\n hidden\n @slotchange=\"${(x, c) => x.handleDefaultSlotChange(c.event)}\"\n ></slot>\n `\n )}\n ${when(\n x => x.showFooter,\n html<FvCard>`\n <div class=\"footer\" part=\"footer\">\n <div class=\"footer-start\" part=\"footer-start\">\n <slot\n name=\"footer-start\"\n @slotchange=\"${(x, c) => x.handleFooterStartSlotChange(c.event)}\"\n ></slot>\n </div>\n <div class=\"footer-end\" part=\"footer-end\">\n <slot\n name=\"footer-end\"\n @slotchange=\"${(x, c) => x.handleFooterEndSlotChange(c.event)}\"\n ></slot>\n </div>\n </div>\n `\n )}\n ${when(\n x => !x.showFooter,\n html<FvCard>`\n <slot\n name=\"footer-start\"\n hidden\n @slotchange=\"${(x, c) => x.handleFooterStartSlotChange(c.event)}\"\n ></slot>\n <slot\n name=\"footer-end\"\n hidden\n @slotchange=\"${(x, c) => x.handleFooterEndSlotChange(c.event)}\"\n ></slot>\n `\n )}\n ${when(\n x => x.showActions,\n html<FvCard>`\n <div class=\"actions\" part=\"actions\">\n <slot\n name=\"actions\"\n @slotchange=\"${(x, c) => x.handleActionsSlotChange(c.event)}\"\n ></slot>\n </div>\n `\n )}\n ${when(\n x => !x.showActions,\n html<FvCard>`\n <slot\n name=\"actions\"\n hidden\n @slotchange=\"${(x, c) => x.handleActionsSlotChange(c.event)}\"\n ></slot>\n `\n )}\n </div>\n </div>\n`;\n\nexport const template = html<FvCard>`\n ${when(\n x => x.interactionMode === FvCardInteractionMode.card,\n html<FvCard>`\n <${cardButtonTag}\n class=\"card-shell card-button-shell\"\n part=\"card-shell\"\n ?disabled=\"${x => x.disabled}\"\n >\n <div class=\"card-button-content\">\n ${cardContentTemplate}\n </div>\n </${cardButtonTag}>\n `,\n html<FvCard>`\n <div class=\"card-shell card-static-shell\" part=\"card-shell\">\n ${cardContentTemplate}\n </div>\n `\n )}\n`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/ok-components",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"description": "NI Ok Components",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:components && npm run build:cem",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@ni/fast-element": "^10.1.1",
|
|
43
43
|
"@ni/fast-foundation": "^10.2.3",
|
|
44
44
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
45
|
-
"@ni/nimble-components": "^35.9.
|
|
46
|
-
"@ni/spright-components": "^6.18.
|
|
45
|
+
"@ni/nimble-components": "^35.9.1",
|
|
46
|
+
"@ni/spright-components": "^6.18.3",
|
|
47
47
|
"tslib": "^2.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|