@patternfly/elements 1.0.0 → 2.0.0-rc.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/package.json +46 -3
- package/pf-accordion/pf-accordion.js +0 -1
- package/pf-accordion/pf-accordion.js.map +1 -1
- package/pf-button/demo/form-control.js +1 -0
- package/pf-button/demo/pf-button.js +1 -0
- package/pf-jump-links/demo/pf-jump-links.js +1 -0
- package/pf-jump-links/demo/scrollspy-with-subsections.js +1 -0
- package/pf-progress-stepper/demo/pf-progress-stepper.js +1 -0
- package/pf-tabs/demo/pf-tabs.js +1 -0
- package/pfe.min.js +108 -100
- package/pfe.min.js.LEGAL.txt +0 -0
- package/pfe.min.js.map +4 -4
- package/pfe.d.ts +0 -19
- package/pfe.js +0 -20
- package/pfe.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/elements",
|
|
3
3
|
"license": "MIT",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0-rc.2",
|
|
5
5
|
"description": "PatternFly Elements",
|
|
6
6
|
"customElements": "custom-elements.json",
|
|
7
7
|
"type": "module",
|
|
@@ -10,7 +10,50 @@
|
|
|
10
10
|
"types": "./pfe.d.ts",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": "./pfe.js",
|
|
13
|
-
"
|
|
13
|
+
"./pf-accordion/BaseAccordion.js": "./pf-accordion/BaseAccordion.js",
|
|
14
|
+
"./pf-accordion/BaseAccordionHeader.js": "./pf-accordion/BaseAccordionHeader.js",
|
|
15
|
+
"./pf-accordion/BaseAccordionPanel.js": "./pf-accordion/BaseAccordionPanel.js",
|
|
16
|
+
"./pf-accordion/pf-accordion-header.js": "./pf-accordion/pf-accordion-header.js",
|
|
17
|
+
"./pf-accordion/pf-accordion-panel.js": "./pf-accordion/pf-accordion-panel.js",
|
|
18
|
+
"./pf-accordion/pf-accordion.js": "./pf-accordion/pf-accordion.js",
|
|
19
|
+
"./pf-avatar/BaseAvatar.js": "./pf-avatar/BaseAvatar.js",
|
|
20
|
+
"./pf-avatar/pf-avatar.js": "./pf-avatar/pf-avatar.js",
|
|
21
|
+
"./pf-badge/BaseBadge.js": "./pf-badge/BaseBadge.js",
|
|
22
|
+
"./pf-badge/pf-badge.js": "./pf-badge/pf-badge.js",
|
|
23
|
+
"./pf-button/BaseButton.js": "./pf-button/BaseButton.js",
|
|
24
|
+
"./pf-button/pf-button.js": "./pf-button/pf-button.js",
|
|
25
|
+
"./pf-card/BaseCard.js": "./pf-card/BaseCard.js",
|
|
26
|
+
"./pf-card/pf-card.js": "./pf-card/pf-card.js",
|
|
27
|
+
"./pf-clipboard-copy/BaseClipboardCopy.js": "./pf-clipboard-copy/BaseClipboardCopy.js",
|
|
28
|
+
"./pf-clipboard-copy/pf-clipboard-copy.js": "./pf-clipboard-copy/pf-clipboard-copy.js",
|
|
29
|
+
"./pf-code-block/BaseCodeBlock.js": "./pf-code-block/BaseCodeBlock.js",
|
|
30
|
+
"./pf-code-block/pf-code-block.js": "./pf-code-block/pf-code-block.js",
|
|
31
|
+
"./pf-icon/BaseIcon.js": "./pf-icon/BaseIcon.js",
|
|
32
|
+
"./pf-icon/pf-icon.js": "./pf-icon/pf-icon.js",
|
|
33
|
+
"./pf-jump-links/pf-jump-links-item.js": "./pf-jump-links/pf-jump-links-item.js",
|
|
34
|
+
"./pf-jump-links/pf-jump-links-list.js": "./pf-jump-links/pf-jump-links-list.js",
|
|
35
|
+
"./pf-jump-links/pf-jump-links.js": "./pf-jump-links/pf-jump-links.js",
|
|
36
|
+
"./pf-label/BaseLabel.js": "./pf-label/BaseLabel.js",
|
|
37
|
+
"./pf-label/pf-label.js": "./pf-label/pf-label.js",
|
|
38
|
+
"./pf-modal/pf-modal.js": "./pf-modal/pf-modal.js",
|
|
39
|
+
"./pf-panel/pf-panel.js": "./pf-panel/pf-panel.js",
|
|
40
|
+
"./pf-progress-stepper/pf-progress-step.js": "./pf-progress-stepper/pf-progress-step.js",
|
|
41
|
+
"./pf-progress-stepper/pf-progress-stepper.js": "./pf-progress-stepper/pf-progress-stepper.js",
|
|
42
|
+
"./pf-spinner/BaseSpinner.js": "./pf-spinner/BaseSpinner.js",
|
|
43
|
+
"./pf-spinner/pf-spinner.js": "./pf-spinner/pf-spinner.js",
|
|
44
|
+
"./pf-switch/BaseSwitch.js": "./pf-switch/BaseSwitch.js",
|
|
45
|
+
"./pf-switch/pf-switch.js": "./pf-switch/pf-switch.js",
|
|
46
|
+
"./pf-tabs/BaseTab.js": "./pf-tabs/BaseTab.js",
|
|
47
|
+
"./pf-tabs/BaseTabPanel.js": "./pf-tabs/BaseTabPanel.js",
|
|
48
|
+
"./pf-tabs/BaseTabs.js": "./pf-tabs/BaseTabs.js",
|
|
49
|
+
"./pf-tabs/pf-tab-panel.js": "./pf-tabs/pf-tab-panel.js",
|
|
50
|
+
"./pf-tabs/pf-tab.js": "./pf-tabs/pf-tab.js",
|
|
51
|
+
"./pf-tabs/pf-tabs.js": "./pf-tabs/pf-tabs.js",
|
|
52
|
+
"./pf-tile/BaseTile.js": "./pf-tile/BaseTile.js",
|
|
53
|
+
"./pf-tile/pf-tile.js": "./pf-tile/pf-tile.js",
|
|
54
|
+
"./pf-timestamp/pf-timestamp.js": "./pf-timestamp/pf-timestamp.js",
|
|
55
|
+
"./pf-tooltip/BaseTooltip.js": "./pf-tooltip/BaseTooltip.js",
|
|
56
|
+
"./pf-tooltip/pf-tooltip.js": "./pf-tooltip/pf-tooltip.js"
|
|
14
57
|
},
|
|
15
58
|
"publishConfig": {
|
|
16
59
|
"access": "public",
|
|
@@ -72,7 +115,7 @@
|
|
|
72
115
|
"Wes Ruvalcaba"
|
|
73
116
|
],
|
|
74
117
|
"dependencies": {
|
|
75
|
-
"@patternfly/pfe-core": "^2.0.0-
|
|
118
|
+
"@patternfly/pfe-core": "^2.0.0-rc.1",
|
|
76
119
|
"lit": "2.3.0",
|
|
77
120
|
"tslib": "^2.4.1"
|
|
78
121
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { Logger } from '@patternfly/pfe-core/controllers/logger.js';
|
|
3
2
|
import { observed } from '@patternfly/pfe-core/decorators.js';
|
|
4
3
|
import { property } from 'lit/decorators.js';
|
|
5
4
|
import { customElement } from 'lit/decorators.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pf-accordion.js","sourceRoot":"","sources":["pf-accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"pf-accordion.js","sourceRoot":"","sources":["pf-accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;;;AAIxC;;;;;;;;;;;;;;;;GAgBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QAGL,oEAAoE;QACxB,WAAM,GAAG,KAAK,CAAC;QAE3D,oDAAoD;QACR,aAAQ,GAAG,KAAK,CAAC;QAE7D,iDAAiD;QAIL,UAAK,GAAG,KAAK,CAAC;QAEd,UAAK,GAAG,KAAK,CAAC;IAiB5D,CAAC;IAfU,KAAK,CAAC,MAAM,CAAC,KAAa,EAAE,eAA+B;QAClE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,OAAO;SACR;QAED,MAAM,UAAU,GAA+B,IAAI,CAAC,OAAO,CAAC;QAE5D,0DAA0D;QAC1D,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,OAAO,CAAC,GAAG,CAAC;gBAChB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC9E,CAAC,CAAC;SACJ;QACD,MAAM,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAC7C,CAAC;;AA9Be,kBAAM,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAGd;IAA3C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAAgB;AAGf;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AAMjB;IAH3C,QAAQ,CAAC,SAAS,YAAY;QAC7B,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3F,CAAC,CAAC;IACD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAe;AAEd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAe;AAf/C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAgCvB;SAhCY,WAAW","sourcesContent":["import { observed } from '@patternfly/pfe-core/decorators.js';\nimport { property } from 'lit/decorators.js';\nimport { customElement } from 'lit/decorators.js';\n\nimport { BaseAccordion } from './BaseAccordion.js';\nimport { BaseAccordionHeader } from './BaseAccordionHeader.js';\n\nexport * from './pf-accordion-header.js';\nexport * from './pf-accordion-panel.js';\n\nimport style from './pf-accordion.css';\n\n/**\n * Accordions toggle the visibility of sections of content.\n * They feature panels that consist of a section text label and a caret icon that collapses or expands to reveal more information.\n *\n * @summary Toggle the visibility of sections of content\n *\n * @fires {AccordionExpandEvent} expand - when a panel expands\n * @fires {AccordionCollapseEvent} collapse - when a panel collapses\n *\n *\n * @slot\n * Place the `pf-accordion-header` and `pf-accordion-panel` elements here.\n *\n * @cssproperty {<color>} --accordion__bordered--Color\n * Color for the borders between accordion headers when using bordered or large attributes\n * {@default `var(--rh-color-black-300, #d2d2d2)`}\n */\n@customElement('pf-accordion')\nexport class PfAccordion extends BaseAccordion {\n static readonly styles = [...BaseAccordion.styles, style];\n\n /** When true, only one accordion panel may be expanded at a time */\n @property({ reflect: true, type: Boolean }) single = false;\n\n /** Whether to apply the `bordered` style variant */\n @property({ type: Boolean, reflect: true }) bordered = false;\n\n /** Whether to apply the `large` style variant */\n @observed(function largeChanged(this: PfAccordion) {\n [...this.headers, ...this.panels].forEach(el => el.toggleAttribute('large', this.large));\n })\n @property({ type: Boolean, reflect: true }) large = false;\n\n @property({ type: Boolean, reflect: true }) fixed = false;\n\n override async expand(index: number, parentAccordion?: BaseAccordion) {\n if (index === -1) {\n return;\n }\n\n const allHeaders: Array<BaseAccordionHeader> = this.headers;\n\n // Get all the headers and capture the item by index value\n if (this.single) {\n await Promise.all([\n ...allHeaders.map((header, index) => header.expanded && this.collapse(index)),\n ]);\n }\n await super.expand(index, parentAccordion);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pf-accordion': PfAccordion;\n }\n}\n"]}
|
package/pf-tabs/demo/pf-tabs.js
CHANGED