@ni/ok-components 1.10.0 → 1.10.2
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 +1807 -1578
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3543 -3494
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +200 -200
- package/dist/custom-elements.md +34 -34
- package/dist/esm/fv/chip-selector/index.js +0 -4
- package/dist/esm/fv/chip-selector/index.js.map +1 -1
- package/dist/esm/fv/chip-selector/template.js +3 -1
- package/dist/esm/fv/chip-selector/template.js.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/fv/chip-selector/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, ref, repeat, when } from '@ni/fast-element';\nimport { anchoredRegionTag } from '@ni/nimble-components/dist/esm/anchored-region';\nimport { chipTag } from '@ni/nimble-components/dist/esm/chip';\nimport { ChipAppearance } from '@ni/nimble-components/dist/esm/chip/types';\nimport { iconArrowExpanderDownTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-down';\nimport { menuTag } from '@ni/nimble-components/dist/esm/menu';\nimport { menuItemTag } from '@ni/nimble-components/dist/esm/menu-item';\nimport { toggleButtonTag } from '@ni/nimble-components/dist/esm/toggle-button';\nimport type { FvChipSelector } from '.';\n\nexport const template = html<FvChipSelector>`\n <div class=\"chip-selector\">\n ${when(\n x => x.label.length > 0,\n html<FvChipSelector>`\n <label id=\"${x => x.labelId}\" class=\"label\" for=\"${x => x.inputId}\">\n ${x => x.label}\n </label>\n `\n )}\n <div\n class=\"chip-selector-field\"\n role=\"combobox\"\n aria-expanded=\"${x => x.open}\"\n aria-controls=\"${x => x.menuId}\"\n aria-haspopup=\"listbox\"\n aria-disabled=\"${x => x.disabled}\"\n aria-labelledby=\"${x => (x.label.length > 0 ? x.labelId : null)}\"\n ${ref('field')}\n @click=\"${(x, c) => {\n x.handleFieldClick(c.event);\n return true;\n }}\"\n >\n <div class=\"chip-selector-selection-area\">\n ${repeat(\n x => x.selectedValueList,\n html<string, FvChipSelector>`\n <${chipTag}\n removable\n appearance=\"${ChipAppearance.block}\"\n data-chip-value=\"${x => x}\"\n ?disabled=\"${(_, c) => c.parent.disabled}\"\n @remove=\"${(_, c) => {\n c.parent.handleChipRemove(c.event);\n return true;\n }}\"\n >\n ${x => x}\n </${chipTag}>\n `\n )}\n <input\n id=\"${x => x.inputId}\"\n class=\"chip-selector-input\"\n type=\"text\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n placeholder=\"${x => (x.selectedValueList.length === 0 ? x.placeholder : '')}\"\n :value=\"${x => x.filterText}\"\n aria-controls=\"${x => x.menuId}\"\n aria-activedescendant=\"${x => (x.open ? x.activeOptionId : null)}\"\n aria-autocomplete=\"list\"\n aria-expanded=\"${x => x.open}\"\n aria-label=\"${x => (x.label.length === 0 ? x.placeholder || 'Chip selector' : null)}\"\n aria-labelledby=\"${x => (x.label.length > 0 ? x.labelId : null)}\"\n aria-haspopup=\"listbox\"\n role=\"combobox\"\n ?disabled=\"${x => x.disabled}\"\n ${ref('captureInputRef')}\n @focus=\"${x => {\n x.handleInputFocus();\n return true;\n }}\"\n @input=\"${(x, c) => {\n x.handleInput(c.event);\n return true;\n }}\"\n @keydown=\"${(x, c) => x.handleInputKeydown(c.event as KeyboardEvent)}\"\n />\n </div>\n <${toggleButtonTag}\n class=\"chip-selector-menu-button\"\n appearance=\"ghost\"\n :checked=\"${x => x.open}\"\n ?disabled=\"${x => x.disabled}\"\n ${ref('captureMenuButtonRef')}\n @click=\"${(x, c) => {\n x.handleMenuButtonClick(c.event);\n return true;\n }}\"\n @change=\"${(x, c) => {\n x.handleMenuButtonChange(c.event);\n return true;\n }}\"\n content-hidden=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n >\n <${iconArrowExpanderDownTag} slot=\"start\" class=\"chip-selector-menu-icon\"></${iconArrowExpanderDownTag}>\n </${toggleButtonTag}>\n </div>\n ${when(\n x => x.open,\n html<FvChipSelector>`\n <${anchoredRegionTag}\n class=\"chip-selector-anchored-region\"\n ${ref('region')}\n fixed-placement\n auto-update-mode=\"auto\"\n vertical-default-position=\"bottom\"\n vertical-positioning-mode=\"locktodefault\"\n horizontal-default-position=\"center\"\n horizontal-positioning-mode=\"locktodefault\"\n horizontal-scaling=\"anchor\"\n >\n <div @click=\"${(x, c) => {\n x.handleMenuClick(c.event);\n return true;\n }}\"\n >\n <${menuTag}\n id=\"${x => x.menuId}\"\n class=\"chip-selector-menu\"\n @change=\"${(_, c) => {\n c.event.stopPropagation();\n return true;\n }}\"\n >\n ${repeat(\n x => x.visibleOptionList,\n html<string, FvChipSelector>`\n <${menuItemTag}\n id=\"${(_, c) => `${c.parent.menuId}-option-${c.index}`}\"\n class=\"chip-selector-option\"\n data-option-value=\"${x => x}\"\n >\n ${x => x}\n </${menuItemTag}>\n `\n )}\n ${when(\n x => x.customValueCandidate.length > 0,\n html<FvChipSelector>`\n <${menuItemTag}\n id=\"${x => `${x.menuId}-option-create`}\"\n class=\"chip-selector-option chip-selector-create-option\"\n data-option-value=\"${x => x.customValueCandidate}\"\n >\n ${x => x.createOptionLabel}\n </${menuItemTag}>\n `\n )}\n ${when(\n x => x.showEmptyState,\n html<FvChipSelector>`\n <div class=\"chip-selector-empty\">No matches</div>\n `\n )}\n </${menuTag}>\n </div>\n </${anchoredRegionTag}>\n `\n )}\n </div>\n`;"]}
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/fv/chip-selector/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, ref, repeat, when } from '@ni/fast-element';\nimport { anchoredRegionTag } from '@ni/nimble-components/dist/esm/anchored-region';\nimport { chipTag } from '@ni/nimble-components/dist/esm/chip';\nimport { ChipAppearance } from '@ni/nimble-components/dist/esm/chip/types';\nimport { iconArrowExpanderDownTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-down';\nimport { menuTag } from '@ni/nimble-components/dist/esm/menu';\nimport { menuItemTag } from '@ni/nimble-components/dist/esm/menu-item';\nimport { toggleButtonTag } from '@ni/nimble-components/dist/esm/toggle-button';\nimport type { FvChipSelector } from '.';\n\nexport const template = html<FvChipSelector>`\n <div class=\"chip-selector\">\n ${when(\n x => x.label.length > 0,\n html<FvChipSelector>`\n <label id=\"${x => x.labelId}\" class=\"label\" for=\"${x => x.inputId}\">\n ${x => x.label}\n </label>\n `\n )}\n <div\n class=\"chip-selector-field\"\n role=\"combobox\"\n aria-expanded=\"${x => x.open}\"\n aria-controls=\"${x => x.menuId}\"\n aria-haspopup=\"listbox\"\n aria-disabled=\"${x => x.disabled}\"\n aria-labelledby=\"${x => (x.label.length > 0 ? x.labelId : null)}\"\n ${ref('field')}\n @click=\"${(x, c) => {\n x.handleFieldClick(c.event);\n return true;\n }}\"\n >\n <div class=\"chip-selector-selection-area\">\n ${repeat(\n x => x.selectedValueList,\n html<string, FvChipSelector>`\n <${chipTag}\n removable\n appearance=\"${ChipAppearance.block}\"\n data-chip-value=\"${x => x}\"\n ?disabled=\"${(_, c) => c.parent.disabled}\"\n @remove=\"${(_, c) => {\n c.parent.handleChipRemove(c.event);\n return true;\n }}\"\n >\n ${x => x}\n </${chipTag}>\n `\n )}\n <input\n id=\"${x => x.inputId}\"\n class=\"chip-selector-input\"\n type=\"text\"\n autocomplete=\"off\"\n spellcheck=\"false\"\n placeholder=\"${x => (x.selectedValueList.length === 0 ? x.placeholder : '')}\"\n :value=\"${x => x.filterText}\"\n aria-controls=\"${x => x.menuId}\"\n aria-activedescendant=\"${x => (x.open ? x.activeOptionId : null)}\"\n aria-autocomplete=\"list\"\n aria-expanded=\"${x => x.open}\"\n aria-label=\"${x => (x.label.length === 0 ? x.placeholder || 'Chip selector' : null)}\"\n aria-labelledby=\"${x => (x.label.length > 0 ? x.labelId : null)}\"\n aria-haspopup=\"listbox\"\n role=\"combobox\"\n ?disabled=\"${x => x.disabled}\"\n ${ref('captureInputRef')}\n @focus=\"${x => {\n x.handleInputFocus();\n return true;\n }}\"\n @input=\"${(x, c) => {\n x.handleInput(c.event);\n return true;\n }}\"\n @keydown=\"${(x, c) => x.handleInputKeydown(c.event as KeyboardEvent)}\"\n />\n </div>\n <${toggleButtonTag}\n class=\"chip-selector-menu-button\"\n appearance=\"ghost\"\n :checked=\"${x => x.open}\"\n ?disabled=\"${x => x.disabled}\"\n ${ref('captureMenuButtonRef')}\n @click=\"${(x, c) => {\n x.handleMenuButtonClick(c.event);\n return true;\n }}\"\n @change=\"${(x, c) => {\n x.handleMenuButtonChange(c.event);\n return true;\n }}\"\n content-hidden=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n >\n <${iconArrowExpanderDownTag} slot=\"start\" class=\"chip-selector-menu-icon\"></${iconArrowExpanderDownTag}>\n </${toggleButtonTag}>\n </div>\n ${when(\n x => x.open,\n html<FvChipSelector>`\n <${anchoredRegionTag}\n class=\"chip-selector-anchored-region\"\n ${ref('region')}\n fixed-placement\n auto-update-mode=\"auto\"\n vertical-default-position=\"bottom\"\n vertical-positioning-mode=\"locktodefault\"\n horizontal-default-position=\"center\"\n horizontal-positioning-mode=\"locktodefault\"\n horizontal-scaling=\"anchor\"\n >\n <div @click=\"${(x, c) => {\n x.handleMenuClick(c.event);\n return true;\n }}\"\n >\n <${menuTag}\n id=\"${x => x.menuId}\"\n class=\"chip-selector-menu\"\n @change=\"${(_, c) => {\n c.event.stopPropagation();\n return true;\n }}\"\n >\n ${repeat(\n x => x.visibleOptionList,\n html<string, FvChipSelector>`\n <${menuItemTag}\n id=\"${(_, c) => `${c.parent.menuId}-option-${c.index}`}\"\n class=\"chip-selector-option\"\n data-option-value=\"${x => x}\"\n aria-selected=\"${(_, c) => String(c.index === c.parent.activeOptionIndex)}\"\n >\n ${x => x}\n </${menuItemTag}>\n `,\n { positioning: true }\n )}\n ${when(\n x => x.customValueCandidate.length > 0,\n html<FvChipSelector>`\n <${menuItemTag}\n id=\"${x => `${x.menuId}-option-create`}\"\n class=\"chip-selector-option chip-selector-create-option\"\n data-option-value=\"${x => x.customValueCandidate}\"\n aria-selected=\"${x => String(x.activeOptionIndex === x.visibleOptionList.length)}\"\n >\n ${x => x.createOptionLabel}\n </${menuItemTag}>\n `\n )}\n ${when(\n x => x.showEmptyState,\n html<FvChipSelector>`\n <div class=\"chip-selector-empty\">No matches</div>\n `\n )}\n </${menuTag}>\n </div>\n </${anchoredRegionTag}>\n `\n )}\n </div>\n`;"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/ok-components",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.2",
|
|
4
4
|
"description": "NI Ok Components",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:components && npm run build:cem",
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"@ni/fast-element": "^10.2.0",
|
|
44
44
|
"@ni/fast-foundation": "^10.3.0",
|
|
45
45
|
"@ni/fast-web-utilities": "^10.1.0",
|
|
46
|
-
"@ni/nimble-components": "^35.15.
|
|
47
|
-
"@ni/spright-components": "^6.23.
|
|
46
|
+
"@ni/nimble-components": "^35.15.2",
|
|
47
|
+
"@ni/spright-components": "^6.23.2",
|
|
48
48
|
"tslib": "^2.2.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@custom-elements-manifest/to-markdown": "^0.1.0",
|
|
53
53
|
"@ni-private/eslint-config-nimble": "*",
|
|
54
54
|
"@ni-private/jasmine-extensions": "^0.0.1",
|
|
55
|
-
"@ni/jasmine-parameterized": "^1.0.
|
|
55
|
+
"@ni/jasmine-parameterized": "^1.0.14",
|
|
56
56
|
"@rollup/plugin-commonjs": "^29.0.0",
|
|
57
57
|
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
58
58
|
"@rollup/plugin-replace": "^6.0.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"karma-jasmine": "^5.1.0",
|
|
66
66
|
"karma-jasmine-html-reporter": "^2.0.0",
|
|
67
67
|
"karma-jasmine-spec-tags": "^2.0.0",
|
|
68
|
-
"karma-spec-reporter": "^0.0.
|
|
68
|
+
"karma-spec-reporter": "^0.0.37",
|
|
69
69
|
"karma-vite": "^1.0.5",
|
|
70
70
|
"karma-webkit-launcher": "^2.6.0",
|
|
71
71
|
"playwright": "1.62.0",
|