maxatdetroit
/ simple-dropdown-example.js
Created
January 17, 2025 22:22
Example of using JS object getter/setter accessors in conjunction with HTML5 component attributes to manage internal state and public API
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class SimpleDropdown extends HTMLElement { | |
| static get observedAttributes() { | |
| return ['expanded']; | |
| } | |
| constructor() { | |
| super(); | |
| this.attachShadow({ mode: 'open' }); | |
| // Initialize private state |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| parameters: | |
| session.storage.options: | |
| # ... ommitted for brevity | |
| twig.config: | |
| # Twig debugging: | |
| # | |
| # When debugging is enabled: | |
| # - The markup of each Twig template is surrounded by HTML comments that | |
| # contain theming information, such as template file name suggestions. | |
| # - Note that this debugging markup will cause automated tests that directly |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "version": "0.2.0", | |
| "configurations": [ | |
| { | |
| "name": "Listen for XDebug", | |
| "type": "php", | |
| "request": "launch", | |
| "port": 9003, | |
| "pathMappings": { | |
| "/app/": "${workspaceFolder}/", |