@carbon/ibmdotcom-web-components 1.48.0 → 1.49.0
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/custom-elements.json +122 -0
- package/dist/{20-3432915b.js → 20-46a4593b.js} +2 -2
- package/dist/{20-687b2ef2.js → 20-49858335.js} +2 -2
- package/dist/{20-f54ccc50.js → 20-a242ba72.js} +2 -2
- package/dist/{20-37eecf8a.js → 20-f842a2f9.js} +2 -2
- package/dist/cloud-masthead.js +3 -3
- package/dist/cloud-masthead.min.js +2 -2
- package/dist/cloud-masthead.rtl.js +3 -3
- package/dist/cloud-masthead.rtl.min.js +2 -2
- package/dist/dotcom-shell.js +3 -3
- package/dist/dotcom-shell.min.js +2 -2
- package/dist/dotcom-shell.rtl.js +3 -3
- package/dist/dotcom-shell.rtl.min.js +2 -2
- package/dist/ibmdotcom-web-components-dotcom-shell.js +5 -5
- package/dist/ibmdotcom-web-components-dotcom-shell.min.js +3 -3
- package/dist/ibmdotcom-web-components-dotcom-shell.rtl.js +5 -5
- package/dist/ibmdotcom-web-components-dotcom-shell.rtl.min.js +3 -3
- package/dist/{left-nav-menu-2feadd76.js → left-nav-menu-079d1751.js} +2 -2
- package/dist/{left-nav-menu-429cc81f.js → left-nav-menu-86556fa2.js} +2 -2
- package/dist/{left-nav-menu-category-heading-02606e56.js → left-nav-menu-category-heading-297c0990.js} +2 -2
- package/dist/{left-nav-menu-category-heading-59751bd0.js → left-nav-menu-category-heading-2bb8340c.js} +2 -2
- package/dist/{left-nav-menu-category-heading-02fa5005.js → left-nav-menu-category-heading-61176214.js} +2 -2
- package/dist/{left-nav-menu-category-heading-8e919aa4.js → left-nav-menu-category-heading-d36767b5.js} +2 -2
- package/dist/{left-nav-menu-77b7cf91.js → left-nav-menu-e61aea79.js} +2 -2
- package/dist/{left-nav-menu-45f757e4.js → left-nav-menu-f65db6a0.js} +3 -3
- package/dist/{left-nav-menu-item-35eb7f77.js → left-nav-menu-item-288cc620.js} +2 -2
- package/dist/{left-nav-menu-item-a4c85e64.js → left-nav-menu-item-3e849ece.js} +2 -2
- package/dist/{left-nav-menu-item-30362074.js → left-nav-menu-item-77ecdb79.js} +2 -2
- package/dist/{left-nav-menu-item-4236428a.js → left-nav-menu-item-98401102.js} +2 -2
- package/dist/{left-nav-menu-section-e87b970f.js → left-nav-menu-section-1d4e44ca.js} +2 -2
- package/dist/{left-nav-menu-section-f0ae8e38.js → left-nav-menu-section-68b4245f.js} +3 -3
- package/dist/{left-nav-menu-section-d3d6568f.js → left-nav-menu-section-b931114f.js} +3 -3
- package/dist/{left-nav-menu-section-ec210ec7.js → left-nav-menu-section-cf304f6b.js} +3 -3
- package/dist/{left-nav-overlay-c674550c.js → left-nav-overlay-01003c2c.js} +2 -2
- package/dist/{left-nav-overlay-805dcfc9.js → left-nav-overlay-9b797bed.js} +2 -2
- package/dist/{left-nav-overlay-d29e4432.js → left-nav-overlay-b5398b62.js} +2 -2
- package/dist/{left-nav-overlay-e44a6890.js → left-nav-overlay-e18cd6ad.js} +2 -2
- package/dist/{masthead-composite-49510571.js → masthead-composite-6fbf11a1.js} +17 -17
- package/dist/{masthead-composite-49f5a2c0.js → masthead-composite-867a12e1.js} +6 -6
- package/dist/{masthead-composite-2d470aa3.js → masthead-composite-9959d601.js} +17 -17
- package/dist/{masthead-composite-35b3f022.js → masthead-composite-d6740719.js} +6 -6
- package/dist/{megamenu-category-group-d1226b5c.js → megamenu-category-group-3dcabd63.js} +2 -2
- package/dist/{megamenu-category-group-3a26b43d.js → megamenu-category-group-83c187ef.js} +2 -2
- package/dist/{megamenu-category-group-fa7acc44.js → megamenu-category-group-8ad29744.js} +2 -2
- package/dist/{megamenu-category-group-copy-144f844d.js → megamenu-category-group-copy-13d2e3dc.js} +2 -2
- package/dist/{megamenu-category-group-copy-61cc1e58.js → megamenu-category-group-copy-432f4830.js} +2 -2
- package/dist/{megamenu-category-group-copy-32ef88d7.js → megamenu-category-group-copy-b63e7800.js} +2 -2
- package/dist/{megamenu-category-group-copy-cb32aac2.js → megamenu-category-group-copy-f093e5f8.js} +2 -2
- package/dist/{megamenu-category-group-68701575.js → megamenu-category-group-e643cc2d.js} +2 -2
- package/dist/{megamenu-category-link-211726af.js → megamenu-category-link-1d4c1f47.js} +2 -2
- package/dist/{megamenu-category-link-b3945ad3.js → megamenu-category-link-81fc2787.js} +2 -2
- package/dist/{megamenu-category-link-e2835069.js → megamenu-category-link-8fb3eff8.js} +2 -2
- package/dist/{megamenu-category-link-3cd5b55c.js → megamenu-category-link-cb99c30c.js} +2 -2
- package/dist/{megamenu-left-navigation-9e336fe9.js → megamenu-left-navigation-94669e2f.js} +2 -2
- package/dist/{megamenu-left-navigation-45aada1e.js → megamenu-left-navigation-b92c6858.js} +2 -2
- package/dist/{megamenu-left-navigation-765e5f23.js → megamenu-left-navigation-ccdb915f.js} +2 -2
- package/dist/{megamenu-left-navigation-f8fe0a69.js → megamenu-left-navigation-decf5b71.js} +2 -2
- package/dist/{megamenu-overlay-0be560fc.js → megamenu-overlay-6f4b3b74.js} +2 -2
- package/dist/{megamenu-overlay-1279bb56.js → megamenu-overlay-f2eacab9.js} +2 -2
- package/dist/{megamenu-overlay-18b01cc5.js → megamenu-overlay-f43e1ce1.js} +2 -2
- package/dist/{megamenu-overlay-cbd78e7e.js → megamenu-overlay-f9ad1df3.js} +2 -2
- package/es/components/content-item/content-item.d.ts +3 -1
- package/es/components/content-item/content-item.js +5 -3
- package/es/components/content-item/content-item.js.map +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media-featured.d.ts +6 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media-featured.js +7 -2
- package/es/components/content-item-horizontal/content-item-horizontal-media-featured.js.map +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media.d.ts +6 -1
- package/es/components/content-item-horizontal/content-item-horizontal-media.js +9 -4
- package/es/components/content-item-horizontal/content-item-horizontal-media.js.map +1 -1
- package/es/components/content-item-horizontal/content-item-horizontal.d.ts +6 -1
- package/es/components/content-item-horizontal/content-item-horizontal.js +7 -2
- package/es/components/content-item-horizontal/content-item-horizontal.js.map +1 -1
- package/es/components/quote/quote.d.ts +1 -1
- package/es/components/quote/quote.js +3 -3
- package/es/components/quote/quote.js.map +1 -1
- package/es/components-react/content-item/content-item.d.ts +2 -0
- package/es/components-react/content-item-horizontal/content-item-horizontal-media-featured.d.ts +5 -0
- package/es/components-react/content-item-horizontal/content-item-horizontal-media.d.ts +5 -0
- package/es/components-react/content-item-horizontal/content-item-horizontal.d.ts +5 -0
- package/es/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/lib/internal/vendor/@carbon/ibmdotcom-services/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
- package/package.json +6 -6
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
* https://www.npmjs.com/package/redux
|
|
71
71
|
* https://www.npmjs.com/package/lodash-es
|
|
72
72
|
* https://www.npmjs.com/package/window-or-global
|
|
73
|
-
* https://www.npmjs.com/package/redux-logger
|
|
74
73
|
* https://www.npmjs.com/package/redux-thunk
|
|
74
|
+
* https://www.npmjs.com/package/redux-logger
|
|
75
75
|
* https://www.npmjs.com/package/axios
|
|
76
76
|
*/
|
|
77
77
|
|
|
78
|
-
import{L as e,p as r,h as t,as as i,d as n,e as o}from"./masthead-composite-
|
|
78
|
+
import{L as e,p as r,h as t,as as i,d as n,e as o}from"./masthead-composite-867a12e1.js";let s,a=e=>e;function l(){l=function(){return e};var e={elementsDefinitionOrder:[["method"],["field"]],initializeInstanceElements:function(e,r){["method","field"].forEach((function(t){r.forEach((function(r){r.kind===t&&"own"===r.placement&&this.defineClassElement(e,r)}),this)}),this)},initializeClassElements:function(e,r){var t=e.prototype;["method","field"].forEach((function(i){r.forEach((function(r){var n=r.placement;if(r.kind===i&&("static"===n||"prototype"===n)){var o="static"===n?e:t;this.defineClassElement(o,r)}}),this)}),this)},defineClassElement:function(e,r){var t=r.descriptor;if("field"===r.kind){var i=r.initializer;t={enumerable:t.enumerable,writable:t.writable,configurable:t.configurable,value:void 0===i?void 0:i.call(e)}}Object.defineProperty(e,r.key,t)},decorateClass:function(e,r){var t=[],i=[],n={static:[],prototype:[],own:[]};if(e.forEach((function(e){this.addElementPlacement(e,n)}),this),e.forEach((function(e){if(!f(e))return t.push(e);var r=this.decorateElement(e,n);t.push(r.element),t.push.apply(t,r.extras),i.push.apply(i,r.finishers)}),this),!r)return{elements:t,finishers:i};var o=this.decorateConstructor(t,r);return i.push.apply(i,o.finishers),o.finishers=i,o},addElementPlacement:function(e,r,t){var i=r[e.placement];if(!t&&-1!==i.indexOf(e.key))throw new TypeError("Duplicated element ("+e.key+")");i.push(e.key)},decorateElement:function(e,r){for(var t=[],i=[],n=e.decorators,o=n.length-1;o>=0;o--){var s=r[e.placement];s.splice(s.indexOf(e.key),1);var a=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,n[o])(a)||a);e=l.element,this.addElementPlacement(e,r),l.finisher&&i.push(l.finisher);var c=l.extras;if(c){for(var d=0;d<c.length;d++)this.addElementPlacement(c[d],r);t.push.apply(t,c)}}return{element:e,finishers:i,extras:t}},decorateConstructor:function(e,r){for(var t=[],i=r.length-1;i>=0;i--){var n=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,r[i])(n)||n);if(void 0!==o.finisher&&t.push(o.finisher),void 0!==o.elements){e=o.elements;for(var s=0;s<e.length-1;s++)for(var a=s+1;a<e.length;a++)if(e[s].key===e[a].key&&e[s].placement===e[a].placement)throw new TypeError("Duplicated element ("+e[s].key+")")}}return{elements:e,finishers:t}},fromElementDescriptor:function(e){var r={kind:e.kind,key:e.key,placement:e.placement,descriptor:e.descriptor};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),"field"===e.kind&&(r.initializer=e.initializer),r},toElementDescriptors:function(e){var r;if(void 0!==e)return(r=e,function(e){if(Array.isArray(e))return e}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}(r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(e){var r=this.toElementDescriptor(e);return this.disallowProperty(e,"finisher","An element descriptor"),this.disallowProperty(e,"extras","An element descriptor"),r}),this)},toElementDescriptor:function(e){var r=String(e.kind);if("method"!==r&&"field"!==r)throw new TypeError('An element descriptor\'s .kind property must be either "method" or "field", but a decorator created an element descriptor with .kind "'+r+'"');var t=m(e.key),i=String(e.placement);if("static"!==i&&"prototype"!==i&&"own"!==i)throw new TypeError('An element descriptor\'s .placement property must be one of "static", "prototype" or "own", but a decorator created an element descriptor with .placement "'+i+'"');var n=e.descriptor;this.disallowProperty(e,"elements","An element descriptor");var o={kind:r,key:t,placement:i,descriptor:Object.assign({},n)};return"field"!==r?this.disallowProperty(e,"initializer","A method descriptor"):(this.disallowProperty(n,"get","The property descriptor of a field descriptor"),this.disallowProperty(n,"set","The property descriptor of a field descriptor"),this.disallowProperty(n,"value","The property descriptor of a field descriptor"),o.initializer=e.initializer),o},toElementFinisherExtras:function(e){return{element:this.toElementDescriptor(e),finisher:u(e,"finisher"),extras:this.toElementDescriptors(e.extras)}},fromClassDescriptor:function(e){var r={kind:"class",elements:e.map(this.fromElementDescriptor,this)};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),r},toClassDescriptor:function(e){var r=String(e.kind);if("class"!==r)throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator created a class descriptor with .kind "'+r+'"');this.disallowProperty(e,"key","A class descriptor"),this.disallowProperty(e,"placement","A class descriptor"),this.disallowProperty(e,"descriptor","A class descriptor"),this.disallowProperty(e,"initializer","A class descriptor"),this.disallowProperty(e,"extras","A class descriptor");var t=u(e,"finisher");return{elements:this.toElementDescriptors(e.elements),finisher:t}},runClassFinishers:function(e,r){for(var t=0;t<r.length;t++){var i=(0,r[t])(e);if(void 0!==i){if("function"!=typeof i)throw new TypeError("Finishers must return a constructor.");e=i}}return e},disallowProperty:function(e,r,t){if(void 0!==e[r])throw new TypeError(t+" can't have a ."+r+" property.")}};return e}function c(e){var r,t=m(e.key);"method"===e.kind?r={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?r={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?r={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(r={configurable:!0,writable:!0,enumerable:!0});var i={kind:"field"===e.kind?"field":"method",key:t,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:r};return e.decorators&&(i.decorators=e.decorators),"field"===e.kind&&(i.initializer=e.value),i}function d(e,r){void 0!==e.descriptor.get?r.descriptor.get=e.descriptor.get:r.descriptor.set=e.descriptor.set}function f(e){return e.decorators&&e.decorators.length}function p(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function u(e,r){var t=e[r];if(void 0!==t&&"function"!=typeof t)throw new TypeError("Expected '"+r+"' to be a function");return t}function m(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,i=new Array(r);t<r;t++)i[t]=e[t];return i}const{stablePrefix:y}=o;let v=function(e,r,t,i){var n=l();if(i)for(var o=0;o<i.length;o++)n=i[o](n);var s=r((function(e){n.initializeInstanceElements(e,a.elements)}),t),a=n.decorateClass(function(e){for(var r=[],t=function(e){return"method"===e.kind&&e.key===o.key&&e.placement===o.placement},i=0;i<e.length;i++){var n,o=e[i];if("method"===o.kind&&(n=r.find(t)))if(p(o.descriptor)||p(n.descriptor)){if(f(o)||f(n))throw new ReferenceError("Duplicated methods ("+o.key+") can't be decorated.");n.descriptor=o.descriptor}else{if(f(o)){if(f(n))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+o.key+").");n.decorators=o.decorators}d(o,n)}else r.push(o)}return r}(s.d.map(c)),e);return n.initializeClassElements(s.F,a.elements),n.runClassFinishers(s.F,a.finishers)}([n(`${y}-megamenu-overlay`)],(function(e,n){return{F:class extends n{constructor(...r){super(...r),e(this)}},d:[{kind:"field",decorators:[r({type:Boolean,reflect:!0})],key:"active",value:()=>!1},{kind:"method",key:"render",value:function(){return t(s||(s=a`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>i}]}}),e);export{v as default};
|
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
* https://www.npmjs.com/package/redux
|
|
71
71
|
* https://www.npmjs.com/package/lodash-es
|
|
72
72
|
* https://www.npmjs.com/package/window-or-global
|
|
73
|
-
* https://www.npmjs.com/package/redux-logger
|
|
74
73
|
* https://www.npmjs.com/package/redux-thunk
|
|
74
|
+
* https://www.npmjs.com/package/redux-logger
|
|
75
75
|
* https://www.npmjs.com/package/axios
|
|
76
76
|
*/
|
|
77
77
|
|
|
78
|
-
import{L as e,p as r,h as t,as as i,d as n,e as o}from"./masthead-composite-
|
|
78
|
+
import{L as e,p as r,h as t,as as i,d as n,e as o}from"./masthead-composite-d6740719.js";let s,a=e=>e;function l(){l=function(){return e};var e={elementsDefinitionOrder:[["method"],["field"]],initializeInstanceElements:function(e,r){["method","field"].forEach((function(t){r.forEach((function(r){r.kind===t&&"own"===r.placement&&this.defineClassElement(e,r)}),this)}),this)},initializeClassElements:function(e,r){var t=e.prototype;["method","field"].forEach((function(i){r.forEach((function(r){var n=r.placement;if(r.kind===i&&("static"===n||"prototype"===n)){var o="static"===n?e:t;this.defineClassElement(o,r)}}),this)}),this)},defineClassElement:function(e,r){var t=r.descriptor;if("field"===r.kind){var i=r.initializer;t={enumerable:t.enumerable,writable:t.writable,configurable:t.configurable,value:void 0===i?void 0:i.call(e)}}Object.defineProperty(e,r.key,t)},decorateClass:function(e,r){var t=[],i=[],n={static:[],prototype:[],own:[]};if(e.forEach((function(e){this.addElementPlacement(e,n)}),this),e.forEach((function(e){if(!f(e))return t.push(e);var r=this.decorateElement(e,n);t.push(r.element),t.push.apply(t,r.extras),i.push.apply(i,r.finishers)}),this),!r)return{elements:t,finishers:i};var o=this.decorateConstructor(t,r);return i.push.apply(i,o.finishers),o.finishers=i,o},addElementPlacement:function(e,r,t){var i=r[e.placement];if(!t&&-1!==i.indexOf(e.key))throw new TypeError("Duplicated element ("+e.key+")");i.push(e.key)},decorateElement:function(e,r){for(var t=[],i=[],n=e.decorators,o=n.length-1;o>=0;o--){var s=r[e.placement];s.splice(s.indexOf(e.key),1);var a=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,n[o])(a)||a);e=l.element,this.addElementPlacement(e,r),l.finisher&&i.push(l.finisher);var c=l.extras;if(c){for(var d=0;d<c.length;d++)this.addElementPlacement(c[d],r);t.push.apply(t,c)}}return{element:e,finishers:i,extras:t}},decorateConstructor:function(e,r){for(var t=[],i=r.length-1;i>=0;i--){var n=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,r[i])(n)||n);if(void 0!==o.finisher&&t.push(o.finisher),void 0!==o.elements){e=o.elements;for(var s=0;s<e.length-1;s++)for(var a=s+1;a<e.length;a++)if(e[s].key===e[a].key&&e[s].placement===e[a].placement)throw new TypeError("Duplicated element ("+e[s].key+")")}}return{elements:e,finishers:t}},fromElementDescriptor:function(e){var r={kind:e.kind,key:e.key,placement:e.placement,descriptor:e.descriptor};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),"field"===e.kind&&(r.initializer=e.initializer),r},toElementDescriptors:function(e){var r;if(void 0!==e)return(r=e,function(e){if(Array.isArray(e))return e}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return h(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,r):void 0}}(r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(e){var r=this.toElementDescriptor(e);return this.disallowProperty(e,"finisher","An element descriptor"),this.disallowProperty(e,"extras","An element descriptor"),r}),this)},toElementDescriptor:function(e){var r=String(e.kind);if("method"!==r&&"field"!==r)throw new TypeError('An element descriptor\'s .kind property must be either "method" or "field", but a decorator created an element descriptor with .kind "'+r+'"');var t=m(e.key),i=String(e.placement);if("static"!==i&&"prototype"!==i&&"own"!==i)throw new TypeError('An element descriptor\'s .placement property must be one of "static", "prototype" or "own", but a decorator created an element descriptor with .placement "'+i+'"');var n=e.descriptor;this.disallowProperty(e,"elements","An element descriptor");var o={kind:r,key:t,placement:i,descriptor:Object.assign({},n)};return"field"!==r?this.disallowProperty(e,"initializer","A method descriptor"):(this.disallowProperty(n,"get","The property descriptor of a field descriptor"),this.disallowProperty(n,"set","The property descriptor of a field descriptor"),this.disallowProperty(n,"value","The property descriptor of a field descriptor"),o.initializer=e.initializer),o},toElementFinisherExtras:function(e){return{element:this.toElementDescriptor(e),finisher:u(e,"finisher"),extras:this.toElementDescriptors(e.extras)}},fromClassDescriptor:function(e){var r={kind:"class",elements:e.map(this.fromElementDescriptor,this)};return Object.defineProperty(r,Symbol.toStringTag,{value:"Descriptor",configurable:!0}),r},toClassDescriptor:function(e){var r=String(e.kind);if("class"!==r)throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator created a class descriptor with .kind "'+r+'"');this.disallowProperty(e,"key","A class descriptor"),this.disallowProperty(e,"placement","A class descriptor"),this.disallowProperty(e,"descriptor","A class descriptor"),this.disallowProperty(e,"initializer","A class descriptor"),this.disallowProperty(e,"extras","A class descriptor");var t=u(e,"finisher");return{elements:this.toElementDescriptors(e.elements),finisher:t}},runClassFinishers:function(e,r){for(var t=0;t<r.length;t++){var i=(0,r[t])(e);if(void 0!==i){if("function"!=typeof i)throw new TypeError("Finishers must return a constructor.");e=i}}return e},disallowProperty:function(e,r,t){if(void 0!==e[r])throw new TypeError(t+" can't have a ."+r+" property.")}};return e}function c(e){var r,t=m(e.key);"method"===e.kind?r={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?r={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?r={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(r={configurable:!0,writable:!0,enumerable:!0});var i={kind:"field"===e.kind?"field":"method",key:t,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:r};return e.decorators&&(i.decorators=e.decorators),"field"===e.kind&&(i.initializer=e.value),i}function d(e,r){void 0!==e.descriptor.get?r.descriptor.get=e.descriptor.get:r.descriptor.set=e.descriptor.set}function f(e){return e.decorators&&e.decorators.length}function p(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function u(e,r){var t=e[r];if(void 0!==t&&"function"!=typeof t)throw new TypeError("Expected '"+r+"' to be a function");return t}function m(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}function h(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,i=new Array(r);t<r;t++)i[t]=e[t];return i}const{stablePrefix:y}=o;let v=function(e,r,t,i){var n=l();if(i)for(var o=0;o<i.length;o++)n=i[o](n);var s=r((function(e){n.initializeInstanceElements(e,a.elements)}),t),a=n.decorateClass(function(e){for(var r=[],t=function(e){return"method"===e.kind&&e.key===o.key&&e.placement===o.placement},i=0;i<e.length;i++){var n,o=e[i];if("method"===o.kind&&(n=r.find(t)))if(p(o.descriptor)||p(n.descriptor)){if(f(o)||f(n))throw new ReferenceError("Duplicated methods ("+o.key+") can't be decorated.");n.descriptor=o.descriptor}else{if(f(o)){if(f(n))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+o.key+").");n.decorators=o.decorators}d(o,n)}else r.push(o)}return r}(s.d.map(c)),e);return n.initializeClassElements(s.F,a.elements),n.runClassFinishers(s.F,a.finishers)}([n(`${y}-megamenu-overlay`)],(function(e,n){return{F:class extends n{constructor(...r){super(...r),e(this)}},d:[{kind:"field",decorators:[r({type:Boolean,reflect:!0})],key:"active",value:()=>!1},{kind:"method",key:"render",value:function(){return t(s||(s=a`<slot></slot>`))}},{kind:"field",static:!0,key:"styles",value:()=>i}]}}),e);export{v as default};
|
|
@@ -70,13 +70,13 @@
|
|
|
70
70
|
* https://www.npmjs.com/package/redux
|
|
71
71
|
* https://www.npmjs.com/package/lodash-es
|
|
72
72
|
* https://www.npmjs.com/package/window-or-global
|
|
73
|
-
* https://www.npmjs.com/package/redux-logger
|
|
74
73
|
* https://www.npmjs.com/package/redux-thunk
|
|
74
|
+
* https://www.npmjs.com/package/redux-logger
|
|
75
75
|
* https://www.npmjs.com/package/axios
|
|
76
76
|
*/
|
|
77
77
|
|
|
78
78
|
let process = { env: {} };
|
|
79
|
-
import { L as LitElement, p as property, h as html, as as styles, d as carbonElement, e as settings } from './masthead-composite-
|
|
79
|
+
import { L as LitElement, p as property, h as html, as as styles, d as carbonElement, e as settings } from './masthead-composite-9959d601.js';
|
|
80
80
|
|
|
81
81
|
let _ = t => t,
|
|
82
82
|
_t;
|
|
@@ -70,13 +70,13 @@
|
|
|
70
70
|
* https://www.npmjs.com/package/redux
|
|
71
71
|
* https://www.npmjs.com/package/lodash-es
|
|
72
72
|
* https://www.npmjs.com/package/window-or-global
|
|
73
|
-
* https://www.npmjs.com/package/redux-logger
|
|
74
73
|
* https://www.npmjs.com/package/redux-thunk
|
|
74
|
+
* https://www.npmjs.com/package/redux-logger
|
|
75
75
|
* https://www.npmjs.com/package/axios
|
|
76
76
|
*/
|
|
77
77
|
|
|
78
78
|
let process = { env: {} };
|
|
79
|
-
import { L as LitElement, p as property, h as html, as as styles, d as carbonElement, e as settings } from './masthead-composite-
|
|
79
|
+
import { L as LitElement, p as property, h as html, as as styles, d as carbonElement, e as settings } from './masthead-composite-6fbf11a1.js';
|
|
80
80
|
|
|
81
81
|
let _ = t => t,
|
|
82
82
|
_t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -350,6 +350,8 @@ declare const DDSContentItem_base: {
|
|
|
350
350
|
* @slot media - The media content.
|
|
351
351
|
* @slot heading - The heading content.
|
|
352
352
|
* @slot footer - The footer (CTA) content.
|
|
353
|
+
* @csspart wrapper - The wrapper element around the entire shadow root. Usage: `dds-content-item::part(wrapper)`
|
|
354
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item::part(footer-wrapper)`
|
|
353
355
|
*/
|
|
354
356
|
declare class DDSContentItem extends DDSContentItem_base {
|
|
355
357
|
/**
|
|
@@ -24,7 +24,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
24
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
|
|
25
25
|
* @license
|
|
26
26
|
*
|
|
27
|
-
* Copyright IBM Corp. 2020,
|
|
27
|
+
* Copyright IBM Corp. 2020, 2024
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
30
30
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -46,6 +46,8 @@ var slotExistencePropertyNames = {
|
|
|
46
46
|
* @slot media - The media content.
|
|
47
47
|
* @slot heading - The heading content.
|
|
48
48
|
* @slot footer - The footer (CTA) content.
|
|
49
|
+
* @csspart wrapper - The wrapper element around the entire shadow root. Usage: `dds-content-item::part(wrapper)`
|
|
50
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item::part(footer-wrapper)`
|
|
49
51
|
*/
|
|
50
52
|
var DDSContentItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-content-item"))], function (_initialize, _StableSelectorMixin) {
|
|
51
53
|
var DDSContentItem = /*#__PURE__*/function (_StableSelectorMixin2) {
|
|
@@ -118,13 +120,13 @@ var DDSContentItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElemen
|
|
|
118
120
|
key: "_renderFooter",
|
|
119
121
|
value: function _renderFooter() {
|
|
120
122
|
var hasFooter = this._hasFooter;
|
|
121
|
-
return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n <div
|
|
123
|
+
return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"footer-wrapper\"\n ?hidden=\"", "\"\n class=\"", "--content-item__cta\">\n <slot name=\"footer\" @slotchange=\"", "\"></slot>\n </div>\n "])), !hasFooter, prefix, this._handleSlotChange);
|
|
122
124
|
}
|
|
123
125
|
}, {
|
|
124
126
|
kind: "method",
|
|
125
127
|
key: "render",
|
|
126
128
|
value: function render() {
|
|
127
|
-
return (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n <slot name=\"heading\"></slot>\n <div>\n <slot name=\"media\"></slot>\n </div>\n ", "", "\n "])), this._renderBody(), this._renderFooter());
|
|
129
|
+
return (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n <slot name=\"heading\"></slot>\n <div part=\"wrapper\">\n <slot name=\"media\"></slot>\n </div>\n ", "", "\n "])), this._renderBody(), this._renderFooter());
|
|
128
130
|
}
|
|
129
131
|
}, {
|
|
130
132
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_contentItemCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","footer","DDSContentItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","_this2","target","_ref2","name","content","assignedNodes","filter","elem","matches","undefined","selectorTextCTA","selectorButtonCTA","selectorButtonGroup","selectorLinkWithIcon","selectorLinkList","hasContent","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderBody","html","_taggedTemplateLiteral2","_renderFooter","hasFooter","_hasFooter","render","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/content-item/content-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020,
|
|
1
|
+
{"version":3,"file":"content-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_stableSelector","_contentItemCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","footer","DDSContentItem","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","_this2","target","_ref2","name","content","assignedNodes","filter","elem","matches","undefined","selectorTextCTA","selectorButtonCTA","selectorButtonGroup","selectorLinkWithIcon","selectorLinkList","hasContent","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_renderBody","html","_taggedTemplateLiteral2","_renderFooter","hasFooter","_hasFooter","render","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/content-item/content-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, state, LitElement, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './content-item.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The table mapping slot name with the private property name that indicates the existence of the slot content.\n */\nconst slotExistencePropertyNames = {\n footer: '_hasFooter',\n};\n\n/**\n * Content item.\n *\n * @element dds-content-item\n * @slot media - The media content.\n * @slot heading - The heading content.\n * @slot footer - The footer (CTA) content.\n * @csspart wrapper - The wrapper element around the entire shadow root. Usage: `dds-content-item::part(wrapper)`\n * @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item::part(footer-wrapper)`\n */\n@customElement(`${ddsPrefix}-content-item`)\nclass DDSContentItem extends StableSelectorMixin(LitElement) {\n /**\n * `true` if there is a footer content.\n */\n @state()\n _hasFooter = false;\n\n /**\n * Handles `slotchange` event.\n *\n * @param event The event.\n */\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const content = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof DDSContentItem).selectorTextCTA\n ) ||\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSContentItem).selectorButtonCTA\n ) ||\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSContentItem).selectorButtonGroup\n ) ||\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSContentItem).selectorLinkWithIcon\n ) ||\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSContentItem).selectorLinkList\n )\n : false\n );\n const hasContent = content?.some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name] || '_hasCopy'] = hasContent;\n }\n\n /**\n * @returns The body content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderBody(): TemplateResult | string | void {\n return html` <slot></slot> `;\n }\n\n /**\n * @returns The footer content.\n */\n protected _renderFooter(): TemplateResult | string | void {\n const { _hasFooter: hasFooter } = this;\n return html`\n <div\n part=\"footer-wrapper\"\n ?hidden=\"${!hasFooter}\"\n class=\"${prefix}--content-item__cta\">\n <slot name=\"footer\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n render() {\n return html`\n <slot name=\"heading\"></slot>\n <div part=\"wrapper\">\n <slot name=\"media\"></slot>\n </div>\n ${this._renderBody()}${this._renderFooter()}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--content-item`;\n }\n\n static get selectorTextCTA() {\n return `${ddsPrefix}-text-cta`;\n }\n\n static get selectorButtonCTA() {\n return `${ddsPrefix}-button-cta`;\n }\n\n static get selectorLinkList() {\n return `${ddsPrefix}-link-list`;\n }\n\n static get selectorLinkWithIcon() {\n return `${ddsPrefix}-link-with-icon`;\n }\n\n static get selectorButtonGroup() {\n return `${ddsPrefix}-button-group`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSContentItem;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAgI,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAdhI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA,IAAMC,0BAA0B,GAAG;EACjCC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,IAWMC,cAAc,OAAAC,UAAA,cADnB,IAAAC,4BAAa,KAAAC,MAAA,CAAIR,SAAS,kBAAe,CAAC,aAAAS,WAAA,EAAAC,oBAAA;EAAA,IACrCL,cAAc,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,cAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAArC,YAAA,CAAA6B,cAAA;IAAA,SAAAA,eAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,cAAA;MAAA,SAAAW,IAAA,GAAA5B,SAAA,CAAA6B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAAhC,SAAA,CAAAgC,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAjB,IAAA,CAAAP,KAAA,CAAAwB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,cAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAdlB,cAAc;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB,IAAAC,iBAAK,EAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACK,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJlB;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;MACE,SAAAC,kBAAAC,IAAA,EAA+C;QAAA,IAAAC,MAAA;QAAA,IAAjBC,MAAM,GAAAF,IAAA,CAANE,MAAM;QAClC,IAAAC,KAAA,GAAiBD,MAAM;UAAfE,IAAI,GAAAD,KAAA,CAAJC,IAAI;QACZ,IAAMC,OAAO,GAAIH,MAAM,CACpBI,aAAa,CAAC,CAAC,CACfC,MAAM,CAAC,UAACC,IAAI;UAAA,OACVA,IAAI,CAAiBC,OAAO,KAAKC,SAAS,GACtCF,IAAI,CAAiBC,OAAO,CAC1BR,MAAI,CAAC/C,WAAW,CAA2ByD,eAC9C,CAAC,IACAH,IAAI,CAAiBC,OAAO,CAC1BR,MAAI,CAAC/C,WAAW,CAA2B0D,iBAC9C,CAAC,IACAJ,IAAI,CAAiBC,OAAO,CAC1BR,MAAI,CAAC/C,WAAW,CAA2B2D,mBAC9C,CAAC,IACAL,IAAI,CAAiBC,OAAO,CAC1BR,MAAI,CAAC/C,WAAW,CAA2B4D,oBAC9C,CAAC,IACAN,IAAI,CAAiBC,OAAO,CAC1BR,MAAI,CAAC/C,WAAW,CAA2B6D,gBAC9C,CAAC,GACD,KAAK;QAAA,CACX,CAAC;QACH,IAAMC,UAAU,GAAGX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,IAAI,CAC9B,UAACC,IAAI;UAAA,OAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,CAAC,CAAC;QAAA,CACzE,CAAC;QACD,IAAI,CAACnD,0BAA0B,CAACgC,IAAI,CAAC,IAAI,UAAU,CAAC,GAAGY,UAAU;MACnE;;MAEA;AACF;AACA;MACE;IAAA;MAAAtB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EACA,SAAA0B,YAAA,EAAwD;QACtD,WAAOC,gBAAI,EAAAnF,eAAA,KAAAA,eAAA,OAAAoF,uBAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAhC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAA6B,cAAA,EAA0D;QACxD,IAAoBC,SAAS,GAAK,IAAI,CAA9BC,UAAU;QAClB,WAAOJ,gBAAI,EAAAlF,gBAAA,KAAAA,gBAAA,OAAAmF,uBAAA,wNAGI,CAACE,SAAS,EACZ7D,MAAM,EACoB,IAAI,CAACgC,iBAAiB;MAG/D;IAAC;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgC,OAAA,EAAS;QACP,WAAOL,gBAAI,EAAAjF,gBAAA,KAAAA,gBAAA,OAAAkF,uBAAA,mKAKP,IAAI,CAACF,WAAW,CAAC,CAAC,EAAG,IAAI,CAACG,aAAa,CAAC,CAAC;MAE/C;IAAC;MAAAjC,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAiC,eAAA,EAA4B;QAC1B,UAAAtD,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAa,gBAAA,EAA6B;QAC3B,UAAAlC,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAc,kBAAA,EAA+B;QAC7B,UAAAnC,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAiB,iBAAA,EAA8B;QAC5B,UAAAtC,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAgB,qBAAA,EAAkC;QAChC,UAAArC,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAe,oBAAA,EAAiC;QAC/B,UAAApC,MAAA,CAAUR,SAAS;MACrB;IAAC;MAAAyB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEekC,0BAAM;MAAA;IAAA;EAAA;AAAA,GAlGK,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AAqG5D;AAAA,IAAAC,QAAA,GAAAC,OAAA,cACe9D,cAAc"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -12,6 +12,11 @@ import DDSContentItem from '../content-item/content-item';
|
|
|
12
12
|
* media beneath.
|
|
13
13
|
*
|
|
14
14
|
* @element dds-content-item-horizontal-media-featured
|
|
15
|
+
* @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal-media-featured::part(heading-wrapper)`
|
|
16
|
+
* @csspart row - A wrapper element around a row of content. Usage: `dds-content-item-horizontal-media-featured-media::part(row)`
|
|
17
|
+
* @csspart row--text - A wrapper element around the textual elements. Usage: `dds-content-item-horizontal-media-featured-media::part(row--text)`
|
|
18
|
+
* @csspart row--media - A wrapper element around the media. Usage: `dds-content-item-horizontal-media-featured-media::part(row--media)`
|
|
19
|
+
* @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal-media-featured::part(body-wrapper)`
|
|
15
20
|
*/
|
|
16
21
|
declare class DDSContentItemHorizontalMediaFeatured extends DDSContentItem {
|
|
17
22
|
render(): import("lit-element").TemplateResult;
|
|
@@ -24,7 +24,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
24
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
|
|
25
25
|
* @license
|
|
26
26
|
*
|
|
27
|
-
* Copyright IBM Corp. 2020,
|
|
27
|
+
* Copyright IBM Corp. 2020, 2024
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
30
30
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -37,6 +37,11 @@ var ddsPrefix = _settings2["default"].stablePrefix;
|
|
|
37
37
|
* media beneath.
|
|
38
38
|
*
|
|
39
39
|
* @element dds-content-item-horizontal-media-featured
|
|
40
|
+
* @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal-media-featured::part(heading-wrapper)`
|
|
41
|
+
* @csspart row - A wrapper element around a row of content. Usage: `dds-content-item-horizontal-media-featured-media::part(row)`
|
|
42
|
+
* @csspart row--text - A wrapper element around the textual elements. Usage: `dds-content-item-horizontal-media-featured-media::part(row--text)`
|
|
43
|
+
* @csspart row--media - A wrapper element around the media. Usage: `dds-content-item-horizontal-media-featured-media::part(row--media)`
|
|
44
|
+
* @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal-media-featured::part(body-wrapper)`
|
|
40
45
|
*/
|
|
41
46
|
var DDSContentItemHorizontalMediaFeatured = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-content-item-horizontal-media-featured"))], function (_initialize, _DDSContentItem) {
|
|
42
47
|
var DDSContentItemHorizontalMediaFeatured = /*#__PURE__*/function (_DDSContentItem2) {
|
|
@@ -60,7 +65,7 @@ var DDSContentItemHorizontalMediaFeatured = (0, _decorate2["default"])([(0, _car
|
|
|
60
65
|
kind: "method",
|
|
61
66
|
key: "render",
|
|
62
67
|
value: function render() {
|
|
63
|
-
return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n <div class=\"", "--content-item-horizontal__row\">\n <div
|
|
68
|
+
return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n <div part=\"row row--text\" class=\"", "--content-item-horizontal__row\">\n <div\n part=\"heading-wrapper\"\n class=\"", "--content-item-horizontal__col\">\n <slot name=\"eyebrow\" @slotchange=\"", "\"></slot>\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"body-wrapper\"\n class=\"", "--content-item-horizontal__col\">\n ", " ", "\n </div>\n </div>\n <div\n part=\"row row--media\"\n class=\"", "--content-item-horizontal__row\">\n <slot name=\"media\" @slotchange=\"", "\"></slot>\n </div>\n "])), prefix, prefix, this._handleSlotChange, prefix, this._renderBody(), this._renderFooter(), prefix, this._handleSlotChange);
|
|
64
69
|
}
|
|
65
70
|
}, {
|
|
66
71
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-item-horizontal-media-featured.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_contentItem","_contentItemHorizontalMediaCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSContentItemHorizontalMediaFeatured","_decorate2","customElement","concat","_initialize","_DDSContentItem","_DDSContentItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","render","html","_taggedTemplateLiteral2","_handleSlotChange","_renderBody","_renderFooter","stableSelector","styles","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal-media-featured.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020,
|
|
1
|
+
{"version":3,"file":"content-item-horizontal-media-featured.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_contentItem","_contentItemHorizontalMediaCss","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSContentItemHorizontalMediaFeatured","_decorate2","customElement","concat","_initialize","_DDSContentItem","_DDSContentItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","render","html","_taggedTemplateLiteral2","_handleSlotChange","_renderBody","_renderFooter","stableSelector","styles","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal-media-featured.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSContentItem from '../content-item/content-item';\nimport styles from './content-item-horizontal-media.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * A component to present content in a horizontal orientation with featured\n * media beneath.\n *\n * @element dds-content-item-horizontal-media-featured\n * @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal-media-featured::part(heading-wrapper)`\n * @csspart row - A wrapper element around a row of content. Usage: `dds-content-item-horizontal-media-featured-media::part(row)`\n * @csspart row--text - A wrapper element around the textual elements. Usage: `dds-content-item-horizontal-media-featured-media::part(row--text)`\n * @csspart row--media - A wrapper element around the media. Usage: `dds-content-item-horizontal-media-featured-media::part(row--media)`\n * @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal-media-featured::part(body-wrapper)`\n */\n@customElement(`${ddsPrefix}-content-item-horizontal-media-featured`)\nclass DDSContentItemHorizontalMediaFeatured extends DDSContentItem {\n render() {\n return html`\n <div part=\"row row--text\" class=\"${prefix}--content-item-horizontal__row\">\n <div\n part=\"heading-wrapper\"\n class=\"${prefix}--content-item-horizontal__col\">\n <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"body-wrapper\"\n class=\"${prefix}--content-item-horizontal__col\">\n ${this._renderBody()} ${this._renderFooter()}\n </div>\n </div>\n <div\n part=\"row row--media\"\n class=\"${prefix}--content-item-horizontal__row\">\n <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}-content-item-horizontal-media-featured`;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSContentItemHorizontalMediaFeatured;\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -349,6 +349,11 @@ declare const DDSContentItemHorizontalMedia_base: {
|
|
|
349
349
|
* A component to present content in a horizontal orientation with media.
|
|
350
350
|
*
|
|
351
351
|
* @element dds-content-item-horizontal-media
|
|
352
|
+
* @csspart row - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row)`
|
|
353
|
+
* @csspart row--content - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row--content)`
|
|
354
|
+
* @csspart text-column-content-wrapper - The wrapper element around the text column. Usage: `dds-content-item-horizontal-media::part(text-column-content-wrapper)`
|
|
355
|
+
* @csspart media-wrapper - The wrapper element around the media. Usage: `dds-content-item-horizontal-media::part(media-wrapper)`
|
|
356
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`
|
|
352
357
|
*/
|
|
353
358
|
declare class DDSContentItemHorizontalMedia extends DDSContentItemHorizontalMedia_base {
|
|
354
359
|
/**
|
|
@@ -28,7 +28,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
28
28
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
|
|
29
29
|
* @license
|
|
30
30
|
*
|
|
31
|
-
* Copyright IBM Corp. 2020,
|
|
31
|
+
* Copyright IBM Corp. 2020, 2024
|
|
32
32
|
*
|
|
33
33
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
34
34
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -41,6 +41,11 @@ var breakpoint = parseFloat(_layout.breakpoints.lg.width) * _layout.baseFontSize
|
|
|
41
41
|
* A component to present content in a horizontal orientation with media.
|
|
42
42
|
*
|
|
43
43
|
* @element dds-content-item-horizontal-media
|
|
44
|
+
* @csspart row - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row)`
|
|
45
|
+
* @csspart row--content - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row--content)`
|
|
46
|
+
* @csspart text-column-content-wrapper - The wrapper element around the text column. Usage: `dds-content-item-horizontal-media::part(text-column-content-wrapper)`
|
|
47
|
+
* @csspart media-wrapper - The wrapper element around the media. Usage: `dds-content-item-horizontal-media::part(media-wrapper)`
|
|
48
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`
|
|
44
49
|
*/
|
|
45
50
|
var DDSContentItemHorizontalMedia = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-content-item-horizontal-media"))], function (_initialize, _HostListenerMixin) {
|
|
46
51
|
var DDSContentItemHorizontalMedia = /*#__PURE__*/function (_HostListenerMixin2) {
|
|
@@ -102,7 +107,7 @@ var DDSContentItemHorizontalMedia = (0, _decorate2["default"])([(0, _carbonEleme
|
|
|
102
107
|
* @returns The text column content.
|
|
103
108
|
*/
|
|
104
109
|
function _renderTextCol() {
|
|
105
|
-
return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n <div
|
|
110
|
+
return (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"text-column-content-wrapper\"\n class=\"", "--content-item-horizontal__col\">\n <slot name=\"eyebrow\" @slotchange=\"", "\"></slot>\n <slot name=\"heading\"></slot>\n ", " ", "\n </div>\n "])), prefix, this._handleSlotChange, this._renderBody(), this._renderFooter());
|
|
106
111
|
}
|
|
107
112
|
|
|
108
113
|
/**
|
|
@@ -113,13 +118,13 @@ var DDSContentItemHorizontalMedia = (0, _decorate2["default"])([(0, _carbonEleme
|
|
|
113
118
|
key: "_renderContent",
|
|
114
119
|
value: function _renderContent() {
|
|
115
120
|
var alignedRight = this._isOneColumn || this.align === _defs.MEDIA_ALIGN.RIGHT;
|
|
116
|
-
return alignedRight ? (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n <div
|
|
121
|
+
return alignedRight ? (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n <div\n part=\"media-wrapper\"\n class=\"", "--content-item-horizontal__col\">\n <slot name=\"media\" @slotchange=\"", "\"></slot>\n </div>\n "])), this._renderTextCol(), prefix, this._handleSlotChange) : (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"media-wrapper\"\n class=\"", "--content-item-horizontal__col\">\n <slot name=\"media\" @slotchange=\"", "\"></slot>\n </div>\n ", "\n "])), prefix, this._handleSlotChange, this._renderTextCol());
|
|
117
122
|
}
|
|
118
123
|
}, {
|
|
119
124
|
kind: "method",
|
|
120
125
|
key: "render",
|
|
121
126
|
value: function render() {
|
|
122
|
-
return (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n class=\"", "--content-item-horizontal__row ", "--content-item-horizontal-media__align-", "\">\n ", "\n </div>\n "])), prefix, prefix, this.align, this._renderContent());
|
|
127
|
+
return (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"row row--content\"\n class=\"", "--content-item-horizontal__row ", "--content-item-horizontal-media__align-", "\">\n ", "\n </div>\n "])), prefix, prefix, this.align, this._renderContent());
|
|
123
128
|
}
|
|
124
129
|
}, {
|
|
125
130
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-item-horizontal-media.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_hostListener","_hostListener2","_settings2","_contentItem","_contentItemHorizontalMediaCss","_defs","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","breakpoint","parseFloat","breakpoints","lg","width","baseFontSize","DDSContentItemHorizontalMedia","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","MEDIA_ALIGN","RIGHT","state","window","innerWidth","HostListener","_this2","_isOneColumn","_renderTextCol","html","_taggedTemplateLiteral2","_handleSlotChange","_renderBody","_renderFooter","_renderContent","alignedRight","align","render","stableSelector","styles","HostListenerMixin","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020,
|
|
1
|
+
{"version":3,"file":"content-item-horizontal-media.js","names":["_litElement","require","_settings","_interopRequireDefault","_layout","_hostListener","_hostListener2","_settings2","_contentItem","_contentItemHorizontalMediaCss","_defs","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","breakpoint","parseFloat","breakpoints","lg","width","baseFontSize","DDSContentItemHorizontalMedia","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","MEDIA_ALIGN","RIGHT","state","window","innerWidth","HostListener","_this2","_isOneColumn","_renderTextCol","html","_taggedTemplateLiteral2","_handleSlotChange","_renderBody","_renderFooter","_renderContent","alignedRight","align","render","stableSelector","styles","HostListenerMixin","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, state, property, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSContentItem from '../content-item/content-item';\nimport styles from './content-item-horizontal-media.scss';\n\nimport { MEDIA_ALIGN } from './defs';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst breakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\n/**\n * A component to present content in a horizontal orientation with media.\n *\n * @element dds-content-item-horizontal-media\n * @csspart row - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row)`\n * @csspart row--content - The wrapper element around the entire shadow root. Usage: `dds-content-item-horizontal-media::part(row--content)`\n * @csspart text-column-content-wrapper - The wrapper element around the text column. Usage: `dds-content-item-horizontal-media::part(text-column-content-wrapper)`\n * @csspart media-wrapper - The wrapper element around the media. Usage: `dds-content-item-horizontal-media::part(media-wrapper)`\n * @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`\n */\n@customElement(`${ddsPrefix}-content-item-horizontal-media`)\nclass DDSContentItemHorizontalMedia extends HostListenerMixin(DDSContentItem) {\n /**\n * Defines the alignment of the media: `left` or `right`\n */\n @property({ reflect: true })\n align = MEDIA_ALIGN.RIGHT;\n\n /**\n * Identifies whether the window width is below the breakpoint or not.\n */\n @state()\n _isOneColumn: boolean = window.innerWidth < breakpoint;\n\n @HostListener('window:resize')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleWindowResize = (): void => {\n this._isOneColumn = window.innerWidth < breakpoint;\n };\n\n /**\n * @returns The text column content.\n */\n protected _renderTextCol(): TemplateResult | string | void {\n return html`\n <div\n part=\"text-column-content-wrapper\"\n class=\"${prefix}--content-item-horizontal__col\">\n <slot name=\"eyebrow\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"heading\"></slot>\n ${this._renderBody()} ${this._renderFooter()}\n </div>\n `;\n }\n\n /**\n * @returns The component content in the appropriate tabbing order.\n */\n protected _renderContent(): TemplateResult | string | void {\n const alignedRight = this._isOneColumn || this.align === MEDIA_ALIGN.RIGHT;\n\n return alignedRight\n ? html`\n ${this._renderTextCol()}\n <div\n part=\"media-wrapper\"\n class=\"${prefix}--content-item-horizontal__col\">\n <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `\n : html`\n <div\n part=\"media-wrapper\"\n class=\"${prefix}--content-item-horizontal__col\">\n <slot name=\"media\" @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n ${this._renderTextCol()}\n `;\n }\n\n render() {\n return html`\n <div\n part=\"row row--content\"\n class=\"${prefix}--content-item-horizontal__row ${prefix}--content-item-horizontal-media__align-${this\n .align}\">\n ${this._renderContent()}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--content-item-horizontal-media`;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSContentItemHorizontalMedia;\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
3
|
*
|
|
4
|
-
* Copyright IBM Corp. 2020,
|
|
4
|
+
* Copyright IBM Corp. 2020, 2024
|
|
5
5
|
*
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -12,6 +12,11 @@ import DDSContentItem from '../content-item/content-item';
|
|
|
12
12
|
* A component to present a content in a horizontal orientation.
|
|
13
13
|
*
|
|
14
14
|
* @element dds-content-item-horizontal
|
|
15
|
+
* @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal::part(heading-wrapper)`
|
|
16
|
+
* @csspart content-wrapper - The wrapper element around the content. Usage: `dds-content-item-horizontal::part(content-wrapper)`
|
|
17
|
+
* @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal::part(body-wrapper)`
|
|
18
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`
|
|
19
|
+
* @csspart thumbnail-wrapper - The wrapper element around the thumbnail. Usage: `dds-content-item-horizontal::part(thumbnail-wrapper)`
|
|
15
20
|
*/
|
|
16
21
|
declare class DDSContentItemHorizontal extends DDSContentItem {
|
|
17
22
|
/**
|
|
@@ -24,7 +24,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
24
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
|
|
25
25
|
* @license
|
|
26
26
|
*
|
|
27
|
-
* Copyright IBM Corp. 2020,
|
|
27
|
+
* Copyright IBM Corp. 2020, 2024
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
30
30
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -36,6 +36,11 @@ var ddsPrefix = _settings2["default"].stablePrefix;
|
|
|
36
36
|
* A component to present a content in a horizontal orientation.
|
|
37
37
|
*
|
|
38
38
|
* @element dds-content-item-horizontal
|
|
39
|
+
* @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal::part(heading-wrapper)`
|
|
40
|
+
* @csspart content-wrapper - The wrapper element around the content. Usage: `dds-content-item-horizontal::part(content-wrapper)`
|
|
41
|
+
* @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal::part(body-wrapper)`
|
|
42
|
+
* @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`
|
|
43
|
+
* @csspart thumbnail-wrapper - The wrapper element around the thumbnail. Usage: `dds-content-item-horizontal::part(thumbnail-wrapper)`
|
|
39
44
|
*/
|
|
40
45
|
var DDSContentItemHorizontal = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-content-item-horizontal"))], function (_initialize, _DDSContentItem) {
|
|
41
46
|
var DDSContentItemHorizontal = /*#__PURE__*/function (_DDSContentItem2) {
|
|
@@ -82,7 +87,7 @@ var DDSContentItemHorizontal = (0, _decorate2["default"])([(0, _carbonElement.ca
|
|
|
82
87
|
kind: "method",
|
|
83
88
|
key: "render",
|
|
84
89
|
value: function render() {
|
|
85
|
-
return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n "])), !this.thumbnail ? (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n <div
|
|
90
|
+
return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n "])), !this.thumbnail ? (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"heading-wrapper\"\n class=\"", "--content-item-horizontal__heading-wrapper\">\n <slot\n name=\"eyebrow\"\n @slotchange=\"", "\"></slot>\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"content-wrapper\"\n class=\"", "--content-item-horizontal__content-wrapper\">\n ", "", "", "\n </div>\n "])), prefix, this._handleSlotChange, prefix, this._renderBody(), this._renderFooter(), this._renderMedia()) : (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n <div\n part=\"body-wrapper\"\n class=\"", "--content-item-horizontal__body-wrapper\">\n <div\n part=\"heading-wrapper\"\n class=\"", "--content-item-horizontal__heading-wrapper\">\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"content-wrapper\"\n class=\"", "--content-item-horizontal__content-wrapper\">\n ", "", "\n </div>\n </div>\n <div\n part=\"thumbnail-wrapper\"\n class=\"", "--content-item-horizontal__col--2\">\n <slot name=\"thumbnail\" @slotchange=\"", "\">\n </slot>\n </div>\n "])), prefix, prefix, prefix, this._renderBody(), this._renderFooter(), prefix, this._handleSlotChange));
|
|
86
91
|
}
|
|
87
92
|
}, {
|
|
88
93
|
kind: "get",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content-item-horizontal.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_contentItem","_contentItemHorizontalCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSContentItemHorizontal","_decorate2","customElement","concat","_initialize","_DDSContentItem","_DDSContentItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","key","value","_renderMedia","html","_taggedTemplateLiteral2","render","thumbnail","_handleSlotChange","_renderBody","_renderFooter","stableSelector","styles","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020,
|
|
1
|
+
{"version":3,"file":"content-item-horizontal.js","names":["_litElement","require","_settings","_interopRequireDefault","_settings2","_contentItem","_contentItemHorizontalCss","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSContentItemHorizontal","_decorate2","customElement","concat","_initialize","_DDSContentItem","_DDSContentItem2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","key","value","_renderMedia","html","_taggedTemplateLiteral2","render","thumbnail","_handleSlotChange","_renderBody","_renderFooter","stableSelector","styles","DDSContentItem","_default","exports"],"sources":["components/content-item-horizontal/content-item-horizontal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, TemplateResult } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSContentItem from '../content-item/content-item';\nimport styles from './content-item-horizontal.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * A component to present a content in a horizontal orientation.\n *\n * @element dds-content-item-horizontal\n * @csspart heading-wrapper - The wrapper element around the header. Usage: `dds-content-item-horizontal::part(heading-wrapper)`\n * @csspart content-wrapper - The wrapper element around the content. Usage: `dds-content-item-horizontal::part(content-wrapper)`\n * @csspart body-wrapper - The wrapper element around the body. Usage: `dds-content-item-horizontal::part(body-wrapper)`\n * @csspart footer-wrapper - The wrapper element around the footer. Usage: `dds-content-item-horizontal::part(footer-wrapper)`\n * @csspart thumbnail-wrapper - The wrapper element around the thumbnail. Usage: `dds-content-item-horizontal::part(thumbnail-wrapper)`\n */\n@customElement(`${ddsPrefix}-content-item-horizontal`)\nclass DDSContentItemHorizontal extends DDSContentItem {\n /**\n * Determines whether to render the thumbnail variant\n */\n @property({ type: Boolean })\n thumbnail = false;\n\n /**\n * @returns The body content.\n */\n // eslint-disable-next-line class-methods-use-this\n protected _renderMedia(): TemplateResult | string | void {\n return html` <slot name=\"media\"></slot> `;\n }\n\n render() {\n return html`\n ${!this.thumbnail\n ? html`\n <div\n part=\"heading-wrapper\"\n class=\"${prefix}--content-item-horizontal__heading-wrapper\">\n <slot\n name=\"eyebrow\"\n @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"content-wrapper\"\n class=\"${prefix}--content-item-horizontal__content-wrapper\">\n ${this._renderBody()}${this._renderFooter()}${this._renderMedia()}\n </div>\n `\n : html`\n <div\n part=\"body-wrapper\"\n class=\"${prefix}--content-item-horizontal__body-wrapper\">\n <div\n part=\"heading-wrapper\"\n class=\"${prefix}--content-item-horizontal__heading-wrapper\">\n <slot name=\"heading\"></slot>\n </div>\n <div\n part=\"content-wrapper\"\n class=\"${prefix}--content-item-horizontal__content-wrapper\">\n ${this._renderBody()}${this._renderFooter()}\n </div>\n </div>\n <div\n part=\"thumbnail-wrapper\"\n class=\"${prefix}--content-item-horizontal__col--2\">\n <slot name=\"thumbnail\" @slotchange=\"${this._handleSlotChange}\">\n </slot>\n </div>\n `}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--content-item-horizontal`;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSContentItemHorizontal;\n"],"mappings":"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"}
|