yourails_sep_academy_web 0.91.2 → 0.91.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.html +1 -1
  2. package/dist/js/{832.8956bf10980300f474a1.js → 832.239d8257e8e42084fc10.js} +1 -1
  3. package/dist/js/index.878aef7f8f98049213ae.js +1 -0
  4. package/dist/manifest.json +2 -2
  5. package/package.json +1 -1
  6. package/dist/js/index.567302e118adc26bf84b.js +0 -1
package/dist/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Title</title><script id="jsonModule" type="application/json">{"moduleID":"hdSN1ZyN8qGK","__v":0,"article":[[{"options":{"style":"p"},"articleItemID":"vdLQREIC8dNp","capture":"Introduction to Custom Properties in CSS","divs":["Custom properties, also known as CSS variables, have revolutionized the way developers approach styling in web design.","They allow for greater flexibility and maintainability in CSS, enabling dynamic styling that can be easily manipulated through JavaScript.","This article explores how custom properties work, their implementation, and how they can be accessed and modified using JavaScript."],"_id":"67932efd2cc099fe8df966e8"},{"options":{"style":"p"},"articleItemID":"vsZOW2hbAkTT","capture":"Understanding Custom Properties","divs":["Custom properties are defined using the syntax --property-name and can be assigned values just like regular CSS properties.","They can be utilized throughout a stylesheet, allowing for consistent styling and easy updates.","Fallback values can be set to ensure that if a custom property is not defined, a default style will be applied."],"_id":"67932efd2cc099fe8df966e9"},{"options":{"style":"p"},"articleItemID":"sd0MKqv4GkwE","capture":"Setting Up Custom Properties","divs":["To set up custom properties, developers typically define them at the top of their CSS file.","For example, one might define --color and --bg-color to control text and background colors respectively.","If these properties are not defined in the stylesheet, fallback values like black or transparent can be used."],"_id":"67932efd2cc099fe8df966ea"},{"options":{"style":"p"},"articleItemID":"bwxVFnvL2dDm","capture":"Using Custom Properties for Advanced Styling","divs":["Custom properties allow for advanced styling techniques, enabling developers to apply different styles to individual elements without cluttering the stylesheet.","For instance, an element can have inline styles that reference custom properties, making it easy to change styles dynamically.","This capability is particularly useful in responsive design and theming."],"_id":"67932efd2cc099fe8df966eb"},{"options":{"style":"p"},"articleItemID":"vzDYnhfKrtSa","capture":"Accessing Custom Properties with JavaScript","divs":["JavaScript provides a straightforward way to access and manipulate custom properties.","To access an inline custom property, developers can use the getPropertyValue method on the element's style object.","For example, console.log(element.style.getPropertyValue('--color')) retrieves the value of the custom property defined inline."],"_id":"67932efd2cc099fe8df966ec"},{"options":{"style":"p"},"articleItemID":"G2FGNbMJC8dN","capture":"Accessing Custom Properties from Stylesheets","divs":["In addition to inline styles, developers can also access custom properties defined in stylesheets.","Using document.styleSheets, one can access the first stylesheet and its rules to retrieve custom property values.","For instance, accessing the first rule and calling getPropertyValue on a defined custom property allows for dynamic styling based on stylesheet definitions."],"_id":"67932efd2cc099fe8df966ed"},{"options":{"style":"p"},"articleItemID":"ADsllWNWQ6Ck","capture":"Best Practices for Using Custom Properties","divs":["When using custom properties, it's essential to follow best practices to maintain code readability and efficiency.","Define custom properties at the root level to ensure they are accessible throughout the stylesheet.","Utilize meaningful names for custom properties to enhance clarity and maintainability."],"_id":"67932efd2cc099fe8df966ee"},{"options":{"style":"p"},"articleItemID":"iDu8ARUOwpZa","capture":"Common Use Cases for Custom Properties","divs":["Custom properties can be particularly useful in theming applications, allowing for easy color and style changes across an entire site.","They are also beneficial in responsive design, where different styles may be needed for various screen sizes.","Additionally, custom properties can simplify complex animations and transitions by allowing dynamic value changes."],"_id":"67932efd2cc099fe8df966ef"},{"options":{"style":"p"},"articleItemID":"Ft0b0qVWNzb1","capture":"Conclusion","divs":["Custom properties in CSS provide developers with powerful tools for styling and customization.","By leveraging JavaScript, these properties can be dynamically accessed and modified, enhancing the interactivity of web applications.","As web design continues to evolve, understanding and utilizing custom properties will be essential for creating modern, responsive, and maintainable websites."],"_id":"67932efd2cc099fe8df966f0"}]],"capture":"Javascript Tutorial - Explore custom properties in CSS","captureChannel":"LinkedIn Learning","capturePlaylist":"JavaScript","channelID":"UCikzJG7RbnNZhKLqqaXRM6A","contentID":"FjZdIvHVteU","contentType":"ytID","creatorID":"aBpOdEr8M6gN","dateCreated":1737699057698,"dateDeactivated":null,"dateUpdated":1737699069902,"description":" Introduction to Custom Properties in CSS. Setting Colors with Custom Properties. Usage of Fallbacks. Inline Custom Properties. Accessing Custom Properties with JavaScript. Example of Accessing Properties. Using getPropertyValue for Custom Properties. Accessing Custom Properties in Style Sheets. Retrieving Custom Property Values.","duration":"PT4M21S","index":0,"ipClient":"::ffff:127.0.0.1","isActive":true,"language":"en","objections":[],"organizationID":"1___oooOOOooo000","passRate":0.75,"playlistID":"PL26pr4T7OzVPAbOKjv3h5n8DRicIU4Kwx","questionNumber":6,"questions":[{"questionID":"zD9qTzyL3XEC","capture":"What do custom properties introduce to CSS?","isActive":true,"options":[{"optionID":"X1vLKCjFVTFw","label":"Custom properties introduce a new level of configuration and customization to CSS.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966bc"},{"optionID":"B7GVwwHV5Kdt","label":"They allow manipulation using JavaScript, opening up new possibilities.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966bd"},{"optionID":"Kh743wiE2vqX","label":"Custom properties remove the need for JavaScript in CSS.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966be"},{"optionID":"fXxkwhn1UrhY","label":"They limit the customization options available in CSS.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966bf"}],"multi":false,"_id":"67932efd2cc099fe8df966bb"},{"questionID":"pUQrJILUAkNw","capture":"How are colors set using custom properties?","isActive":true,"options":[{"optionID":"PESZxefFNZdY","label":"Colors are set using custom properties with a fallback value.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c1"},{"optionID":"QftzBIpoQuCU","label":"The color uses a custom property with a fallback of black.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c2"},{"optionID":"y9yuyxhQLqps","label":"Colors are set without any fallback values.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c3"},{"optionID":"S3Hfh5VDfgpe","label":"Custom properties do not allow setting background colors.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c4"}],"multi":false,"_id":"67932efd2cc099fe8df966c0"},{"questionID":"RUtUXhr92TZ7","capture":"Why are fallbacks used in the style sheet?","isActive":true,"options":[{"optionID":"XBJqir3uoT8d","label":"Fallbacks are used because there are no custom properties defined in the main style sheet.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c6"},{"optionID":"kxz6wW4Nrx17","label":"The colors are defined inline on one of the elements.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c7"},{"optionID":"jS68uF6PLQCt","label":"Fallbacks are used to define colors in the main style sheet.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c8"},{"optionID":"lSoPvq9VjD8A","label":"Fallbacks are unnecessary when custom properties are defined.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c9"}],"multi":false,"_id":"67932efd2cc099fe8df966c5"},{"questionID":"JKdmWnBmFr4G","capture":"How are custom properties used inline?","isActive":true,"options":[{"optionID":"vEdQXPk6a4ry","label":"Custom properties are defined in the style attribute of an element.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966cb"},{"optionID":"g4WjTFv4Zc2N","label":"They allow styling to be defined in the style sheet and used inline as needed.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966cc"},{"optionID":"Tyv6Ev4kCzJf","label":"Inline custom properties override all style sheet settings.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966cd"},{"optionID":"TxKa9oK9uBMA","label":"Custom properties cannot be used inline.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966ce"}],"multi":false,"_id":"67932efd2cc099fe8df966ca"},{"questionID":"qqNdKk7SrpfY","capture":"How can you access custom properties using JavaScript?","isActive":true,"options":[{"optionID":"L2hqW9ctoef3","label":"The answer is the same way we've been doing it so far.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d0"},{"optionID":"V2grPhelJJGN","label":"Here's an example of how to access the inline custom properties for that element.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d1"},{"optionID":"sJZw5tyE0iux","label":"You need a special library to access custom properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d2"},{"optionID":"jh7sFQ57DXm5","label":"Custom properties cannot be accessed using JavaScript.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d3"}],"multi":false,"_id":"67932efd2cc099fe8df966cf"},{"questionID":"t5MzfvPok4KS","capture":"What steps are involved in accessing custom properties?","isActive":true,"options":[{"optionID":"oNgyQlj8ANin","label":"We first grab the element itself.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d5"},{"optionID":"DnOkl36BdB7m","label":"Use console.log to log the element's style and call getPropertyValue for the property value.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d6"},{"optionID":"MoBLbzVGkH7Q","label":"We need to write a complex algorithm to access properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d7"},{"optionID":"PGTWcKUppJS8","label":"Custom properties are accessed by directly modifying the HTML.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d8"}],"multi":false,"_id":"67932efd2cc099fe8df966d4"},{"questionID":"vFftVDUbWXlT","capture":"Why is getPropertyValue used for custom properties?","isActive":true,"options":[{"optionID":"Gc9EOX6hw19K","label":"The custom property name starts with two dashes.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966da"},{"optionID":"Kp1zKF1aeFh5","label":"Two dashes as a JavaScript property name does not work.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966db"},{"optionID":"GnG8EEmTVvZY","label":"getPropertyValue is used because it is faster than other methods.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966dc"},{"optionID":"EwH4XFnJACS0","label":"getPropertyValue is the only method to access any CSS property.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966dd"}],"multi":false,"_id":"67932efd2cc099fe8df966d9"},{"questionID":"RIMKLtvpznJg","capture":"How can you access custom properties in style sheets?","isActive":true,"options":[{"optionID":"c9DKiMkj7BVZ","label":"Say document.styleSheets[0] to get the first style sheet.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966df"},{"optionID":"kGDOh61D9WJV","label":"Grab the CSS rules on the first element from that.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e0"},{"optionID":"FC08KM1Wsq6W","label":"Custom properties in style sheets are accessed by editing the HTML directly.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e1"},{"optionID":"psnIezIVlVQY","label":"You cannot access custom properties in style sheets using JavaScript.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e2"}],"multi":false,"_id":"67932efd2cc099fe8df966de"},{"questionID":"ZTVqYTmxt9Dl","capture":"What should be kept in mind when retrieving custom property values in CSS?","isActive":true,"options":[{"optionID":"pchi7Rw1VFm3","label":"Custom properties behave exactly the same way as any other CSS property.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e4"},{"optionID":"FQlbGc3I5UDN","label":"There are no JavaScript defined property names for these.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e5"},{"optionID":"aCoLfD5wfhJY","label":"Camel case property names are applicable for custom properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e6"},{"optionID":"gxWb18z8nJaE","label":"Custom properties do not start with dash dash.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e7"}],"multi":false,"_id":"67932efd2cc099fe8df966e3"}],"summary":[{"summaryItemID":"g84SxJEa0uvO","capture":"Introduction to Custom Properties in CSS","text":"Custom properties introduce a new level of configuration and customization to CSS. Being able to hook into and manipulate these custom properties using JavaScript opens up a whole new dimension of possibilities.","_id":"67932efd2cc099fe8df966b2"},{"summaryItemID":"I3gfb4B0NPMw","capture":"Setting Colors with Custom Properties","text":"In this example, I've used custom properties to set the color and background color of each of the link items. I'm setting up the color to use the custom property color, with a fallback value of black if color is not defined, and the same for background color with a custom property called BG color and a fallback of transparent.","_id":"67932efd2cc099fe8df966b3"},{"summaryItemID":"tDi0oRLqv6rb","capture":"Usage of Fallbacks","text":"I'm using these fallbacks because in the main style sheet, there are no custom properties defined for color and BG color. Although these colors are not defined in the style sheet, they are defined inline on one of the elements.","_id":"67932efd2cc099fe8df966b4"},{"summaryItemID":"WiwCJC9vmZXG","capture":"Inline Custom Properties","text":"We have the element with a style attribute where color and BG color are defined. This allows us to define how the styling happens in our style sheet and use custom properties only where necessary inline in the elements.","_id":"67932efd2cc099fe8df966b5"},{"summaryItemID":"PVQiHHLu4xZI","capture":"Accessing Custom Properties with JavaScript","text":"This raises the question of how to access custom properties using JavaScript. The answer is the same way we've been doing it so far. Here's an example of how to access the inline custom properties for that element.","_id":"67932efd2cc099fe8df966b6"},{"summaryItemID":"vwkodgDpO5gQ","capture":"Example of Accessing Properties","text":"We first grab the element itself, then use console.log to log the element's style and call getPropertyValue for the property value. Running this in the browser shows the value for that property, which is the value of the custom property defined inline.","_id":"67932efd2cc099fe8df966b7"},{"summaryItemID":"z47ied0e7Map","capture":"Using getPropertyValue for Custom Properties","text":"You'll notice I'm using getPropertyValue here because the custom property name starts with two dashes, and as we've learned, two dashes as a JavaScript property name does not work. If we try to say listItemstyle.--color, it simply wouldn't work. It would be a syntax error, so here we have to use getPropertyValue. This also means we can't do some of the traversing we've been doing previously because the custom properties are just different.","_id":"67932efd2cc099fe8df966b8"},{"summaryItemID":"vrwS5aFyTVpn","capture":"Accessing Custom Properties in Style Sheets","text":"In my style sheet, I've defined some custom properties at the very top. This is the first rule. If I say document.styleSheets[0], I get the first style sheet. Then I can grab the CSS rules on the first element from that. I'll say console.log(styleSheet). That gives me the current style sheet, and then I'll say cssRules. I want the first rule, which has index number zero, and I want to know about the custom properties like max width and white space.","_id":"67932efd2cc099fe8df966b9"},{"summaryItemID":"OhVUE0sNnLjR","capture":"Retrieving Custom Property Values","text":"I have max width and white space. So here I have style.getPropertyValue and --max=width. Back in the browser, it shows 70 VW. Custom properties behave exactly the same way as any other CSS property. The only thing to keep in mind is that there are no JavaScript defined property names for these. These camel case property names are not applicable because the custom properties always start with dash dash. Therefore, you have to use getPropertyValue to access the property value.","_id":"67932efd2cc099fe8df966ba"}],"tags":["Advanced","Controlling CSS with JavaScript","CSS","Front-End Web","Javascript","JavaScript","modify custom CSS","Morten Rand-Hendriksen","Open Source","Technology","Web Development","@linkedinlearning","JavaScript @linkedinlearning","Professional learning and testing"],"thumbnails":{"default":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/default.jpg","width":120,"height":90,"_id":"67932efd2cc099fe8df9664c"},"medium":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/mqdefault.jpg","width":320,"height":180,"_id":"67932efd2cc099fe8df9664d"},"high":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/hqdefault.jpg","width":480,"height":360,"_id":"67932efd2cc099fe8df9664e"},"standard":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/sddefault.jpg","width":640,"height":480,"_id":"67932efd2cc099fe8df9664f"},"maxres":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/maxresdefault.jpg","width":1280,"height":720,"_id":"67932efd2cc099fe8df96650"}}}</script><script defer="defer" src="js/vendors.c7f4e6861f0fdca72480.js"></script><script defer="defer" src="js/index.567302e118adc26bf84b.js"></script></head><body><div id="root"></div></body></html>
1
+ <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Title</title><script id="jsonModule" type="application/json">{"moduleID":"hdSN1ZyN8qGK","__v":0,"article":[[{"options":{"style":"p"},"articleItemID":"vdLQREIC8dNp","capture":"Introduction to Custom Properties in CSS","divs":["Custom properties, also known as CSS variables, have revolutionized the way developers approach styling in web design.","They allow for greater flexibility and maintainability in CSS, enabling dynamic styling that can be easily manipulated through JavaScript.","This article explores how custom properties work, their implementation, and how they can be accessed and modified using JavaScript."],"_id":"67932efd2cc099fe8df966e8"},{"options":{"style":"p"},"articleItemID":"vsZOW2hbAkTT","capture":"Understanding Custom Properties","divs":["Custom properties are defined using the syntax --property-name and can be assigned values just like regular CSS properties.","They can be utilized throughout a stylesheet, allowing for consistent styling and easy updates.","Fallback values can be set to ensure that if a custom property is not defined, a default style will be applied."],"_id":"67932efd2cc099fe8df966e9"},{"options":{"style":"p"},"articleItemID":"sd0MKqv4GkwE","capture":"Setting Up Custom Properties","divs":["To set up custom properties, developers typically define them at the top of their CSS file.","For example, one might define --color and --bg-color to control text and background colors respectively.","If these properties are not defined in the stylesheet, fallback values like black or transparent can be used."],"_id":"67932efd2cc099fe8df966ea"},{"options":{"style":"p"},"articleItemID":"bwxVFnvL2dDm","capture":"Using Custom Properties for Advanced Styling","divs":["Custom properties allow for advanced styling techniques, enabling developers to apply different styles to individual elements without cluttering the stylesheet.","For instance, an element can have inline styles that reference custom properties, making it easy to change styles dynamically.","This capability is particularly useful in responsive design and theming."],"_id":"67932efd2cc099fe8df966eb"},{"options":{"style":"p"},"articleItemID":"vzDYnhfKrtSa","capture":"Accessing Custom Properties with JavaScript","divs":["JavaScript provides a straightforward way to access and manipulate custom properties.","To access an inline custom property, developers can use the getPropertyValue method on the element's style object.","For example, console.log(element.style.getPropertyValue('--color')) retrieves the value of the custom property defined inline."],"_id":"67932efd2cc099fe8df966ec"},{"options":{"style":"p"},"articleItemID":"G2FGNbMJC8dN","capture":"Accessing Custom Properties from Stylesheets","divs":["In addition to inline styles, developers can also access custom properties defined in stylesheets.","Using document.styleSheets, one can access the first stylesheet and its rules to retrieve custom property values.","For instance, accessing the first rule and calling getPropertyValue on a defined custom property allows for dynamic styling based on stylesheet definitions."],"_id":"67932efd2cc099fe8df966ed"},{"options":{"style":"p"},"articleItemID":"ADsllWNWQ6Ck","capture":"Best Practices for Using Custom Properties","divs":["When using custom properties, it's essential to follow best practices to maintain code readability and efficiency.","Define custom properties at the root level to ensure they are accessible throughout the stylesheet.","Utilize meaningful names for custom properties to enhance clarity and maintainability."],"_id":"67932efd2cc099fe8df966ee"},{"options":{"style":"p"},"articleItemID":"iDu8ARUOwpZa","capture":"Common Use Cases for Custom Properties","divs":["Custom properties can be particularly useful in theming applications, allowing for easy color and style changes across an entire site.","They are also beneficial in responsive design, where different styles may be needed for various screen sizes.","Additionally, custom properties can simplify complex animations and transitions by allowing dynamic value changes."],"_id":"67932efd2cc099fe8df966ef"},{"options":{"style":"p"},"articleItemID":"Ft0b0qVWNzb1","capture":"Conclusion","divs":["Custom properties in CSS provide developers with powerful tools for styling and customization.","By leveraging JavaScript, these properties can be dynamically accessed and modified, enhancing the interactivity of web applications.","As web design continues to evolve, understanding and utilizing custom properties will be essential for creating modern, responsive, and maintainable websites."],"_id":"67932efd2cc099fe8df966f0"}]],"capture":"Javascript Tutorial - Explore custom properties in CSS","captureChannel":"LinkedIn Learning","capturePlaylist":"JavaScript","channelID":"UCikzJG7RbnNZhKLqqaXRM6A","contentID":"FjZdIvHVteU","contentType":"ytID","creatorID":"aBpOdEr8M6gN","dateCreated":1737699057698,"dateDeactivated":null,"dateUpdated":1737699069902,"description":" Introduction to Custom Properties in CSS. Setting Colors with Custom Properties. Usage of Fallbacks. Inline Custom Properties. Accessing Custom Properties with JavaScript. Example of Accessing Properties. Using getPropertyValue for Custom Properties. Accessing Custom Properties in Style Sheets. Retrieving Custom Property Values.","duration":"PT4M21S","index":0,"ipClient":"::ffff:127.0.0.1","isActive":true,"language":"en","objections":[],"organizationID":"1___oooOOOooo000","passRate":0.75,"playlistID":"PL26pr4T7OzVPAbOKjv3h5n8DRicIU4Kwx","questionNumber":6,"questions":[{"questionID":"zD9qTzyL3XEC","capture":"What do custom properties introduce to CSS?","isActive":true,"options":[{"optionID":"X1vLKCjFVTFw","label":"Custom properties introduce a new level of configuration and customization to CSS.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966bc"},{"optionID":"B7GVwwHV5Kdt","label":"They allow manipulation using JavaScript, opening up new possibilities.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966bd"},{"optionID":"Kh743wiE2vqX","label":"Custom properties remove the need for JavaScript in CSS.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966be"},{"optionID":"fXxkwhn1UrhY","label":"They limit the customization options available in CSS.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966bf"}],"multi":false,"_id":"67932efd2cc099fe8df966bb"},{"questionID":"pUQrJILUAkNw","capture":"How are colors set using custom properties?","isActive":true,"options":[{"optionID":"PESZxefFNZdY","label":"Colors are set using custom properties with a fallback value.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c1"},{"optionID":"QftzBIpoQuCU","label":"The color uses a custom property with a fallback of black.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c2"},{"optionID":"y9yuyxhQLqps","label":"Colors are set without any fallback values.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c3"},{"optionID":"S3Hfh5VDfgpe","label":"Custom properties do not allow setting background colors.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c4"}],"multi":false,"_id":"67932efd2cc099fe8df966c0"},{"questionID":"RUtUXhr92TZ7","capture":"Why are fallbacks used in the style sheet?","isActive":true,"options":[{"optionID":"XBJqir3uoT8d","label":"Fallbacks are used because there are no custom properties defined in the main style sheet.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c6"},{"optionID":"kxz6wW4Nrx17","label":"The colors are defined inline on one of the elements.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966c7"},{"optionID":"jS68uF6PLQCt","label":"Fallbacks are used to define colors in the main style sheet.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c8"},{"optionID":"lSoPvq9VjD8A","label":"Fallbacks are unnecessary when custom properties are defined.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966c9"}],"multi":false,"_id":"67932efd2cc099fe8df966c5"},{"questionID":"JKdmWnBmFr4G","capture":"How are custom properties used inline?","isActive":true,"options":[{"optionID":"vEdQXPk6a4ry","label":"Custom properties are defined in the style attribute of an element.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966cb"},{"optionID":"g4WjTFv4Zc2N","label":"They allow styling to be defined in the style sheet and used inline as needed.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966cc"},{"optionID":"Tyv6Ev4kCzJf","label":"Inline custom properties override all style sheet settings.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966cd"},{"optionID":"TxKa9oK9uBMA","label":"Custom properties cannot be used inline.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966ce"}],"multi":false,"_id":"67932efd2cc099fe8df966ca"},{"questionID":"qqNdKk7SrpfY","capture":"How can you access custom properties using JavaScript?","isActive":true,"options":[{"optionID":"L2hqW9ctoef3","label":"The answer is the same way we've been doing it so far.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d0"},{"optionID":"V2grPhelJJGN","label":"Here's an example of how to access the inline custom properties for that element.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d1"},{"optionID":"sJZw5tyE0iux","label":"You need a special library to access custom properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d2"},{"optionID":"jh7sFQ57DXm5","label":"Custom properties cannot be accessed using JavaScript.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d3"}],"multi":false,"_id":"67932efd2cc099fe8df966cf"},{"questionID":"t5MzfvPok4KS","capture":"What steps are involved in accessing custom properties?","isActive":true,"options":[{"optionID":"oNgyQlj8ANin","label":"We first grab the element itself.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d5"},{"optionID":"DnOkl36BdB7m","label":"Use console.log to log the element's style and call getPropertyValue for the property value.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966d6"},{"optionID":"MoBLbzVGkH7Q","label":"We need to write a complex algorithm to access properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d7"},{"optionID":"PGTWcKUppJS8","label":"Custom properties are accessed by directly modifying the HTML.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966d8"}],"multi":false,"_id":"67932efd2cc099fe8df966d4"},{"questionID":"vFftVDUbWXlT","capture":"Why is getPropertyValue used for custom properties?","isActive":true,"options":[{"optionID":"Gc9EOX6hw19K","label":"The custom property name starts with two dashes.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966da"},{"optionID":"Kp1zKF1aeFh5","label":"Two dashes as a JavaScript property name does not work.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966db"},{"optionID":"GnG8EEmTVvZY","label":"getPropertyValue is used because it is faster than other methods.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966dc"},{"optionID":"EwH4XFnJACS0","label":"getPropertyValue is the only method to access any CSS property.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966dd"}],"multi":false,"_id":"67932efd2cc099fe8df966d9"},{"questionID":"RIMKLtvpznJg","capture":"How can you access custom properties in style sheets?","isActive":true,"options":[{"optionID":"c9DKiMkj7BVZ","label":"Say document.styleSheets[0] to get the first style sheet.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966df"},{"optionID":"kGDOh61D9WJV","label":"Grab the CSS rules on the first element from that.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e0"},{"optionID":"FC08KM1Wsq6W","label":"Custom properties in style sheets are accessed by editing the HTML directly.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e1"},{"optionID":"psnIezIVlVQY","label":"You cannot access custom properties in style sheets using JavaScript.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e2"}],"multi":false,"_id":"67932efd2cc099fe8df966de"},{"questionID":"ZTVqYTmxt9Dl","capture":"What should be kept in mind when retrieving custom property values in CSS?","isActive":true,"options":[{"optionID":"pchi7Rw1VFm3","label":"Custom properties behave exactly the same way as any other CSS property.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e4"},{"optionID":"FQlbGc3I5UDN","label":"There are no JavaScript defined property names for these.","status":true,"answer":null,"_id":"67932efd2cc099fe8df966e5"},{"optionID":"aCoLfD5wfhJY","label":"Camel case property names are applicable for custom properties.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e6"},{"optionID":"gxWb18z8nJaE","label":"Custom properties do not start with dash dash.","status":false,"answer":null,"_id":"67932efd2cc099fe8df966e7"}],"multi":false,"_id":"67932efd2cc099fe8df966e3"}],"summary":[{"summaryItemID":"g84SxJEa0uvO","capture":"Introduction to Custom Properties in CSS","text":"Custom properties introduce a new level of configuration and customization to CSS. Being able to hook into and manipulate these custom properties using JavaScript opens up a whole new dimension of possibilities.","_id":"67932efd2cc099fe8df966b2"},{"summaryItemID":"I3gfb4B0NPMw","capture":"Setting Colors with Custom Properties","text":"In this example, I've used custom properties to set the color and background color of each of the link items. I'm setting up the color to use the custom property color, with a fallback value of black if color is not defined, and the same for background color with a custom property called BG color and a fallback of transparent.","_id":"67932efd2cc099fe8df966b3"},{"summaryItemID":"tDi0oRLqv6rb","capture":"Usage of Fallbacks","text":"I'm using these fallbacks because in the main style sheet, there are no custom properties defined for color and BG color. Although these colors are not defined in the style sheet, they are defined inline on one of the elements.","_id":"67932efd2cc099fe8df966b4"},{"summaryItemID":"WiwCJC9vmZXG","capture":"Inline Custom Properties","text":"We have the element with a style attribute where color and BG color are defined. This allows us to define how the styling happens in our style sheet and use custom properties only where necessary inline in the elements.","_id":"67932efd2cc099fe8df966b5"},{"summaryItemID":"PVQiHHLu4xZI","capture":"Accessing Custom Properties with JavaScript","text":"This raises the question of how to access custom properties using JavaScript. The answer is the same way we've been doing it so far. Here's an example of how to access the inline custom properties for that element.","_id":"67932efd2cc099fe8df966b6"},{"summaryItemID":"vwkodgDpO5gQ","capture":"Example of Accessing Properties","text":"We first grab the element itself, then use console.log to log the element's style and call getPropertyValue for the property value. Running this in the browser shows the value for that property, which is the value of the custom property defined inline.","_id":"67932efd2cc099fe8df966b7"},{"summaryItemID":"z47ied0e7Map","capture":"Using getPropertyValue for Custom Properties","text":"You'll notice I'm using getPropertyValue here because the custom property name starts with two dashes, and as we've learned, two dashes as a JavaScript property name does not work. If we try to say listItemstyle.--color, it simply wouldn't work. It would be a syntax error, so here we have to use getPropertyValue. This also means we can't do some of the traversing we've been doing previously because the custom properties are just different.","_id":"67932efd2cc099fe8df966b8"},{"summaryItemID":"vrwS5aFyTVpn","capture":"Accessing Custom Properties in Style Sheets","text":"In my style sheet, I've defined some custom properties at the very top. This is the first rule. If I say document.styleSheets[0], I get the first style sheet. Then I can grab the CSS rules on the first element from that. I'll say console.log(styleSheet). That gives me the current style sheet, and then I'll say cssRules. I want the first rule, which has index number zero, and I want to know about the custom properties like max width and white space.","_id":"67932efd2cc099fe8df966b9"},{"summaryItemID":"OhVUE0sNnLjR","capture":"Retrieving Custom Property Values","text":"I have max width and white space. So here I have style.getPropertyValue and --max=width. Back in the browser, it shows 70 VW. Custom properties behave exactly the same way as any other CSS property. The only thing to keep in mind is that there are no JavaScript defined property names for these. These camel case property names are not applicable because the custom properties always start with dash dash. Therefore, you have to use getPropertyValue to access the property value.","_id":"67932efd2cc099fe8df966ba"}],"tags":["Advanced","Controlling CSS with JavaScript","CSS","Front-End Web","Javascript","JavaScript","modify custom CSS","Morten Rand-Hendriksen","Open Source","Technology","Web Development","@linkedinlearning","JavaScript @linkedinlearning","Professional learning and testing"],"thumbnails":{"default":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/default.jpg","width":120,"height":90,"_id":"67932efd2cc099fe8df9664c"},"medium":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/mqdefault.jpg","width":320,"height":180,"_id":"67932efd2cc099fe8df9664d"},"high":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/hqdefault.jpg","width":480,"height":360,"_id":"67932efd2cc099fe8df9664e"},"standard":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/sddefault.jpg","width":640,"height":480,"_id":"67932efd2cc099fe8df9664f"},"maxres":{"url":"https://i.ytimg.com/vi/FjZdIvHVteU/maxresdefault.jpg","width":1280,"height":720,"_id":"67932efd2cc099fe8df96650"}}}</script><script defer="defer" src="js/vendors.c7f4e6861f0fdca72480.js"></script><script defer="defer" src="js/index.878aef7f8f98049213ae.js"></script></head><body><div id="root"></div></body></html>
package/dist/js/{832.8956bf10980300f474a1.js → 832.239d8257e8e42084fc10.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkyourails_sep_academy_web=self.webpackChunkyourails_sep_academy_web||[]).push([[832],{73242:(e,t,n)=>{n.d(t,{t:()=>l});var a=n(96540),o=n(58976),r=function(e){var t=e.classAdded,n=e.text,r=e.colors2;if(!n||!n.length)return null;var l=n[0].toUpperCase(),s=n[1].toUpperCase();Array.isArray(n)&&(l=n[0][0].toUpperCase(),s=n[1][0].toUpperCase());var c=r&&r[l]||"",i=r&&r[s]||"",d="#".concat(c).concat(i),m="".concat(l).concat(s);return a.createElement("div",{className:(0,o.lwH)("AbInCircle",t),style:{borderColor:d,background:d}},a.createElement("div",{className:"_text"},m))},l=(0,o.UO_)({colors2:{A:"219",B:"F80",C:"FF0",D:"AB4",E:"0D9",F:"26C",G:"9C6",H:"86E",I:"793",J:"09C",K:"3B8",L:"F08",M:"C72",N:"A4C",O:"4E5",P:"673",Q:"09C",R:"26C",S:"9C6",T:"793",U:"86E",V:"F08",W:"C72",X:"A4C",Y:"4E5",Z:"673"}})(a.memo(r))},8802:(e,t,n)=>{n.d(t,{I:()=>l});var a=n(96540),o=n(58976),r=function(e){var t=e.classAdded,n=e.buildData,r=(e.storeStateSlice,n.commit),l=n.author,s=l.name,c=l.email,i=n.dateBuild,d=n.dateCommit,m=n.message,u=n.branchCurrent,p=n.copyright,E=o.fzk.brand,v=o.fzk.description;return a.createElement("div",{className:(0,o.lwH)("AcademyAboutBody",t)},a.createElement("h1",{className:"_titleBodyAbout"},"About ",E),a.createElement("div",{className:"_aboutAcademyContent"},a.createElement("div",{className:"_paragraph"},(0,o.t3p)()),a.createElement("div",{className:"_paragraph"},v)),a.createElement("div",{className:"_sectionBuildData"},a.createElement("h3",{className:"_titleTableBuild"},"Current build"),a.createElement("section",{className:"_tableBuild"},a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Date build"),a.createElement("div",{className:"_cell _cell_text"},i)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Date commit"),a.createElement("div",{className:"_cell _cell_text"},d)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Current branch"),a.createElement("div",{className:"_cell _cell_text"},u)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Authors"),a.createElement("div",{className:"_cell _cell_text"},"".concat(s,", ").concat(c))),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Message"),a.createElement("div",{className:"_cell _cell_text"},m)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Commit"),a.createElement("div",{className:"_cell _cell_text"},r)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Copyright"),a.createElement("div",{className:"_cell _cell_text"},p)))))},l=(0,o.UO_)({buildData:{commit:"9ce288b90ebb349b2c44a4eccafd14250b27a9a0",author:{name:"Roman Ches",email:"contact@yourails.com"},dateCommit:"2025-02-09 07:46",message:"perf-feat-add-engaging-features-XIII",branchCurrent:"B-0.91.0",dateBuild:"2025-02-09 07:46",copyright:"© 2021-2025 Userto Inc."}})((0,o.Rf5)([],a.memo(r)))},91204:(e,t,n)=>{n.d(t,{w:()=>c});var a=n(96540),o=n(37024),r=n(47767),l=n(58976),s=n(2268),c=a.memo((0,l.UO_)({handleEvents:s.o})((function(e){var t=e.classProps,n=e.pathname,s=e.handleEvents,c=(e.typeEvent,e.imgSrc),i=e.capture,d=e.text,m=e.isTitle,u=void 0!==m&&m,p=((0,r.Zp)(),{imageProps:{classAdded:"_avatarPlusInfo",handleEvents:s,action:{typeEvent:null,data:{}},src:c,alt:i},navLinkProps:{className:(0,l.lwH)("_link",t),to:{pathname:n||"/"},onClick:function(){return s({},{typeEvent:"CLICK_ON_CANCEL_APPLIED_FILTERS"})}}});return a.createElement("div",{className:(0,l.lwH)("AvatarPlusInfo",t)},a.createElement(o.m,p.navLinkProps,a.createElement(l.fyU,p.imageProps),a.createElement("div",{className:"_captureText"},u?a.createElement(a.Fragment,null,a.createElement("h1",{className:"_capture"},i),a.createElement("h2",{className:"_text"},d)):a.createElement(a.Fragment,null,a.createElement("div",{className:"_capture"},i),a.createElement("div",{className:"_text"},d)))))})))},97922:(e,t,n)=>{n.d(t,{b:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){e.classAdded;var t=e.documentID,n=e.storeStateSlice,r=(n.documents,n.sendTo),l=n.sendCc,s=e.handleEvents,c={inputEmailToProps:{classAdded:"Input_email",key:"InputEmailToKey",type:"text",placeholder:"email...",handleEvents:s,typeEvent:"ONCHANGE_EMAIL_TO",storeFormProp:"sendTo"},inputEmailCcProps:{classAdded:"Input_email",key:"InputEmailCcKey",type:"text",placeholder:"email cc...",handleEvents:s,typeEvent:"ONCHANGE_EMAIL_CC",storeFormProp:"sendCc"},buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward",handleEvents:s,action:{typeEvent:"SEND_EMAIL_DOCUMENT",data:{documentID:t,sendTo:r,sendCc:l,sendBcc:"",isSendingBcc:!1}}}};return a.createElement("div",{className:"EmalInputs"},a.createElement("form",{className:"_form"},a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},"Email to send document*"),a.createElement(o._sz,c.inputEmailToProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},"Email CC"),a.createElement(o._sz,c.inputEmailCcProps)),a.createElement("div",{className:"_buttons"},a.createElement(o.k8C,c.buttonForwardProps))))},s=(0,o.UO_)({handleEvents:r.o})((0,o.Rf5)(["documents","sendTo","sendCc"],a.memo(l)))},56154:(e,t,n)=>{n.d(t,{r:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){var t=e.classAdded,n=e.language,r=e.buttonForwardProps,l=e.handleEvents,s=o.xmH.nameLast[n],c=o.xmH.nameFirst[n],i=o.xmH.nameMiddle[n],d={inputFirstNameProps:{classAdded:"Input_name",type:"text",placeholder:"first name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameFirst"},inputMiddleNameProps:{classAdded:"Input_name",type:"text",placeholder:"second name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameMiddle"},inputLastNameProps:{classAdded:"Input_name",type:"text",placeholder:"last name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameLast"},buttonForwardProps:r};return a.createElement("div",{className:(0,o.lwH)("FormInputNames",t)},a.createElement("form",{className:"_form"},a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},c,"*"),a.createElement(o._sz,d.inputFirstNameProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},s,"*"),a.createElement(o._sz,d.inputLastNameProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},i),a.createElement(o._sz,d.inputMiddleNameProps))))},s=(0,o.UO_)({handleEvents:r.o})(a.memo(l))},37024:(e,t,n)=>{n.d(t,{m:()=>m});var a=n(96540),o=n(84976),r=n(58976);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){l(e,t,n[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function i(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d=function(e){var t=e.storeStateSlice.urlParamsQuery,n=t.sendCc,l=t.sendBcc,d=e.to,m=d.pathname,u=d.search,p=i(e,["storeStateSlice","to"]),E=(0,r.tOJ)(),v=E.sendCc,_=E.sendBcc,g=n||v,h=l||_,C=(0,r.Yij)(c(s({},u||{}),{sendCc:g,sendBcc:h})),b={navLinkProps:c(s({},p),{to:{pathname:m,search:C},end:!0})};return a.createElement(o.k2,b.navLinkProps)},m=(0,r.Rf5)(["urlParamsQuery"],a.memo(d))},5636:(e,t,n)=>{n.d(t,{_:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){var t=e.moduleCapture,n=e.documentID,r=e.moduleID,l=e.contentID,s=e.tagID,c=e.storeStateSlice.language,i=e.handleEvents,d={buttonPrintProps:{icon:"MdPrint",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"PRINT_DOCUMENT",data:{moduleCapture:t,documentID:n,moduleID:r,contentID:l,tagID:s}},tooltipText:o.xmH.sendToPrint[c],tooltipPosition:"bottom"},buttonEmailProps:{icon:"MdMailOutline",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"SET_MODAL_FRAMES",data:[{childName:"EmalInputs",isActive:!0,childProps:{documentID:n}}]},tooltipText:o.xmH.sendToEmail[c],tooltipPosition:"bottom"},buttonCopyLinkProps:{icon:"BsLink45Deg",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"COPY_URL_TO_CLIPBOARD",data:{moduleCapture:t,documentID:n,moduleID:r,contentID:l}},tooltipText:o.xmH.copyLinkToClipboard[c],tooltipPosition:"bottom"}};return a.createElement("div",{className:"PageActions"},a.createElement("div",{className:"_buttons"},a.createElement(o.k8C,d.buttonPrintProps),a.createElement(o.k8C,d.buttonEmailProps),a.createElement(o.k8C,d.buttonCopyLinkProps)))},s=(0,o.UO_)({handleEvents:r.o})((0,o.Rf5)(["language"],a.memo(l)))},34344:(e,t,n)=>{n.d(t,{c:()=>c});var a=n(96540),o=n(47767),r=n(58976),l=n(2268),s=n(56154),c=a.memo((0,r.UO_)({handleEvents:l.o,comp:"QuestionScores"})((0,r.Rf5)(["language","moduleIDActive","modules","nameFirst","nameMiddle","nameLast","sub"],(function(e){var t=(0,o.Zp)(),n=e.stopVideoHandler,c=e.storeStateSlice,i=c.language,d=c.moduleIDActive,m=c.modules,u=c.nameFirst,p=c.nameMiddle,E=c.nameLast,v=c.sub,_=e.handleEvents,g=(0,r.bUJ)({moduleID:d||"",modules:m},{parentFunction:"QuestionScoresComponent"}),h=g.capture,C=g.description,b=g.meta,N=g.moduleID,A=g.contentID,P=g.creatorID,f=g.passRate,y=g.questions,S=(0,r.tOJ)(),I=S.rp,O=S.pr,T=I||O;T=(T=(T=T&&(0,r.BqC)(T)&&parseFloat(T))||f)<.5?.5:T;var M=(0,r.pnt)(y,T),L=(0,r.cmo)(y),w=M.total,F=M.right,B=(M.wrong,M.result),D=r.xmH.QuestionsWithIncorrectAnswers[i],k=function(e){var t=e.language,n=e.right,o=e.total,l=e.nameFirst,s=e.nameMiddle,c=e.nameLast,i=e.meta,d=e.capture,m=e.description,u=e.moduleID,p=e.contentID,E=e.creatorID,v=e.sub,_=e.navigate,g=e.handleEvents,h=e.result||"";v||"success"!==e.result||(h="successNoAuth");var C=(0,r.u8q)(t,n),b=r.xmH.ToReceiveCertificateFillTheForm[t],N=r.xmH.ToReceiveCertificateLogIn[t],A=r.xmH.correctAnsweresFrom[t],P=r.xmH.andPassedTheTestWith[t],f=r.xmH.YouCompletedTheCourse[t],y=r.xmH.Congratulations[t],S=r.xmH.YouCanTryOnceAgain[t],I=r.xmH.andReceiveTheCertificate[t],O=r.xmH.ThisIsNotEnough[t],T=r.xmH.from[t],M=r.xmH.andThisTimeAnswered[t],L=r.xmH.YouWereCommittedToSuccess[t];return{success:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,b)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CREATE_DOCUMENT",data:{screenType:"Certificate",creatorID:E,navigate:_}},handleEvents:g}},successNoAuth:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,N)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CLICK_ON_SIGN_IN",data:{}},handleEvents:g}},failure:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},L),a.createElement("p",null,M," ",n," ",C," ",T," ",o,"."),a.createElement("p",null,O," ",I),a.createElement("p",null,S)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CLOSE_MODAL_GET_SCORES"},handleEvents:g}},debug:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,b)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CREATE_DOCUMENT",data:{screenType:"Certificate",nameFirst:l,nameMiddle:s,nameLast:c,meta:i,capture:d,description:m,courseID:void 0,moduleID:u,contentID:p}},handleEvents:g}}}[h]}({result:B,language:i,right:F,total:w,nameFirst:u,nameMiddle:p,nameLast:E,meta:b||{},capture:h||"",description:C||"",moduleID:N||"",contentID:A||"",creatorID:P||"",sub:v,navigate:t,handleEvents:_});(0,a.useEffect)((function(){n&&n({},{}),"success"!==k.scenarioCase&&"successNoAuth"!==k.scenarioCase||((0,l.o)({},{typeEvent:"TOGGLE_IS_CONFETTI",data:!0}),setTimeout((function(){return(0,l.o)({},{typeEvent:"TOGGLE_IS_CONFETTI",data:!1})}),5e3))}),[]);var x,R={buttonNextTaskProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},captureLeft:r.xmH.Next_Task[i]},buttonViewRewardProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.View_Reward[i],tooltipPosition:"top",captureLeft:r.xmH.View_Reward[i]},buttonSeeAchievementsProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.See_Achievements[i],tooltipPosition:"top",captureLeft:r.xmH.See_Achievements[i]},buttonAllMissionsProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.All_Missions[i],tooltipPosition:"top",captureLeft:r.xmH.All_Missions[i]},formInputNamesProps:{language:i,buttonForwardProps:k.buttonForwardProps,handleEvents:_},buttonForwardProps:k.buttonForwardProps};r.xmH.Next_Task[i];return console.info("QuestionScores [128]",{"scenario.message":k.message}),a.createElement("div",{className:"QuestionScores"},a.createElement("div",{className:"_text"},k.message),"success"===k.scenarioCase?a.createElement(s.r,R.formInputNamesProps):null,"failure"===B?a.createElement("div",{className:"_qwa"},a.createElement("div",{className:"_capture"},D),(x=L,a.createElement("ul",{className:"_ul"},x.map((function(e){var t=e.questionID,n=e.capture;return a.createElement("li",{key:t,className:"_li"},n)}))))):null,"success"===k.scenarioCase||"successNoAuth"===k.scenarioCase?a.createElement("div",{className:"_buttons"},a.createElement(r.k8C,R.buttonForwardProps)):null)}))))},12783:(e,t,n)=>{n.d(t,{j:()=>u});var a=n(96540),o=n(24921),r=n(44329),l=n(58976);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,o,r=[],l=!0,s=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){s=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(s)throw o}}return r}}(e,t)||i(e,t)||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.")}()}function i(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}var d=o.A.Option,m=n(2268),u=function(e){var t=e.languagesSelected,n=e.classAdded,s=e.LANGUAGES,i=e.language,u=e.mode,p=e.typeEvent,E=i||"en",v=function(){},_=function(e,t,n,o){return Object.keys(e).map((function(s){var i=e[s]["639-1"],m=c(e[s][t],1)[0],u=e[s]["639-1"],p=(0,r.Ak)(),E=m;e[s][u];var v=e[s].svgFile,_={classAdded:"Image_languagesOptions ".concat(o),src:"".concat(n).concat(v),alt:E,handleEvents:function(){}};return a.createElement(d,{key:p,className:"_optionsAntd ".concat(o),value:i,isSelectOption:!0},a.createElement(l.fyU,_),E)}))}(s,E,l.czh,n),g={selectAntdProps:{defaultOpen:!1,labelInValue:!0,value:t,defaultValue:[],filterOption:function(e,t){var n,a;return(null==t||null===(n=t.label)||void 0===n?void 0:n.toLowerCase().indexOf(e.toLowerCase()))>=0||(null==t||null===(a=t.value)||void 0===a?void 0:a.toLowerCase().indexOf(e.toLowerCase()))>=0},placeholder:l.xmH.select[E],showSearch:!0,className:"__selectAntd",mode:u,onBlur:v,onChange:function(e){return(0,m.o)({},{typeEvent:p,data:e})},onFocus:v,onSearch:v}};return a.createElement("div",{className:"SelectLanguage ".concat(n)},a.createElement(o.A,g.selectAntdProps,_))}},67697:(e,t,n)=>{n.d(t,{R:()=>b});var a=n(96540),o=n(61),r=n(31189),l=n(54650),s=n(46200),c=n(27748),i=n(84758),d=n(78301),m=n(19733),u=n(89358),p=n(68964),E=n(66369),v=n(84801),_=n(2268);function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}var C=[{ButtonComponent:o.A,url:"https://telegram.me/share/url",netTitleField:"title",netTitle:"Telegram",IconComponent:r.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/31356360/share-a-link-via-url-scheme-to-telegram"},{ButtonComponent:l.A,url:"https://api.whatsapp.com/send",netTitleField:"title",netTitle:"Whatsapp",IconComponent:s.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/33426752/linkedin-share-post-url"},{ButtonComponent:c.A,url:"https://www.facebook.com/sharer/sharer.php?u=#url",netTitleField:"quote",netTitle:"Facebook",IconComponent:i.A,iconSize:41},{ButtonComponent:d.A,url:"https://vk.com/share.php",netTitleField:"title",netTitle:"VKontakte",IconComponent:m.A,iconSize:41},{ButtonComponent:u.A,url:"https://www.linkedin.com/sharing/share-offsite/?url=https://www.linkedin.com%2Fsharing%2Fshare-offsite%2F%3Furl%3D%22%22",netTitleField:"title",netTitle:"Linkedin",IconComponent:p.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/33426752/linkedin-share-post-url"},{ButtonComponent:E.A,url:"http://twitter.com/share",netTitleField:"title",netTitle:"Twitter",IconComponent:v.A,iconSize:41,linkRef:"https://habr.com/ru/post/156185/"}],b=function(e){return a.createElement("div",{className:"ShareButtons"},function(e){return e.map((function(e){var t=e.ButtonComponent,n=e.url,o=e.netTitleField,r=e.netTitle,l=e.IconComponent,s=e.iconSize,c=g({key:n,url:n},o,r),i={size:s};return a.createElement(t,h(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){g(e,t,n[t])}))}return e}({},c),{onClick:function(t){return(0,_.o)(t,{typeEvent:"CLICK_SOCIAL_NET_BUTTON",data:{buttonProps:e}})}}),a.createElement(l,i))}))}(C))}},88351:(e,t,n)=>{n.d(t,{E:()=>m});var a=n(96540),o=n(47767),r=n(2268),l=n(58976),s=n(12783),c=n(24476),i=n(37024),d=function(e){e.classAdded;var t=e.storeStateSlice,n=t.sub,r=t.language,d=t.isSideNavLeftVisible,m=e.handleEvents,u=function(e){e.navigate;var t=e.language,n=e.sub,a=e.handleEvents;return[{navLinkProps:void 0,buttonYrlProps:{icon:"MdLogin",captureRight:l.xmH.Login[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"CLICK_ON_SIGN_IN"},isDisplaying:(0,c.Bb)()&&!n}},{navLinkProps:{to:{pathname:"/"}},buttonYrlProps:{icon:"MdHome",captureRight:l.xmH.Home[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/m"}},buttonYrlProps:{icon:"MdOutlineVideocam",captureRight:l.xmH.See_all[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/t"}},buttonYrlProps:{icon:"MdOutlineTag",captureRight:l.xmH.All_tags[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/my-documents"}},buttonYrlProps:{icon:"MdAssignmentTurnedIn",captureRight:l.xmH.My_documents[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!!n}},{navLinkProps:{to:{pathname:"/my-modules"}},buttonYrlProps:{icon:"MdCastForEducation",captureRight:l.xmH.My_courses[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!!n&&(0,c.L$)()}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdLightbulbOutline",captureRight:l.xmH.About[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"SET_MODAL_FRAMES",data:[{childName:"AcademyAboutBody",isActive:!0,childProps:{}}]},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/profiles"}},buttonYrlProps:{icon:"MdPerson",captureRight:l.xmH.My_profile[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!1}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdAddShoppingCart",captureRight:l.xmH.Services[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"DEV_STAGE"},isDisplaying:!1}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdLogout",captureRight:l.xmH.Logout[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"CLICK_ON_SIGN_OUT"},isDisplaying:(0,c.Bb)()&&!!n}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdContactMail",captureRight:l.xmH.Contacts[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"DEV_STAGE"},isDisplaying:!1}}]}({navigate:(0,o.Zp)(),sub:n,language:r,handleEvents:m}),p=d?"SideNavigation_show":"",E={LANGUAGES:l.cRx,language:r,mode:null,typeEvent:"SELECT_LANGUAGE_APP",classAdded:"SelectLanguage__AppLanguage",languagesSelected:[{value:r}]};return a.createElement("div",{className:"SideNavigation ".concat(p),onClick:function(e){return m(e,{typeEvent:"SET_SIDE_NAVIGATION_LEFT"})}},a.createElement("div",{className:"__content"},a.createElement("div",{className:"__menuGroup"},a.createElement("div",{className:"_groupItem _languageSelect"},a.createElement(s.j,E)),u.map((function(e,t){var n=e.navLinkProps,o=e.buttonYrlProps;return n?a.createElement("div",{key:"sideNavLinkItem-".concat(t),className:"_item"},a.createElement(i.m,n,a.createElement(l.k8C,o))):a.createElement("div",{key:"sideNavigationItem-".concat(t),className:"_item"},a.createElement(l.k8C,o))})))))},m=(0,l.UO_)({handleEvents:r.o})((0,l.Rf5)(["sub","language","isSideNavLeftVisible"],a.memo(d)))},42832:(e,t,n)=>{n.d(t,{H:()=>y});var a=n(96540),o=n(47767),r=n(88351),l=n(58976),s=n(5636),c=n(67697),i=n(12783),d=n(34364),m=n(28788),u=n(2268),p=n(97922),E=n(34344),v=n(8802),_=n(36459),g=function(e){var t,o,r=e.classAdded,s=e.storeStateSlice,c=s.language,i=s.screenActive,d=void 0===i?"QrCodeModal":i,m=s.isSendBccInputVisible,u=e.handleEvents,p=l.xmH.Link_to_URL[c],E=location.pathname,v=location.search,g="".concat(l.HZF.remote).concat(E).concat(v),h=(0,l.y4g)(n.g),C=h.width,b=h.height,N={qRCodeSvgProps:{value:g,size:Math.min(C,b)/2},inputSendBccProps:{inputProps:{classAdded:"Input_search",type:"email",placeholder:null===(t=l.V7C[d])||void 0===t?void 0:t.placeholder,handleEvents:u,typeEvent:"ONCHANGE_INPUT_SEARCH",typeEventOnEnter:"CLICK_ON_SEND_BCC_CONFIRM",storeFormProp:null===(o=l.V7C[d])||void 0===o?void 0:o.storeFormProp},buttonSubmitProps:{icon:"MdOutlineEmail",classAdded:"Button_MdSearch",handleEvents:u,action:{typeEvent:"CLICK_ON_SEND_BCC_CONFIRM"},isDisplaying:!0}},buttonIsSendBccVisibleProps:{icon:"MdOutlineEmail",classAdded:"Button_MdSearch",handleEvents:u,action:{typeEvent:"TOGGLE_IS_SEND_BCC_INPUT_VISIBLE"},isDisplaying:!m}};return a.createElement("div",{className:(0,l.lwH)("QrCodeModalBody",r)},a.createElement("h2",null,p),a.createElement("div",{className:"_qRCodeSVG"},a.createElement(_.h,N.qRCodeSvgProps)),m&&a.createElement("div",{className:"_inputSendBcc"},a.createElement(l.rkD,N.inputSendBccProps)),a.createElement("div",{className:"_buttonIsSendBccVisible"},a.createElement(l.k8C,N.buttonIsSendBccVisibleProps)))},h=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["language","isSendBccInputVisible"],a.memo(g))),C={ConfirmationYesNoBodyYrl:l.HvG,EmalInputs:p.b,QuestionScores:E.c,AcademyAboutBody:v.I,QrCodeModalBody:h},b=function(e){var t=e.storeStateSlice,n=t.modalFrames,o=t.isConfetti,r=e.handleEvents,s=(0,d.A)(),c=s.width,i=s.height;return a.createElement(a.Fragment,null,n.map((function(e){var t=e.childName,n=e.isActive,s=e.childProps,d=C[t],u=JSON.stringify({childName:t,childProps:s});if(!d)return null;var p={typeEvent:"SET_MODAL_FRAMES",data:[{childName:t,isActive:!1,childProps:s}]},E=n?"ModalFrames_display":"",v={buttonCloseProps:{icon:"MdClose",classAdded:"Button_MdClose",handleEvents:r,action:p},childProps:s,confettiProps:{width:c,height:i,run:!0,opacity:o?1:0}};return a.createElement("div",{key:u,id:"modalFrames",className:"ModalFrames ".concat(E," ModalFrames_").concat(t),onClick:function(e){return r(e,p)}},a.createElement("div",{className:"__content"},a.createElement("span",{className:"_close"},a.createElement(l.k8C,v.buttonCloseProps)),a.createElement("div",{className:"_inner",onClick:function(e){return r(e,{typeEvent:"STOP_PROPAGATION"})}},a.createElement(d,v.childProps))),o?a.createElement(m.A,v.confettiProps):null)})))},N=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["modalFrames","isConfetti"],a.memo(b))),A=n(91204),P=n(73242),f=function(e){var t,n,d=e.classAdded,m=e.contentComponentName,u=e.contentID,p=void 0===u?"":u,E=e.moduleCapture,v=void 0===E?"":E,_=e.moduleID,g=void 0===_?"":_,h=e.documentID,C=void 0===h?"":h,b=e.isButtonAddCourse,f=e.isButtonAuthUser,y=(e.isButtonBack,e.isButtonSideMenuLeft),S=e.isButtonsShare,I=e.isButtonThemeToggle,O=e.isLogoGroup,T=e.isPageActionsGroup,M=e.isSeachGroup,L=e.isSelectLanguage,w=e.storeStateSlice,F=w.authAwsCognitoUserData,B=F.sub,D=F.email,k=w.isSideNavLeftVisible,x=w.isMobileSearchInput,R=w.language,H=w.profiles,G=w.screenActive,U=e.handleEvents,j=l.fzk.brand,V=(0,l.t3p)(),Q="".concat(l.HZF.remote,"/images/logoYouRails.png"),Y=(0,o.Zp)(),z=l.xmH.createCourseQuiz[R],K=l.xmH["Toggle site theme"][R],q=l.xmH.Show_QR_code[R],Z=(0,l.bgk)({arr:H,propName:"userID",propValue:B}),J=(null==Z?void 0:Z.nameFirst)||D&&D[0],W=(null==Z?void 0:Z.nameLast)||D&&D[1],X=J&&W?[J,W]:[],$={selectLanguageProps:{LANGUAGES:l.cRx,language:R,mode:null,typeEvent:"SELECT_LANGUAGE_APP",classAdded:"SelectLanguage__AppLanguage",languagesSelected:[{value:R}]},buttonLeftSideNavigationMenuProps:{icon:"MdMenu",classAdded:"Button_MdMenu",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonLeftSideNavigationAvatarProps:{classAdded:"Button_buttonLeftSideNavigationAvatar",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonLeftSideNavigationUnAuthorizedProps:{icon:"FaUserCircle",classAdded:"Button_buttonLeftSideNavigationAvatar",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonBackProps:{icon:"MdForward",classAdded:"Button_MdBackward3",handleEvents:U,action:{typeEvent:"GO_BACK_FROM_CERTIFICATE",data:{history:Y,moduleCapture:v}},tooltipText:l.xmH.backToCourse[R],tooltipPosition:"bottom"},buttonAddCourseProps:{icon:"MdQueue",classAdded:"Button_AddCourse",tooltipText:z,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"CREATE_COURSE",data:{contentComponentName:m}},isDisplaying:!1},buttonQrCodeModalToggleProps:{icon:"MdQrCode2",classAdded:"Button_QrCodeModalToggle",tooltipText:q,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"SET_QR_CODE_MODAL",data:{isActive:!0}}},buttonThemeToggleProps:{icon:"CgDarkMode",classAdded:"Button_ThemeToggle",tooltipText:K,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"TOGGLE_THEME"}},pageActionsProps:{moduleCapture:v,documentID:C,moduleID:g,contentID:p},logoGroupProps:{brandName:j,moto:V,logoPath:Q,contentComponentName:m},avatarPlusInfoProps:{classProps:{_link:"_logoGroup"},typeEvent:"GO_SCREEN",capture:j,text:V,imgSrc:Q,pathname:"/",isTitle:G===l.N58.AcademyMatrix||G===l.N58.ModulesPresent||G===l.N58.TagsCloud},abInCircleProps:{classAdded:"",text:X},inputGroupProps:{inputProps:{classAdded:"Input_search",type:"text",placeholder:null===(t=l.V7C[G])||void 0===t?void 0:t.placeholder,handleEvents:U,typeEvent:"ONCHANGE_INPUT_SEARCH",typeEventOnEnter:"CLICK_ON_SEARCH_BUTTON",storeFormProp:null===(n=l.V7C[G])||void 0===n?void 0:n.storeFormProp},buttonSubmitProps:{icon:"MdSearch",classAdded:"Button_MdSearch",handleEvents:U,action:{typeEvent:"CLICK_ON_SEARCH_BUTTON"}}},buttonMobileSearchToggleProps:{icon:"MdSearch",classAdded:"Button_MobileSearchToggle",handleEvents:U,action:{typeEvent:"TOGGLE_IS_MOBILE_SEARCH_INPUT",data:{isMobileSearchInput:!x}}}},ee=null;return k?ee=a.createElement(l.k8C,$.buttonLeftSideNavigationMenuProps):f&&B?ee=a.createElement(l.k8C,$.buttonLeftSideNavigationAvatarProps,a.createElement(P.t,$.abInCircleProps)):f&&!B&&(ee=a.createElement(l.k8C,$.buttonLeftSideNavigationUnAuthorizedProps)),a.createElement("div",{className:(0,l.lwH)("HeaderFrame",d)},a.createElement("div",{className:"_content"},a.createElement("div",{className:"__left"},y&&ee,O&&a.createElement(A.w,$.avatarPlusInfoProps),T&&a.createElement(s._,$.pageActionsProps),S&&a.createElement(c.R,null),a.createElement("div",{className:"_itemButtonMobileToggle"},!x&&M&&a.createElement(l.k8C,$.buttonMobileSearchToggleProps),a.createElement(l.k8C,$.buttonQrCodeModalToggleProps))),a.createElement("div",{className:"__main"},M&&a.createElement("div",{className:"_itemInputGroupYrl"},a.createElement(l.rkD,$.inputGroupProps))),a.createElement("div",{className:"__right"},b&&a.createElement("div",{className:"_itemButtonAddCourse"},a.createElement(l.k8C,$.buttonAddCourseProps)),a.createElement("div",{className:"_itemButtonQrCodeModalToggle"},a.createElement(l.k8C,$.buttonQrCodeModalToggleProps)),L&&a.createElement("div",{className:"_itemLanguageSelect"},a.createElement(i.j,$.selectLanguageProps)),I&&a.createElement("div",{className:"_itemButtonThemeToggle"},a.createElement(l.k8C,$.buttonThemeToggleProps))),x&&M?a.createElement("div",{className:"__rightMobile"},a.createElement(l.rkD,$.inputGroupProps)):null),a.createElement(r.E,null),a.createElement(N,null))},y=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["authAwsCognitoUserData","isSideNavLeftVisible","isMobileSearchInput","language","profiles","screenActive"],(0,l.rq8)((function(e){var t;return(null==e||null===(t=e.storeStateSlice)||void 0===t?void 0:t.screenActive)!==l.N58.AcademyMatrix&&void 0===(null==e?void 0:e.isNoSeoIndexing)||!!e.isNoSeoIndexing}),l.IDO)(a.memo(f))))}}]);
1
+ "use strict";(self.webpackChunkyourails_sep_academy_web=self.webpackChunkyourails_sep_academy_web||[]).push([[832],{73242:(e,t,n)=>{n.d(t,{t:()=>l});var a=n(96540),o=n(58976),r=function(e){var t=e.classAdded,n=e.text,r=e.colors2;if(!n||!n.length)return null;var l=n[0].toUpperCase(),s=n[1].toUpperCase();Array.isArray(n)&&(l=n[0][0].toUpperCase(),s=n[1][0].toUpperCase());var c=r&&r[l]||"",i=r&&r[s]||"",d="#".concat(c).concat(i),m="".concat(l).concat(s);return a.createElement("div",{className:(0,o.lwH)("AbInCircle",t),style:{borderColor:d,background:d}},a.createElement("div",{className:"_text"},m))},l=(0,o.UO_)({colors2:{A:"219",B:"F80",C:"FF0",D:"AB4",E:"0D9",F:"26C",G:"9C6",H:"86E",I:"793",J:"09C",K:"3B8",L:"F08",M:"C72",N:"A4C",O:"4E5",P:"673",Q:"09C",R:"26C",S:"9C6",T:"793",U:"86E",V:"F08",W:"C72",X:"A4C",Y:"4E5",Z:"673"}})(a.memo(r))},8802:(e,t,n)=>{n.d(t,{I:()=>l});var a=n(96540),o=n(58976),r=function(e){var t=e.classAdded,n=e.buildData,r=(e.storeStateSlice,n.commit),l=n.author,s=l.name,c=l.email,i=n.dateBuild,d=n.dateCommit,m=n.message,u=n.branchCurrent,p=n.copyright,E=o.fzk.brand,v=o.fzk.description;return a.createElement("div",{className:(0,o.lwH)("AcademyAboutBody",t)},a.createElement("h1",{className:"_titleBodyAbout"},"About ",E),a.createElement("div",{className:"_aboutAcademyContent"},a.createElement("div",{className:"_paragraph"},(0,o.t3p)()),a.createElement("div",{className:"_paragraph"},v)),a.createElement("div",{className:"_sectionBuildData"},a.createElement("h3",{className:"_titleTableBuild"},"Current build"),a.createElement("section",{className:"_tableBuild"},a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Date build"),a.createElement("div",{className:"_cell _cell_text"},i)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Date commit"),a.createElement("div",{className:"_cell _cell_text"},d)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Current branch"),a.createElement("div",{className:"_cell _cell_text"},u)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Authors"),a.createElement("div",{className:"_cell _cell_text"},"".concat(s,", ").concat(c))),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Message"),a.createElement("div",{className:"_cell _cell_text"},m)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Commit"),a.createElement("div",{className:"_cell _cell_text"},r)),a.createElement("div",{className:"_row"},a.createElement("div",{className:"_cell _cell_capture"},"Copyright"),a.createElement("div",{className:"_cell _cell_text"},p)))))},l=(0,o.UO_)({buildData:{commit:"9ce288b90ebb349b2c44a4eccafd14250b27a9a0",author:{name:"Roman Ches",email:"contact@yourails.com"},dateCommit:"2025-02-09 07:46",message:"perf-feat-add-engaging-features-XIII",branchCurrent:"B-0.91.0",dateBuild:"2025-02-09 17:28",copyright:"© 2021-2025 Userto Inc."}})((0,o.Rf5)([],a.memo(r)))},91204:(e,t,n)=>{n.d(t,{w:()=>c});var a=n(96540),o=n(37024),r=n(47767),l=n(58976),s=n(2268),c=a.memo((0,l.UO_)({handleEvents:s.o})((function(e){var t=e.classProps,n=e.pathname,s=e.handleEvents,c=(e.typeEvent,e.imgSrc),i=e.capture,d=e.text,m=e.isTitle,u=void 0!==m&&m,p=((0,r.Zp)(),{imageProps:{classAdded:"_avatarPlusInfo",handleEvents:s,action:{typeEvent:null,data:{}},src:c,alt:i},navLinkProps:{className:(0,l.lwH)("_link",t),to:{pathname:n||"/"},onClick:function(){return s({},{typeEvent:"CLICK_ON_CANCEL_APPLIED_FILTERS"})}}});return a.createElement("div",{className:(0,l.lwH)("AvatarPlusInfo",t)},a.createElement(o.m,p.navLinkProps,a.createElement(l.fyU,p.imageProps),a.createElement("div",{className:"_captureText"},u?a.createElement(a.Fragment,null,a.createElement("h1",{className:"_capture"},i),a.createElement("h2",{className:"_text"},d)):a.createElement(a.Fragment,null,a.createElement("div",{className:"_capture"},i),a.createElement("div",{className:"_text"},d)))))})))},97922:(e,t,n)=>{n.d(t,{b:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){e.classAdded;var t=e.documentID,n=e.storeStateSlice,r=(n.documents,n.sendTo),l=n.sendCc,s=e.handleEvents,c={inputEmailToProps:{classAdded:"Input_email",key:"InputEmailToKey",type:"text",placeholder:"email...",handleEvents:s,typeEvent:"ONCHANGE_EMAIL_TO",storeFormProp:"sendTo"},inputEmailCcProps:{classAdded:"Input_email",key:"InputEmailCcKey",type:"text",placeholder:"email cc...",handleEvents:s,typeEvent:"ONCHANGE_EMAIL_CC",storeFormProp:"sendCc"},buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward",handleEvents:s,action:{typeEvent:"SEND_EMAIL_DOCUMENT",data:{documentID:t,sendTo:r,sendCc:l,sendBcc:"",isSendingBcc:!1}}}};return a.createElement("div",{className:"EmalInputs"},a.createElement("form",{className:"_form"},a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},"Email to send document*"),a.createElement(o._sz,c.inputEmailToProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},"Email CC"),a.createElement(o._sz,c.inputEmailCcProps)),a.createElement("div",{className:"_buttons"},a.createElement(o.k8C,c.buttonForwardProps))))},s=(0,o.UO_)({handleEvents:r.o})((0,o.Rf5)(["documents","sendTo","sendCc"],a.memo(l)))},56154:(e,t,n)=>{n.d(t,{r:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){var t=e.classAdded,n=e.language,r=e.buttonForwardProps,l=e.handleEvents,s=o.xmH.nameLast[n],c=o.xmH.nameFirst[n],i=o.xmH.nameMiddle[n],d={inputFirstNameProps:{classAdded:"Input_name",type:"text",placeholder:"first name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameFirst"},inputMiddleNameProps:{classAdded:"Input_name",type:"text",placeholder:"second name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameMiddle"},inputLastNameProps:{classAdded:"Input_name",type:"text",placeholder:"last name...",handleEvents:l,typeEvent:"ONCHANGE_FORMS_GROUP_PROP",storeFormGroup:"profileActive",storeFormProp:"nameLast"},buttonForwardProps:r};return a.createElement("div",{className:(0,o.lwH)("FormInputNames",t)},a.createElement("form",{className:"_form"},a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},c,"*"),a.createElement(o._sz,d.inputFirstNameProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},s,"*"),a.createElement(o._sz,d.inputLastNameProps)),a.createElement("div",{className:"_group"},a.createElement("label",{className:"_label"},i),a.createElement(o._sz,d.inputMiddleNameProps))))},s=(0,o.UO_)({handleEvents:r.o})(a.memo(l))},37024:(e,t,n)=>{n.d(t,{m:()=>m});var a=n(96540),o=n(84976),r=n(58976);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){l(e,t,n[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function i(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var d=function(e){var t=e.storeStateSlice.urlParamsQuery,n=t.sendCc,l=t.sendBcc,d=e.to,m=d.pathname,u=d.search,p=i(e,["storeStateSlice","to"]),E=(0,r.tOJ)(),v=E.sendCc,_=E.sendBcc,g=n||v,h=l||_,C=(0,r.Yij)(c(s({},u||{}),{sendCc:g,sendBcc:h})),b={navLinkProps:c(s({},p),{to:{pathname:m,search:C},end:!0})};return a.createElement(o.k2,b.navLinkProps)},m=(0,r.Rf5)(["urlParamsQuery"],a.memo(d))},5636:(e,t,n)=>{n.d(t,{_:()=>s});var a=n(96540),o=n(58976),r=n(2268),l=function(e){var t=e.moduleCapture,n=e.documentID,r=e.moduleID,l=e.contentID,s=e.tagID,c=e.storeStateSlice.language,i=e.handleEvents,d={buttonPrintProps:{icon:"MdPrint",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"PRINT_DOCUMENT",data:{moduleCapture:t,documentID:n,moduleID:r,contentID:l,tagID:s}},tooltipText:o.xmH.sendToPrint[c],tooltipPosition:"bottom"},buttonEmailProps:{icon:"MdMailOutline",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"SET_MODAL_FRAMES",data:[{childName:"EmalInputs",isActive:!0,childProps:{documentID:n}}]},tooltipText:o.xmH.sendToEmail[c],tooltipPosition:"bottom"},buttonCopyLinkProps:{icon:"BsLink45Deg",classAdded:"Button_UseCertificate",handleEvents:i,action:{typeEvent:"COPY_URL_TO_CLIPBOARD",data:{moduleCapture:t,documentID:n,moduleID:r,contentID:l}},tooltipText:o.xmH.copyLinkToClipboard[c],tooltipPosition:"bottom"}};return a.createElement("div",{className:"PageActions"},a.createElement("div",{className:"_buttons"},a.createElement(o.k8C,d.buttonPrintProps),a.createElement(o.k8C,d.buttonEmailProps),a.createElement(o.k8C,d.buttonCopyLinkProps)))},s=(0,o.UO_)({handleEvents:r.o})((0,o.Rf5)(["language"],a.memo(l)))},34344:(e,t,n)=>{n.d(t,{c:()=>c});var a=n(96540),o=n(47767),r=n(58976),l=n(2268),s=n(56154),c=a.memo((0,r.UO_)({handleEvents:l.o,comp:"QuestionScores"})((0,r.Rf5)(["language","moduleIDActive","modules","nameFirst","nameMiddle","nameLast","sub"],(function(e){var t=(0,o.Zp)(),n=e.stopVideoHandler,c=e.storeStateSlice,i=c.language,d=c.moduleIDActive,m=c.modules,u=c.nameFirst,p=c.nameMiddle,E=c.nameLast,v=c.sub,_=e.handleEvents,g=(0,r.bUJ)({moduleID:d||"",modules:m},{parentFunction:"QuestionScoresComponent"}),h=g.capture,C=g.description,b=g.meta,N=g.moduleID,A=g.contentID,P=g.creatorID,f=g.passRate,y=g.questions,S=(0,r.tOJ)(),I=S.rp,O=S.pr,T=I||O;T=(T=(T=T&&(0,r.BqC)(T)&&parseFloat(T))||f)<.5?.5:T;var M=(0,r.pnt)(y,T),L=(0,r.cmo)(y),w=M.total,F=M.right,B=(M.wrong,M.result),D=r.xmH.QuestionsWithIncorrectAnswers[i],k=function(e){var t=e.language,n=e.right,o=e.total,l=e.nameFirst,s=e.nameMiddle,c=e.nameLast,i=e.meta,d=e.capture,m=e.description,u=e.moduleID,p=e.contentID,E=e.creatorID,v=e.sub,_=e.navigate,g=e.handleEvents,h=e.result||"";v||"success"!==e.result||(h="successNoAuth");var C=(0,r.u8q)(t,n),b=r.xmH.ToReceiveCertificateFillTheForm[t],N=r.xmH.ToReceiveCertificateLogIn[t],A=r.xmH.correctAnsweresFrom[t],P=r.xmH.andPassedTheTestWith[t],f=r.xmH.YouCompletedTheCourse[t],y=r.xmH.Congratulations[t],S=r.xmH.YouCanTryOnceAgain[t],I=r.xmH.andReceiveTheCertificate[t],O=r.xmH.ThisIsNotEnough[t],T=r.xmH.from[t],M=r.xmH.andThisTimeAnswered[t],L=r.xmH.YouWereCommittedToSuccess[t];return{success:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,b)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CREATE_DOCUMENT",data:{screenType:"Certificate",creatorID:E,navigate:_}},handleEvents:g}},successNoAuth:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,N)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CLICK_ON_SIGN_IN",data:{}},handleEvents:g}},failure:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},L),a.createElement("p",null,M," ",n," ",C," ",T," ",o,"."),a.createElement("p",null,O," ",I),a.createElement("p",null,S)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CLOSE_MODAL_GET_SCORES"},handleEvents:g}},debug:{scenarioCase:h,message:a.createElement(a.Fragment,null,a.createElement("div",{className:"_greet"},y),a.createElement("p",null,f),a.createElement("p",null,'"',d,'"'),a.createElement("p",null,P," ",n," ",A," ",o),a.createElement("p",null,b)),buttonForwardProps:{icon:"MdForward",classAdded:"Button_MdForward2",action:{typeEvent:"CREATE_DOCUMENT",data:{screenType:"Certificate",nameFirst:l,nameMiddle:s,nameLast:c,meta:i,capture:d,description:m,courseID:void 0,moduleID:u,contentID:p}},handleEvents:g}}}[h]}({result:B,language:i,right:F,total:w,nameFirst:u,nameMiddle:p,nameLast:E,meta:b||{},capture:h||"",description:C||"",moduleID:N||"",contentID:A||"",creatorID:P||"",sub:v,navigate:t,handleEvents:_});(0,a.useEffect)((function(){n&&n({},{}),"success"!==k.scenarioCase&&"successNoAuth"!==k.scenarioCase||((0,l.o)({},{typeEvent:"TOGGLE_IS_CONFETTI",data:!0}),setTimeout((function(){return(0,l.o)({},{typeEvent:"TOGGLE_IS_CONFETTI",data:!1})}),5e3))}),[]);var x,R={buttonNextTaskProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},captureLeft:r.xmH.Next_Task[i]},buttonViewRewardProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.View_Reward[i],tooltipPosition:"top",captureLeft:r.xmH.View_Reward[i]},buttonSeeAchievementsProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.See_Achievements[i],tooltipPosition:"top",captureLeft:r.xmH.See_Achievements[i]},buttonAllMissionsProps:{icon:"MdForward",classAdded:"Button_UseCertificate",handleEvents:_,action:{typeEvent:"TEST",data:{}},tooltipText:r.xmH.All_Missions[i],tooltipPosition:"top",captureLeft:r.xmH.All_Missions[i]},formInputNamesProps:{language:i,buttonForwardProps:k.buttonForwardProps,handleEvents:_},buttonForwardProps:k.buttonForwardProps};r.xmH.Next_Task[i];return console.info("QuestionScores [128]",{"scenario.message":k.message}),a.createElement("div",{className:"QuestionScores"},a.createElement("div",{className:"_text"},k.message),"success"===k.scenarioCase?a.createElement(s.r,R.formInputNamesProps):null,"failure"===B?a.createElement("div",{className:"_qwa"},a.createElement("div",{className:"_capture"},D),(x=L,a.createElement("ul",{className:"_ul"},x.map((function(e){var t=e.questionID,n=e.capture;return a.createElement("li",{key:t,className:"_li"},n)}))))):null,"success"===k.scenarioCase||"successNoAuth"===k.scenarioCase?a.createElement("div",{className:"_buttons"},a.createElement(r.k8C,R.buttonForwardProps)):null)}))))},12783:(e,t,n)=>{n.d(t,{j:()=>u});var a=n(96540),o=n(24921),r=n(44329),l=n(58976);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,o,r=[],l=!0,s=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(r.push(a.value),!t||r.length!==t);l=!0);}catch(e){s=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(s)throw o}}return r}}(e,t)||i(e,t)||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.")}()}function i(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}var d=o.A.Option,m=n(2268),u=function(e){var t=e.languagesSelected,n=e.classAdded,s=e.LANGUAGES,i=e.language,u=e.mode,p=e.typeEvent,E=i||"en",v=function(){},_=function(e,t,n,o){return Object.keys(e).map((function(s){var i=e[s]["639-1"],m=c(e[s][t],1)[0],u=e[s]["639-1"],p=(0,r.Ak)(),E=m;e[s][u];var v=e[s].svgFile,_={classAdded:"Image_languagesOptions ".concat(o),src:"".concat(n).concat(v),alt:E,handleEvents:function(){}};return a.createElement(d,{key:p,className:"_optionsAntd ".concat(o),value:i,isSelectOption:!0},a.createElement(l.fyU,_),E)}))}(s,E,l.czh,n),g={selectAntdProps:{defaultOpen:!1,labelInValue:!0,value:t,defaultValue:[],filterOption:function(e,t){var n,a;return(null==t||null===(n=t.label)||void 0===n?void 0:n.toLowerCase().indexOf(e.toLowerCase()))>=0||(null==t||null===(a=t.value)||void 0===a?void 0:a.toLowerCase().indexOf(e.toLowerCase()))>=0},placeholder:l.xmH.select[E],showSearch:!0,className:"__selectAntd",mode:u,onBlur:v,onChange:function(e){return(0,m.o)({},{typeEvent:p,data:e})},onFocus:v,onSearch:v}};return a.createElement("div",{className:"SelectLanguage ".concat(n)},a.createElement(o.A,g.selectAntdProps,_))}},67697:(e,t,n)=>{n.d(t,{R:()=>b});var a=n(96540),o=n(61),r=n(31189),l=n(54650),s=n(46200),c=n(27748),i=n(84758),d=n(78301),m=n(19733),u=n(89358),p=n(68964),E=n(66369),v=n(84801),_=n(2268);function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}var C=[{ButtonComponent:o.A,url:"https://telegram.me/share/url",netTitleField:"title",netTitle:"Telegram",IconComponent:r.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/31356360/share-a-link-via-url-scheme-to-telegram"},{ButtonComponent:l.A,url:"https://api.whatsapp.com/send",netTitleField:"title",netTitle:"Whatsapp",IconComponent:s.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/33426752/linkedin-share-post-url"},{ButtonComponent:c.A,url:"https://www.facebook.com/sharer/sharer.php?u=#url",netTitleField:"quote",netTitle:"Facebook",IconComponent:i.A,iconSize:41},{ButtonComponent:d.A,url:"https://vk.com/share.php",netTitleField:"title",netTitle:"VKontakte",IconComponent:m.A,iconSize:41},{ButtonComponent:u.A,url:"https://www.linkedin.com/sharing/share-offsite/?url=https://www.linkedin.com%2Fsharing%2Fshare-offsite%2F%3Furl%3D%22%22",netTitleField:"title",netTitle:"Linkedin",IconComponent:p.A,iconSize:41,linkRef:"https://stackoverflow.com/questions/33426752/linkedin-share-post-url"},{ButtonComponent:E.A,url:"http://twitter.com/share",netTitleField:"title",netTitle:"Twitter",IconComponent:v.A,iconSize:41,linkRef:"https://habr.com/ru/post/156185/"}],b=function(e){return a.createElement("div",{className:"ShareButtons"},function(e){return e.map((function(e){var t=e.ButtonComponent,n=e.url,o=e.netTitleField,r=e.netTitle,l=e.IconComponent,s=e.iconSize,c=g({key:n,url:n},o,r),i={size:s};return a.createElement(t,h(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(t){g(e,t,n[t])}))}return e}({},c),{onClick:function(t){return(0,_.o)(t,{typeEvent:"CLICK_SOCIAL_NET_BUTTON",data:{buttonProps:e}})}}),a.createElement(l,i))}))}(C))}},88351:(e,t,n)=>{n.d(t,{E:()=>m});var a=n(96540),o=n(47767),r=n(2268),l=n(58976),s=n(12783),c=n(24476),i=n(37024),d=function(e){e.classAdded;var t=e.storeStateSlice,n=t.sub,r=t.language,d=t.isSideNavLeftVisible,m=e.handleEvents,u=function(e){e.navigate;var t=e.language,n=e.sub,a=e.handleEvents;return[{navLinkProps:void 0,buttonYrlProps:{icon:"MdLogin",captureRight:l.xmH.Login[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"CLICK_ON_SIGN_IN"},isDisplaying:(0,c.Bb)()&&!n}},{navLinkProps:{to:{pathname:"/"}},buttonYrlProps:{icon:"MdHome",captureRight:l.xmH.Home[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/m"}},buttonYrlProps:{icon:"MdOutlineVideocam",captureRight:l.xmH.See_all[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/t"}},buttonYrlProps:{icon:"MdOutlineTag",captureRight:l.xmH.All_tags[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/my-documents"}},buttonYrlProps:{icon:"MdAssignmentTurnedIn",captureRight:l.xmH.My_documents[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!!n}},{navLinkProps:{to:{pathname:"/my-modules"}},buttonYrlProps:{icon:"MdCastForEducation",captureRight:l.xmH.My_courses[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!!n&&(0,c.L$)()}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdLightbulbOutline",captureRight:l.xmH.About[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"SET_MODAL_FRAMES",data:[{childName:"AcademyAboutBody",isActive:!0,childProps:{}}]},isDisplaying:!0}},{navLinkProps:{to:{pathname:"/profiles"}},buttonYrlProps:{icon:"MdPerson",captureRight:l.xmH.My_profile[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{},isDisplaying:!1}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdAddShoppingCart",captureRight:l.xmH.Services[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"DEV_STAGE"},isDisplaying:!1}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdLogout",captureRight:l.xmH.Logout[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"CLICK_ON_SIGN_OUT"},isDisplaying:(0,c.Bb)()&&!!n}},{navLinkProps:void 0,buttonYrlProps:{icon:"MdContactMail",captureRight:l.xmH.Contacts[t],classAdded:"Button_sideMenuItems",handleEvents:a,action:{typeEvent:"DEV_STAGE"},isDisplaying:!1}}]}({navigate:(0,o.Zp)(),sub:n,language:r,handleEvents:m}),p=d?"SideNavigation_show":"",E={LANGUAGES:l.cRx,language:r,mode:null,typeEvent:"SELECT_LANGUAGE_APP",classAdded:"SelectLanguage__AppLanguage",languagesSelected:[{value:r}]};return a.createElement("div",{className:"SideNavigation ".concat(p),onClick:function(e){return m(e,{typeEvent:"SET_SIDE_NAVIGATION_LEFT"})}},a.createElement("div",{className:"__content"},a.createElement("div",{className:"__menuGroup"},a.createElement("div",{className:"_groupItem _languageSelect"},a.createElement(s.j,E)),u.map((function(e,t){var n=e.navLinkProps,o=e.buttonYrlProps;return n?a.createElement("div",{key:"sideNavLinkItem-".concat(t),className:"_item"},a.createElement(i.m,n,a.createElement(l.k8C,o))):a.createElement("div",{key:"sideNavigationItem-".concat(t),className:"_item"},a.createElement(l.k8C,o))})))))},m=(0,l.UO_)({handleEvents:r.o})((0,l.Rf5)(["sub","language","isSideNavLeftVisible"],a.memo(d)))},42832:(e,t,n)=>{n.d(t,{H:()=>y});var a=n(96540),o=n(47767),r=n(88351),l=n(58976),s=n(5636),c=n(67697),i=n(12783),d=n(34364),m=n(28788),u=n(2268),p=n(97922),E=n(34344),v=n(8802),_=n(36459),g=function(e){var t,o,r=e.classAdded,s=e.storeStateSlice,c=s.language,i=s.screenActive,d=void 0===i?"QrCodeModal":i,m=s.isSendBccInputVisible,u=e.handleEvents,p=l.xmH.Link_to_URL[c],E=location.pathname,v=location.search,g="".concat(l.HZF.remote).concat(E).concat(v),h=(0,l.y4g)(n.g),C=h.width,b=h.height,N={qRCodeSvgProps:{value:g,size:Math.min(C,b)/2},inputSendBccProps:{inputProps:{classAdded:"Input_search",type:"email",placeholder:null===(t=l.V7C[d])||void 0===t?void 0:t.placeholder,handleEvents:u,typeEvent:"ONCHANGE_INPUT_SEARCH",typeEventOnEnter:"CLICK_ON_SEND_BCC_CONFIRM",storeFormProp:null===(o=l.V7C[d])||void 0===o?void 0:o.storeFormProp},buttonSubmitProps:{icon:"MdOutlineEmail",classAdded:"Button_MdSearch",handleEvents:u,action:{typeEvent:"CLICK_ON_SEND_BCC_CONFIRM"},isDisplaying:!0}},buttonIsSendBccVisibleProps:{icon:"MdOutlineEmail",classAdded:"Button_MdSearch",handleEvents:u,action:{typeEvent:"TOGGLE_IS_SEND_BCC_INPUT_VISIBLE"},isDisplaying:!m}};return a.createElement("div",{className:(0,l.lwH)("QrCodeModalBody",r)},a.createElement("h2",null,p),a.createElement("div",{className:"_qRCodeSVG"},a.createElement(_.h,N.qRCodeSvgProps)),m&&a.createElement("div",{className:"_inputSendBcc"},a.createElement(l.rkD,N.inputSendBccProps)),a.createElement("div",{className:"_buttonIsSendBccVisible"},a.createElement(l.k8C,N.buttonIsSendBccVisibleProps)))},h=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["language","isSendBccInputVisible"],a.memo(g))),C={ConfirmationYesNoBodyYrl:l.HvG,EmalInputs:p.b,QuestionScores:E.c,AcademyAboutBody:v.I,QrCodeModalBody:h},b=function(e){var t=e.storeStateSlice,n=t.modalFrames,o=t.isConfetti,r=e.handleEvents,s=(0,d.A)(),c=s.width,i=s.height;return a.createElement(a.Fragment,null,n.map((function(e){var t=e.childName,n=e.isActive,s=e.childProps,d=C[t],u=JSON.stringify({childName:t,childProps:s});if(!d)return null;var p={typeEvent:"SET_MODAL_FRAMES",data:[{childName:t,isActive:!1,childProps:s}]},E=n?"ModalFrames_display":"",v={buttonCloseProps:{icon:"MdClose",classAdded:"Button_MdClose",handleEvents:r,action:p},childProps:s,confettiProps:{width:c,height:i,run:!0,opacity:o?1:0}};return a.createElement("div",{key:u,id:"modalFrames",className:"ModalFrames ".concat(E," ModalFrames_").concat(t),onClick:function(e){return r(e,p)}},a.createElement("div",{className:"__content"},a.createElement("span",{className:"_close"},a.createElement(l.k8C,v.buttonCloseProps)),a.createElement("div",{className:"_inner",onClick:function(e){return r(e,{typeEvent:"STOP_PROPAGATION"})}},a.createElement(d,v.childProps))),o?a.createElement(m.A,v.confettiProps):null)})))},N=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["modalFrames","isConfetti"],a.memo(b))),A=n(91204),P=n(73242),f=function(e){var t,n,d=e.classAdded,m=e.contentComponentName,u=e.contentID,p=void 0===u?"":u,E=e.moduleCapture,v=void 0===E?"":E,_=e.moduleID,g=void 0===_?"":_,h=e.documentID,C=void 0===h?"":h,b=e.isButtonAddCourse,f=e.isButtonAuthUser,y=(e.isButtonBack,e.isButtonSideMenuLeft),S=e.isButtonsShare,I=e.isButtonThemeToggle,O=e.isLogoGroup,T=e.isPageActionsGroup,M=e.isSeachGroup,L=e.isSelectLanguage,w=e.storeStateSlice,F=w.authAwsCognitoUserData,B=F.sub,D=F.email,k=w.isSideNavLeftVisible,x=w.isMobileSearchInput,R=w.language,H=w.profiles,G=w.screenActive,U=e.handleEvents,j=l.fzk.brand,V=(0,l.t3p)(),Q="".concat(l.HZF.remote,"/images/logoYouRails.png"),Y=(0,o.Zp)(),z=l.xmH.createCourseQuiz[R],K=l.xmH["Toggle site theme"][R],q=l.xmH.Show_QR_code[R],Z=(0,l.bgk)({arr:H,propName:"userID",propValue:B}),J=(null==Z?void 0:Z.nameFirst)||D&&D[0],W=(null==Z?void 0:Z.nameLast)||D&&D[1],X=J&&W?[J,W]:[],$={selectLanguageProps:{LANGUAGES:l.cRx,language:R,mode:null,typeEvent:"SELECT_LANGUAGE_APP",classAdded:"SelectLanguage__AppLanguage",languagesSelected:[{value:R}]},buttonLeftSideNavigationMenuProps:{icon:"MdMenu",classAdded:"Button_MdMenu",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonLeftSideNavigationAvatarProps:{classAdded:"Button_buttonLeftSideNavigationAvatar",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonLeftSideNavigationUnAuthorizedProps:{icon:"FaUserCircle",classAdded:"Button_buttonLeftSideNavigationAvatar",handleEvents:U,action:{typeEvent:"SET_SIDE_NAVIGATION_LEFT"}},buttonBackProps:{icon:"MdForward",classAdded:"Button_MdBackward3",handleEvents:U,action:{typeEvent:"GO_BACK_FROM_CERTIFICATE",data:{history:Y,moduleCapture:v}},tooltipText:l.xmH.backToCourse[R],tooltipPosition:"bottom"},buttonAddCourseProps:{icon:"MdQueue",classAdded:"Button_AddCourse",tooltipText:z,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"CREATE_COURSE",data:{contentComponentName:m}},isDisplaying:!1},buttonQrCodeModalToggleProps:{icon:"MdQrCode2",classAdded:"Button_QrCodeModalToggle",tooltipText:q,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"SET_QR_CODE_MODAL",data:{isActive:!0}}},buttonThemeToggleProps:{icon:"CgDarkMode",classAdded:"Button_ThemeToggle",tooltipText:K,tooltipPosition:"bottom",handleEvents:U,action:{typeEvent:"TOGGLE_THEME"}},pageActionsProps:{moduleCapture:v,documentID:C,moduleID:g,contentID:p},logoGroupProps:{brandName:j,moto:V,logoPath:Q,contentComponentName:m},avatarPlusInfoProps:{classProps:{_link:"_logoGroup"},typeEvent:"GO_SCREEN",capture:j,text:V,imgSrc:Q,pathname:"/",isTitle:G===l.N58.AcademyMatrix||G===l.N58.ModulesPresent||G===l.N58.TagsCloud},abInCircleProps:{classAdded:"",text:X},inputGroupProps:{inputProps:{classAdded:"Input_search",type:"text",placeholder:null===(t=l.V7C[G])||void 0===t?void 0:t.placeholder,handleEvents:U,typeEvent:"ONCHANGE_INPUT_SEARCH",typeEventOnEnter:"CLICK_ON_SEARCH_BUTTON",storeFormProp:null===(n=l.V7C[G])||void 0===n?void 0:n.storeFormProp},buttonSubmitProps:{icon:"MdSearch",classAdded:"Button_MdSearch",handleEvents:U,action:{typeEvent:"CLICK_ON_SEARCH_BUTTON"}}},buttonMobileSearchToggleProps:{icon:"MdSearch",classAdded:"Button_MobileSearchToggle",handleEvents:U,action:{typeEvent:"TOGGLE_IS_MOBILE_SEARCH_INPUT",data:{isMobileSearchInput:!x}}}},ee=null;return k?ee=a.createElement(l.k8C,$.buttonLeftSideNavigationMenuProps):f&&B?ee=a.createElement(l.k8C,$.buttonLeftSideNavigationAvatarProps,a.createElement(P.t,$.abInCircleProps)):f&&!B&&(ee=a.createElement(l.k8C,$.buttonLeftSideNavigationUnAuthorizedProps)),a.createElement("div",{className:(0,l.lwH)("HeaderFrame",d)},a.createElement("div",{className:"_content"},a.createElement("div",{className:"__left"},y&&ee,O&&a.createElement(A.w,$.avatarPlusInfoProps),T&&a.createElement(s._,$.pageActionsProps),S&&a.createElement(c.R,null),a.createElement("div",{className:"_itemButtonMobileToggle"},!x&&M&&a.createElement(l.k8C,$.buttonMobileSearchToggleProps),a.createElement(l.k8C,$.buttonQrCodeModalToggleProps))),a.createElement("div",{className:"__main"},M&&a.createElement("div",{className:"_itemInputGroupYrl"},a.createElement(l.rkD,$.inputGroupProps))),a.createElement("div",{className:"__right"},b&&a.createElement("div",{className:"_itemButtonAddCourse"},a.createElement(l.k8C,$.buttonAddCourseProps)),a.createElement("div",{className:"_itemButtonQrCodeModalToggle"},a.createElement(l.k8C,$.buttonQrCodeModalToggleProps)),L&&a.createElement("div",{className:"_itemLanguageSelect"},a.createElement(i.j,$.selectLanguageProps)),I&&a.createElement("div",{className:"_itemButtonThemeToggle"},a.createElement(l.k8C,$.buttonThemeToggleProps))),x&&M?a.createElement("div",{className:"__rightMobile"},a.createElement(l.rkD,$.inputGroupProps)):null),a.createElement(r.E,null),a.createElement(N,null))},y=(0,l.UO_)({handleEvents:u.o})((0,l.Rf5)(["authAwsCognitoUserData","isSideNavLeftVisible","isMobileSearchInput","language","profiles","screenActive"],(0,l.rq8)((function(e){var t;return(null==e||null===(t=e.storeStateSlice)||void 0===t?void 0:t.screenActive)!==l.N58.AcademyMatrix&&void 0===(null==e?void 0:e.isNoSeoIndexing)||!!e.isNoSeoIndexing}),l.IDO)(a.memo(f))))}}]);